@alfalab/core-components 27.0.0-beta.0 → 27.1.2

package/radio-group/index.css

@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_1ms5h {
+.radio-group__component_54kp6 {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_1ms5h {
+.radio-group__error_54kp6 {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_1ms5h {
+.radio-group__radioList_54kp6 {
     display: flex;
 }
-.radio-group__vertical_1ms5h .radio-group__radioList_1ms5h {
+.radio-group__vertical_54kp6 .radio-group__radioList_54kp6 {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_1ms5h .radio-group__radio_1ms5h {
+.radio-group__vertical_54kp6 .radio-group__radio_54kp6 {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_1ms5h .radio-group__radio_1ms5h:last-child {
+.radio-group__vertical_54kp6 .radio-group__radio_54kp6:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_1ms5h .radio-group__radioList_1ms5h {
+.radio-group__horizontal_54kp6 .radio-group__radioList_54kp6 {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_1ms5h.radio-group__horizontal_1ms5h .radio-group__radioList_1ms5h {
+.radio-group__tag_54kp6.radio-group__horizontal_54kp6 .radio-group__radioList_54kp6 {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_1ms5h .radio-group__radio_1ms5h {
+.radio-group__horizontal_54kp6 .radio-group__radio_54kp6 {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_1ms5h .radio-group__tagLabel_1ms5h {
+.radio-group__horizontal_54kp6 .radio-group__tagLabel_54kp6 {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_1ms5h {
+.radio-group__label_54kp6 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_1ms5h {
+.radio-group__sub_54kp6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_1ms5h {
+.radio-group__errorMessage_54kp6 {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_1ms5h {
+.radio-group__hint_54kp6 {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_1ms5h {
+.radio-group__hiddenInput_54kp6 {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_1ms5h {
+.radio-group__tagLabel_54kp6 {
     position: relative;
 }

package/radio-group/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"radio-group__component_1ms5h","error":"radio-group__error_1ms5h","radioList":"radio-group__radioList_1ms5h","vertical":"radio-group__vertical_1ms5h","radio":"radio-group__radio_1ms5h","horizontal":"radio-group__horizontal_1ms5h","tag":"radio-group__tag_1ms5h","tagLabel":"radio-group__tagLabel_1ms5h","label":"radio-group__label_1ms5h","sub":"radio-group__sub_1ms5h","errorMessage":"radio-group__errorMessage_1ms5h","hint":"radio-group__hint_1ms5h","hiddenInput":"radio-group__hiddenInput_1ms5h"};
+var styles = {"component":"radio-group__component_54kp6","error":"radio-group__error_54kp6","radioList":"radio-group__radioList_54kp6","vertical":"radio-group__vertical_54kp6","radio":"radio-group__radio_54kp6","horizontal":"radio-group__horizontal_54kp6","tag":"radio-group__tag_54kp6","tagLabel":"radio-group__tagLabel_54kp6","label":"radio-group__label_54kp6","sub":"radio-group__sub_54kp6","errorMessage":"radio-group__errorMessage_54kp6","hint":"radio-group__hint_54kp6","hiddenInput":"radio-group__hiddenInput_54kp6"};
 require('./index.css');
 
 const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, type = 'radio', dataTestId, disabled = false, name, value, }, ref) => {

package/radio-group/modern/index.css

@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_1ms5h {
+.radio-group__component_54kp6 {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_1ms5h {
+.radio-group__error_54kp6 {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_1ms5h {
+.radio-group__radioList_54kp6 {
     display: flex;
 }
-.radio-group__vertical_1ms5h .radio-group__radioList_1ms5h {
+.radio-group__vertical_54kp6 .radio-group__radioList_54kp6 {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_1ms5h .radio-group__radio_1ms5h {
+.radio-group__vertical_54kp6 .radio-group__radio_54kp6 {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_1ms5h .radio-group__radio_1ms5h:last-child {
+.radio-group__vertical_54kp6 .radio-group__radio_54kp6:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_1ms5h .radio-group__radioList_1ms5h {
+.radio-group__horizontal_54kp6 .radio-group__radioList_54kp6 {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_1ms5h.radio-group__horizontal_1ms5h .radio-group__radioList_1ms5h {
+.radio-group__tag_54kp6.radio-group__horizontal_54kp6 .radio-group__radioList_54kp6 {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_1ms5h .radio-group__radio_1ms5h {
+.radio-group__horizontal_54kp6 .radio-group__radio_54kp6 {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_1ms5h .radio-group__tagLabel_1ms5h {
+.radio-group__horizontal_54kp6 .radio-group__tagLabel_54kp6 {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_1ms5h {
+.radio-group__label_54kp6 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_1ms5h {
+.radio-group__sub_54kp6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_1ms5h {
+.radio-group__errorMessage_54kp6 {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_1ms5h {
+.radio-group__hint_54kp6 {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_1ms5h {
+.radio-group__hiddenInput_54kp6 {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_1ms5h {
+.radio-group__tagLabel_54kp6 {
     position: relative;
 }

package/select/{Component-da55892c.js → Component-3f415d29.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-2dc46ea8.js');
+var tslib_es6 = require('./tslib.es6-f340e335.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/hooks');
@@ -13,7 +13,7 @@ var components_optionsList_Component = require('./components/options-list/Compon
 require('../checkbox');
 var components_option_Component = require('./components/option/Component.js');
 var downshift = require('downshift');
-var components_baseSelect_Component = require('./Component-25f36dc0.js');
+var components_baseSelect_Component = require('./Component-c86bf7ae.js');
 require('./Component.js');
 var coreComponentsBottomSheet = require('../bottom-sheet');
 var coreComponentsButton = require('../button');
@@ -21,7 +21,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('../skeleton');
-require('./intersection-observer-e16c7d61.js');
+require('./intersection-observer-e6c55361.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -97,7 +97,7 @@ function useSelectWithApply(_a) {
     };
 }
 
-var styles = {"footer":"select__footer_itni3","withBorder":"select__withBorder_itni3"};
+var styles = {"footer":"select__footer_dmtlb","withBorder":"select__withBorder_dmtlb"};
 require('./presets/useSelectWithApply/options-list-with-apply/index.css');
 
 var OptionsListWithApply = React.forwardRef(function (_a, ref) {
@@ -143,7 +143,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_842yg","popoverInner":"select__popoverInner_842yg","sheet":"select__sheet_842yg","sheetContent":"select__sheetContent_842yg","sheetContainer":"select__sheetContainer_842yg","block":"select__block_842yg","option":"select__option_842yg","optionGroup":"select__optionGroup_842yg"};
+var styles$1 = {"component":"select__component_1slya","popoverInner":"select__popoverInner_1slya","sheet":"select__sheet_1slya","sheetContent":"select__sheetContent_1slya","sheetContainer":"select__sheetContainer_1slya","block":"select__block_1slya","option":"select__option_1slya","optionGroup":"select__optionGroup_1slya"};
 require('./components/select-mobile/index.css');
 
 var SelectMobile = React.forwardRef(function (_a, ref) {

package/select/{Component-25f36dc0.js → Component-c86bf7ae.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-2dc46ea8.js');
+var tslib_es6 = require('./tslib.es6-f340e335.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('./utils.js');
@@ -19,7 +19,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"component":"select__component_9d9ek","popoverInner":"select__popoverInner_9d9ek","optionsList":"select__optionsList_9d9ek","nativeSelect":"select__nativeSelect_9d9ek","block":"select__block_9d9ek"};
+var styles = {"component":"select__component_14wb9","popoverInner":"select__popoverInner_14wb9","optionsList":"select__optionsList_14wb9","nativeSelect":"select__nativeSelect_14wb9","block":"select__block_14wb9"};
 require('./components/base-select/index.css');
 
 var BaseSelect = React.forwardRef(function (_a, ref) {

package/select/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2dc46ea8.js');
+var tslib_es6 = require('./tslib.es6-f340e335.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,7 +19,7 @@ require('resize-observer');
 require('../popover');
 require('downshift');
 require('./components/native-select/Component.js');
-var components_baseSelect_Component = require('./Component-25f36dc0.js');
+var components_baseSelect_Component = require('./Component-c86bf7ae.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/select/components/arrow/Component.js

@@ -9,7 +9,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_82t8c","open":"select__open_82t8c"};
+var styles = {"arrow":"select__arrow_1dato","open":"select__open_1dato"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/components/arrow/index.css

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

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-2dc46ea8.js');
+require('../../tslib.es6-f340e335.js');
 require('react');
 require('classnames');
 require('../../utils.js');
@@ -9,7 +9,7 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-25f36dc0.js');
+var components_baseSelect_Component = require('../../Component-c86bf7ae.js');
 
 
 

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

@@ -1,4 +1,4 @@
-/* hash: 1lin8 */
+/* hash: 86h11 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -28,12 +28,12 @@
 
     /* optgroup */
 }
-.select__component_9d9ek {
+.select__component_14wb9 {
     width: max-content;
     position: relative;
     outline: 0;
 }
-.select__popoverInner_9d9ek {
+.select__popoverInner_14wb9 {
     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_9d9ek {
+.select__optionsList_14wb9 {
     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_9d9ek {
+.select__nativeSelect_14wb9 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -65,12 +65,12 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_9d9ek {
+.select__block_14wb9 {
     width: 100%;
 }
 /* width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_9d9ek {
+    .select__component_14wb9 {
         float: left;
         clear: left;
     }

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

@@ -1 +1 @@
-export * from "../../Component-25f36dc0";
+export * from "../../Component-c86bf7ae";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-2dc46ea8.js');
+require('../../tslib.es6-f340e335.js');
 require('react');
 require('classnames');
 require('../../utils.js');
@@ -9,7 +9,7 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../native-select/Component.js');
-var components_baseSelect_Component = require('../../Component-25f36dc0.js');
+var components_baseSelect_Component = require('../../Component-c86bf7ae.js');
 
 
 

package/select/components/checkmark/Component.js

@@ -9,7 +9,7 @@ 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_9b10r","single":"select__single_9b10r","selected":"select__selected_9b10r","before":"select__before_9b10r","multiple":"select__multiple_9b10r","after":"select__after_9b10r"};
+var styles = {"checkmark":"select__checkmark_1iq6v","single":"select__single_1iq6v","selected":"select__selected_1iq6v","before":"select__before_1iq6v","multiple":"select__multiple_1iq6v","after":"select__after_1iq6v"};
 require('./index.css');
 
 var Checkmark = function (_a) {

package/select/components/checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: wsjz5 */
+/* hash: 162et */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -35,11 +35,11 @@
 
     /* optgroup */
 }
-.select__checkmark_9b10r {
+.select__checkmark_1iq6v {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin);
 }
-.select__single_9b10r {
+.select__single_1iq6v {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -50,15 +50,15 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
 }
-.select__single_9b10r.select__selected_9b10r {
+.select__single_1iq6v.select__selected_1iq6v {
         opacity: 1;
     }
-.select__before_9b10r {
+.select__before_1iq6v {
     display: var(--select-checkmark-before-display)
 }
-.select__before_9b10r.select__multiple_9b10r {
+.select__before_1iq6v.select__multiple_1iq6v {
         margin-right: var(--gap-s);
     }
-.select__after_9b10r {
+.select__after_1iq6v {
     display: var(--select-checkmark-after-display);
 }

package/select/components/field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2dc46ea8.js');
+var tslib_es6 = require('../../tslib.es6-f340e335.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -12,7 +12,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_kptkw","field":"select__field_kptkw","disabled":"select__disabled_kptkw","arrow":"select__arrow_kptkw","placeholder":"select__placeholder_kptkw","contentWrapper":"select__contentWrapper_kptkw","value":"select__value_kptkw","focusVisible":"select__focusVisible_kptkw"};
+var styles = {"component":"select__component_lxnc4","field":"select__field_lxnc4","disabled":"select__disabled_lxnc4","arrow":"select__arrow_lxnc4","placeholder":"select__placeholder_lxnc4","contentWrapper":"select__contentWrapper_lxnc4","value":"select__value_lxnc4","focusVisible":"select__focusVisible_lxnc4"};
 require('./index.css');
 
 var Field = function (_a) {

package/select/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: rsma2 */
+/* hash: 112h3 */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: #546272;
@@ -26,24 +26,24 @@
 
     /* optgroup */
 }
-.select__component_kptkw {
+.select__component_lxnc4 {
     width: 100%;
     outline: none;
 }
-.select__field_kptkw:not(.select__disabled_kptkw) {
+.select__field_lxnc4:not(.select__disabled_lxnc4) {
     cursor: pointer
 }
-.select__field_kptkw:not(.select__disabled_kptkw):hover .select__arrow_kptkw {
+.select__field_lxnc4:not(.select__disabled_lxnc4):hover .select__arrow_lxnc4 {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_kptkw {
+.select__disabled_lxnc4 {
     cursor: var(--disabled-cursor);
 }
 /* TODO: Заюзать переменные из инпута */
-.select__placeholder_kptkw {
+.select__placeholder_lxnc4 {
     color: var(--color-light-text-secondary);
 }
-.select__contentWrapper_kptkw {
+.select__contentWrapper_lxnc4 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -53,12 +53,12 @@
     overflow: hidden;
     width: 100%;
 }
-.select__value_kptkw {
+.select__value_lxnc4 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__focusVisible_kptkw {
+.select__focusVisible_lxnc4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/select/components/field/index.js

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

package/select/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-2dc46ea8.js');
+require('../tslib.es6-f340e335.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,18 +19,18 @@ require('resize-observer');
 require('../../popover');
 require('downshift');
 require('./native-select/Component.js');
-var components_baseSelect_Component = require('../Component-25f36dc0.js');
+var components_baseSelect_Component = require('../Component-c86bf7ae.js');
 require('../Component.js');
 require('../../bottom-sheet');
 require('../../button');
 require('../../base-modal');
 require('./select-mobile/options-list/Component.js');
 require('./select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-da55892c.js');
+var presets_useSelectWithApply_hook = require('../Component-3f415d29.js');
 require('react-virtual');
 var components_virtualOptionsList_Component = require('./virtual-options-list/Component.js');
 require('../../skeleton');
-require('../intersection-observer-e16c7d61.js');
+require('../intersection-observer-e6c55361.js');
 
 
 

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

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

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

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

package/select/components/optgroup/Component.js

@@ -8,7 +8,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_o9jat","label":"select__label_o9jat","l":"select__l_o9jat","xl":"select__xl_o9jat"};
+var styles = {"optgroup":"select__optgroup_ox36x","label":"select__label_ox36x","l":"select__l_ox36x","xl":"select__xl_ox36x"};
 require('./index.css');
 
 var Optgroup = function (_a) {

package/select/components/optgroup/index.css

@@ -1,4 +1,4 @@
-/* hash: 17whi */
+/* hash: 1tlfd */
 :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_o9jat {
+.select__optgroup_ox36x {
     position: relative;
     display: flex;
     align-items: center;
@@ -43,10 +43,10 @@
     background: var(--select-optgroup-background);
     min-height: 40px
 }
-.select__optgroup_o9jat + *[role='option']:before {
+.select__optgroup_ox36x + *[role='option']:before {
         display: none;
     }
-.select__label_o9jat {
+.select__label_ox36x {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -56,8 +56,8 @@
     display: block;
     color: var(--select-optgroup-color);
 }
-.select__l_o9jat,
-.select__xl_o9jat {
+.select__l_ox36x,
+.select__xl_ox36x {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/select/components/option/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2dc46ea8.js');
+var tslib_es6 = require('../../tslib.es6-f340e335.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../checkbox');
@@ -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 = {"option":"select__option_94slb","disabled":"select__disabled_94slb","s":"select__s_94slb","m":"select__m_94slb","l":"select__l_94slb","xl":"select__xl_94slb","selected":"select__selected_94slb","highlighted":"select__highlighted_94slb","content":"select__content_94slb","textContent":"select__textContent_94slb"};
+var styles = {"option":"select__option_14wgq","disabled":"select__disabled_14wgq","s":"select__s_14wgq","m":"select__m_14wgq","l":"select__l_14wgq","xl":"select__xl_14wgq","selected":"select__selected_14wgq","highlighted":"select__highlighted_14wgq","content":"select__content_14wgq","textContent":"select__textContent_14wgq"};
 require('./index.css');
 
 var Option = function (_a) {