@alfalab/core-components-select 10.6.6 → 10.7.1

package/dist/{Component-f9672486.js → Component-0a6e961c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efd670d0.js');
+var tslib_es6 = require('./tslib.es6-1eb20664.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('./utils.js');
@@ -21,7 +21,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"component":"select__component_blc28","popoverInner":"select__popoverInner_blc28","optionsList":"select__optionsList_blc28","nativeSelect":"select__nativeSelect_blc28","block":"select__block_blc28"};
+var styles = {"component":"select__component_1fuk1","popoverInner":"select__popoverInner_1fuk1","optionsList":"select__optionsList_1fuk1","nativeSelect":"select__nativeSelect_1fuk1","block":"select__block_1fuk1"};
 require('./components/base-select/index.css')
 
 var BaseSelect = React.forwardRef(function (_a, ref) {

package/dist/{Component-ed0d36ed.js → Component-947b3613.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efd670d0.js');
+var tslib_es6 = require('./tslib.es6-1eb20664.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/hooks');
@@ -15,7 +15,7 @@ var components_optionsList_Component = require('./components/options-list/Compon
 require('@alfalab/core-components-checkbox');
 var components_option_Component = require('./components/option/Component.js');
 var downshift = require('downshift');
-var components_baseSelect_Component = require('./Component-f9672486.js');
+var components_baseSelect_Component = require('./Component-0a6e961c.js');
 require('./Component.js');
 var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet');
 var coreComponentsButton = require('@alfalab/core-components-button');
@@ -23,7 +23,7 @@ var components_selectMobile_optionsList_Component = require('./components/select
 var components_selectMobile_checkmark_Component = require('./components/select-mobile/checkmark/Component.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('./intersection-observer-e6739adc.js');
+require('./intersection-observer-44f017b8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -99,7 +99,7 @@ function useSelectWithApply(_a) {
     };
 }
 
-var styles = {"footer":"select__footer_3ofg3","withBorder":"select__withBorder_3ofg3"};
+var styles = {"footer":"select__footer_bdcyk","withBorder":"select__withBorder_bdcyk"};
 require('./presets/useSelectWithApply/options-list-with-apply/index.css')
 
 var OptionsListWithApply = React.forwardRef(function (_a, ref) {
@@ -145,7 +145,7 @@ var OptionsListWithApply = React.forwardRef(function (_a, ref) {
             showClear && (React__default['default'].createElement(coreComponentsButton.Button, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))) })));
 });
 
-var styles$1 = {"component":"select__component_15s3q","popoverInner":"select__popoverInner_15s3q","sheet":"select__sheet_15s3q","sheetContent":"select__sheetContent_15s3q","sheetContainer":"select__sheetContainer_15s3q","block":"select__block_15s3q","option":"select__option_15s3q","optionGroup":"select__optionGroup_15s3q"};
+var styles$1 = {"component":"select__component_1w1kc","popoverInner":"select__popoverInner_1w1kc","sheet":"select__sheet_1w1kc","sheetContent":"select__sheetContent_1w1kc","sheetContainer":"select__sheetContainer_1w1kc","block":"select__block_1w1kc","option":"select__option_1w1kc","optionGroup":"select__optionGroup_1w1kc"};
 require('./components/select-mobile/index.css')
 
 var SelectMobile = React.forwardRef(function (_a, ref) {

package/dist/Component.d.ts

@@ -82,7 +82,7 @@ type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
      */
     fieldProps?: FormControlProps & Record<string, unknown>;
 };
-declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "label" | "preventFlip" | "popperClassName" | "className" | "open" | "dataTestId" | "name" | "options" | "size" | "block" | "multiple" | "disabled" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "fieldClassName" | "error" | "hint" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */

package/dist/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-efd670d0.js');
+var tslib_es6 = require('./tslib.es6-1eb20664.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -21,7 +21,7 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('./components/native-select/Component.js');
-var components_baseSelect_Component = require('./Component-f9672486.js');
+var components_baseSelect_Component = require('./Component-0a6e961c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/components/arrow/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"arrow":"select__arrow_p661f","open":"select__open_p661f"};
+var styles = {"arrow":"select__arrow_1w0am","open":"select__open_1w0am"};
 require('./index.css')
 
 var Arrow = function (_a) {

package/dist/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1fbn8 */
+/* hash: 1efxl */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -24,7 +24,7 @@
 
     /* optgroup */
 }
-.select__arrow_p661f {
+.select__arrow_1w0am {
     display: block;
     width: 24px;
     height: 24px;
@@ -32,6 +32,6 @@
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
 }
-.select__open_p661f {
+.select__open_1w0am {
     transform: var(--arrow-transform);
 }

package/dist/components/base-select/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-efd670d0.js');
+require('../../tslib.es6-1eb20664.js');
 require('react');
 require('classnames');
 require('../../utils.js');
@@ -11,7 +11,7 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-f9672486.js');
+var components_baseSelect_Component = require('../../Component-0a6e961c.js');
 
 
 

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

@@ -1,4 +1,4 @@
-/* hash: hkt0n */
+/* hash: 1lin8 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -28,12 +28,12 @@
 
     /* optgroup */
 }
-.select__component_blc28 {
+.select__component_1fuk1 {
     width: max-content;
     position: relative;
     outline: 0;
 }
-.select__popoverInner_blc28 {
+.select__popoverInner_1fuk1 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -42,7 +42,7 @@
     border-radius: 0;
     position: relative;
 }
-.select__optionsList_blc28 {
+.select__optionsList_1fuk1 {
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
     box-shadow: var(--select-options-list-box-shadow);
@@ -51,7 +51,7 @@
     overflow: hidden;
     will-change: transform;
 }
-.select__nativeSelect_blc28 {
+.select__nativeSelect_1fuk1 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -65,12 +65,12 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_blc28 {
+.select__block_1fuk1 {
     width: 100%;
 }
 /* width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_blc28 {
+    .select__component_1fuk1 {
         float: left;
         clear: left;
     }

package/dist/components/base-select/index.d.ts

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

package/dist/components/base-select/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-efd670d0.js');
+require('../../tslib.es6-1eb20664.js');
 require('react');
 require('classnames');
 require('../../utils.js');
@@ -11,7 +11,7 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-f9672486.js');
+var components_baseSelect_Component = require('../../Component-0a6e961c.js');
 
 
 

package/dist/components/checkmark/Component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CheckmarkProps } from "../../typings";
-declare const Checkmark: ({ selected, className, multiple, position, }: CheckmarkProps) => JSX.Element;
+declare const Checkmark: ({ selected, disabled, className, multiple, position, }: CheckmarkProps) => JSX.Element;
 export { Checkmark };

package/dist/components/checkmark/Component.js

@@ -11,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"checkmark":"select__checkmark_1ro31","single":"select__single_1ro31","selected":"select__selected_1ro31","before":"select__before_1ro31","multiple":"select__multiple_1ro31","after":"select__after_1ro31"};
+var styles = {"checkmark":"select__checkmark_15x1v","single":"select__single_15x1v","selected":"select__selected_15x1v","before":"select__before_15x1v","multiple":"select__multiple_15x1v","after":"select__after_15x1v"};
 require('./index.css')
 
 var Checkmark = function (_a) {
     var _b;
-    var selected = _a.selected, className = _a.className, multiple = _a.multiple, _c = _a.position, position = _c === void 0 ? 'before' : _c;
+    var selected = _a.selected, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, multiple = _a.multiple, _d = _a.position, position = _d === void 0 ? 'before' : _d;
     var single = !multiple || position === 'after';
     var checkmarkClassNames = cn__default['default'](styles.checkmark, className, styles[position], (_b = {},
         _b[styles.multiple] = !single,
@@ -24,7 +24,7 @@ var Checkmark = function (_a) {
         _b[styles.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, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
+    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 }));
 };
 
 exports.Checkmark = Checkmark;

package/dist/components/checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: 1036i */
+/* hash: wsjz5 */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -35,11 +35,11 @@
 
     /* optgroup */
 }
-.select__checkmark_1ro31 {
+.select__checkmark_15x1v {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin);
 }
-.select__single_1ro31 {
+.select__single_15x1v {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -50,15 +50,15 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
 }
-.select__single_1ro31.select__selected_1ro31 {
+.select__single_15x1v.select__selected_15x1v {
         opacity: 1;
     }
-.select__before_1ro31 {
+.select__before_15x1v {
     display: var(--select-checkmark-before-display)
 }
-.select__before_1ro31.select__multiple_1ro31 {
+.select__before_15x1v.select__multiple_15x1v {
         margin-right: var(--gap-s);
     }
-.select__after_1ro31 {
+.select__after_15x1v {
     display: var(--select-checkmark-after-display);
 }

package/dist/components/field/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-efd670d0.js');
+var tslib_es6 = require('../../tslib.es6-1eb20664.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"select__component_1yob5","field":"select__field_1yob5","disabled":"select__disabled_1yob5","arrow":"select__arrow_1yob5","placeholder":"select__placeholder_1yob5","contentWrapper":"select__contentWrapper_1yob5","value":"select__value_1yob5","focusVisible":"select__focusVisible_1yob5"};
+var styles = {"component":"select__component_s644e","field":"select__field_s644e","disabled":"select__disabled_s644e","arrow":"select__arrow_s644e","placeholder":"select__placeholder_s644e","contentWrapper":"select__contentWrapper_s644e","value":"select__value_s644e","focusVisible":"select__focusVisible_s644e"};
 require('./index.css')
 
 var Field = function (_a) {

package/dist/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qkuh */
+/* hash: rsma2 */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: #546272;
@@ -26,24 +26,24 @@
 
     /* optgroup */
 }
-.select__component_1yob5 {
+.select__component_s644e {
     width: 100%;
     outline: none;
 }
-.select__field_1yob5:not(.select__disabled_1yob5) {
+.select__field_s644e:not(.select__disabled_s644e) {
     cursor: pointer
 }
-.select__field_1yob5:not(.select__disabled_1yob5):hover .select__arrow_1yob5 {
+.select__field_s644e:not(.select__disabled_s644e):hover .select__arrow_s644e {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_1yob5 {
+.select__disabled_s644e {
     cursor: var(--disabled-cursor);
 }
 /* TODO: Заюзать переменные из инпута */
-.select__placeholder_1yob5 {
+.select__placeholder_s644e {
     color: var(--color-light-text-secondary);
 }
-.select__contentWrapper_1yob5 {
+.select__contentWrapper_s644e {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -53,12 +53,12 @@
     overflow: hidden;
     width: 100%;
 }
-.select__value_1yob5 {
+.select__value_s644e {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__focusVisible_1yob5 {
+.select__focusVisible_s644e {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/dist/components/field/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-efd670d0.js');
+require('../../tslib.es6-1eb20664.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/dist/components/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-efd670d0.js');
+require('../tslib.es6-1eb20664.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -21,18 +21,18 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('./native-select/Component.js');
-var components_baseSelect_Component = require('../Component-f9672486.js');
+var components_baseSelect_Component = require('../Component-0a6e961c.js');
 require('../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('./select-mobile/options-list/Component.js');
 require('./select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-ed0d36ed.js');
+var presets_useSelectWithApply_hook = require('../Component-947b3613.js');
 require('react-virtual');
 var components_virtualOptionsList_Component = require('./virtual-options-list/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../intersection-observer-e6739adc.js');
+require('../intersection-observer-44f017b8.js');
 
 
 

package/dist/components/native-select/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-efd670d0.js');
+var tslib_es6 = require('../../tslib.es6-1eb20664.js');
 var React = require('react');
 var utils = require('../../utils.js');
 

package/dist/components/native-select/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-efd670d0.js');
+require('../../tslib.es6-1eb20664.js');
 require('react');
 require('../../utils.js');
 var components_nativeSelect_Component = require('./Component.js');

package/dist/components/optgroup/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"optgroup":"select__optgroup_1vy15","label":"select__label_1vy15","l":"select__l_1vy15","xl":"select__xl_1vy15"};
+var styles = {"optgroup":"select__optgroup_1uqty","label":"select__label_1uqty","l":"select__l_1uqty","xl":"select__xl_1uqty"};
 require('./index.css')
 
 var Optgroup = function (_a) {

package/dist/components/optgroup/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jgm9 */
+/* hash: 17whi */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-text-secondary: #546272;
@@ -33,7 +33,7 @@
     --select-optgroup-l-left-padding: var(--gap-m);
     --select-optgroup-l-right-padding: var(--gap-m);
 }
-.select__optgroup_1vy15 {
+.select__optgroup_1uqty {
     position: relative;
     display: flex;
     align-items: center;
@@ -43,10 +43,10 @@
     background: var(--select-optgroup-background);
     min-height: 40px
 }
-.select__optgroup_1vy15 + *[role='option']:before {
+.select__optgroup_1uqty + *[role='option']:before {
         display: none;
     }
-.select__label_1vy15 {
+.select__label_1uqty {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -56,8 +56,8 @@
     display: block;
     color: var(--select-optgroup-color);
 }
-.select__l_1vy15,
-.select__xl_1vy15 {
+.select__l_1uqty,
+.select__xl_1uqty {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/dist/components/option/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-efd670d0.js');
+var tslib_es6 = require('../../tslib.es6-1eb20664.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-checkbox');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"option":"select__option_grt3s","disabled":"select__disabled_grt3s","s":"select__s_grt3s","m":"select__m_grt3s","l":"select__l_grt3s","xl":"select__xl_grt3s","selected":"select__selected_grt3s","highlighted":"select__highlighted_grt3s","content":"select__content_grt3s","textContent":"select__textContent_grt3s"};
+var styles = {"option":"select__option_1wneo","disabled":"select__disabled_1wneo","s":"select__s_1wneo","m":"select__m_1wneo","l":"select__l_1wneo","xl":"select__xl_1wneo","selected":"select__selected_1wneo","highlighted":"select__highlighted_1wneo","content":"select__content_1wneo","textContent":"select__textContent_1wneo"};
 require('./index.css')
 
 var Option = function (_a) {
@@ -25,11 +25,11 @@ var Option = function (_a) {
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
             _b)), "data-test-id": dataTestId }),
-        Checkmark && React__default['default'].createElement(Checkmark, { selected: selected, multiple: multiple, position: 'before' }),
+        Checkmark && (React__default['default'].createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
         React__default['default'].createElement("div", { className: cn__default['default'](styles.content, (_c = {},
                 _c[styles.textContent] = !React.isValidElement(content),
                 _c)) }, content),
-        Checkmark && React__default['default'].createElement(Checkmark, { selected: selected, multiple: multiple, position: 'after' })));
+        Checkmark && (React__default['default'].createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
 };
 
 exports.Option = Option;

package/dist/components/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 12ox6 */
+/* hash: jb0nl */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
@@ -53,7 +53,7 @@
 
     /* optgroup */
 }
-.select__option_grt3s {
+.select__option_1wneo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -69,11 +69,11 @@
     position: relative;
     cursor: pointer
 }
-.select__option_grt3s:not(.select__disabled_grt3s):active {
+.select__option_1wneo:not(.select__disabled_1wneo):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_grt3s:before {
+.select__option_1wneo:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -84,60 +84,60 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_grt3s:first-child:before {
+.select__option_1wneo:first-child:before {
         display: none;
     }
-.select__s_grt3s {
+.select__s_1wneo {
     min-height: var(--size-s-height);
 }
-.select__m_grt3s {
+.select__m_1wneo {
     min-height: var(--size-m-height);
 }
-.select__l_grt3s {
+.select__l_1wneo {
     min-height: var(--size-l-height);
 }
-.select__xl_grt3s {
+.select__xl_1wneo {
     min-height: var(--size-xl-height);
 }
-.select__l_grt3s,
-.select__xl_grt3s {
+.select__l_1wneo,
+.select__xl_1wneo {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
 }
-.select__l_grt3s:before, .select__xl_grt3s:before {
+.select__l_1wneo:before, .select__xl_1wneo:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_grt3s {
+.select__selected_1wneo {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_grt3s {
+.select__highlighted_1wneo {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
 }
-.select__highlighted_grt3s:before,
-    .select__highlighted_grt3s + .select__option_grt3s:before {
+.select__highlighted_1wneo:before,
+    .select__highlighted_1wneo + .select__option_1wneo:before {
         opacity: 0;
     }
-.select__disabled_grt3s {
+.select__disabled_1wneo {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_grt3s {
+.select__content_1wneo {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_grt3s {
+.select__textContent_1wneo {
     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) {
-    .select__option_grt3s:after {
+    .select__option_1wneo:after {
         min-height: inherit;
         font-size: 0;
         content: '';

package/dist/components/option/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-efd670d0.js');
+require('../../tslib.es6-1eb20664.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-checkbox');