@alfalab/core-components-select 18.1.0 → 18.2.0

package/esm/components/field/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"select__component_15ovn","field":"select__field_15ovn","disabled":"select__disabled_15ovn","arrow":"select__arrow_15ovn","placeholder":"select__placeholder_15ovn","show-placeholder":"select__show-placeholder_15ovn","focused":"select__focused_15ovn","contentWrapper":"select__contentWrapper_15ovn","size-40":"select__size-40_15ovn","value":"select__value_15ovn","focusVisible":"select__focusVisible_15ovn"};
+var styles = {"component":"select__component_vggdf","field":"select__field_vggdf","disabled":"select__disabled_vggdf","arrow":"select__arrow_vggdf","placeholder":"select__placeholder_vggdf","show-placeholder":"select__show-placeholder_vggdf","focused":"select__focused_vggdf","contentWrapper":"select__contentWrapper_vggdf","size-40":"select__size-40_vggdf","value":"select__value_vggdf","focusVisible":"select__focusVisible_vggdf"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/footer/index.css

@@ -4,17 +4,17 @@
 } :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .select__footer_1xb18 {
+} .select__footer_1qkct {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary);
-} .select__footer_1xb18 .select__button_1xb18:first-of-type {
+} .select__footer_1qkct .select__button_1qkct:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_1xb18 {
+    } .select__button_1qkct {
     width: 50%;
-} .select__highlighted_1xb18 {
+} .select__highlighted_1qkct {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/esm/components/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"select__footer_1xb18","button":"select__button_1xb18","highlighted":"select__highlighted_1xb18"};
+var styles = {"footer":"select__footer_1qkct","button":"select__button_1qkct","highlighted":"select__highlighted_1qkct"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/optgroup/index.css

@@ -16,7 +16,7 @@
     --select-optgroup-right-padding: var(--gap-12);
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
-} .select__optgroup_1oyld {
+} .select__optgroup_s0yn2 {
     position: relative;
     display: flex;
     align-items: center;
@@ -25,9 +25,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px;
-} .select__optgroup_1oyld + *[role='option']:before {
+} .select__optgroup_s0yn2 + *[role='option']:before {
         display: none;
-    } .select__label_1oyld {
+    } .select__label_s0yn2 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -36,7 +36,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-72_1oyld {
+} .select__size-72_s0yn2 {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/esm/components/optgroup/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"optgroup":"select__optgroup_1oyld","label":"select__label_1oyld","size-72":"select__size-72_1oyld"};
+var styles = {"optgroup":"select__optgroup_s0yn2","label":"select__label_s0yn2","size-72":"select__size-72_s0yn2"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/option/desktop/index.css

@@ -35,7 +35,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_1m72s {
+} .select__option_fiaxf {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,10 +50,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer;
-} .select__option_1m72s:not(.select__disabled_1m72s):active {
+} .select__option_fiaxf:not(.select__disabled_fiaxf):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1m72s:before {
+    } .select__option_fiaxf:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -63,46 +63,46 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_1m72s:first-child:before {
+    } .select__option_fiaxf:first-child:before {
         display: none;
-    } .select__size-48_1m72s {
+    } .select__size-48_fiaxf {
     min-height: var(--size-s-height);
-} .select__size-56_1m72s {
+} .select__size-56_fiaxf {
     min-height: var(--size-m-height);
-} .select__size-64_1m72s {
+} .select__size-64_fiaxf {
     min-height: var(--size-l-height);
-} .select__size-72_1m72s {
+} .select__size-72_fiaxf {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
-} .select__size-72_1m72s:before {
+} .select__size-72_fiaxf:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1m72s {
+    } .select__selected_fiaxf {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1m72s {
+} .select__highlighted_fiaxf {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_1m72s:before,
-    .select__highlighted_1m72s + .select__option_1m72s:before {
+} .select__highlighted_fiaxf:before,
+    .select__highlighted_fiaxf + .select__option_fiaxf:before {
         opacity: 0;
-    } .select__disabled_1m72s {
+    } .select__disabled_fiaxf {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1m72s {
+} .select__content_fiaxf {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_1m72s {
+} .select__textContent_fiaxf {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
-} .select__highlighted_1m72s {
+} .select__highlighted_fiaxf {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_1m72s:before,
-    .select__highlighted_1m72s + .select__option_1m72s:before {
+} .select__highlighted_fiaxf:before,
+    .select__highlighted_fiaxf + .select__option_fiaxf:before {
         opacity: 0;
     }

package/esm/components/option/desktop/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"option":"select__option_1m72s","disabled":"select__disabled_1m72s","size-48":"select__size-48_1m72s","size-56":"select__size-56_1m72s","size-64":"select__size-64_1m72s","size-72":"select__size-72_1m72s","selected":"select__selected_1m72s","highlighted":"select__highlighted_1m72s","content":"select__content_1m72s","textContent":"select__textContent_1m72s"};
+var styles = {"option":"select__option_fiaxf","disabled":"select__disabled_fiaxf","size-48":"select__size-48_fiaxf","size-56":"select__size-56_fiaxf","size-64":"select__size-64_fiaxf","size-72":"select__size-72_fiaxf","selected":"select__selected_fiaxf","highlighted":"select__highlighted_fiaxf","content":"select__content_fiaxf","textContent":"select__textContent_fiaxf"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/option/mobile/index.css

@@ -35,7 +35,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_1v17g {
+} .select__option_yspqf {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,10 +50,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer;
-} .select__option_1v17g:not(.select__disabled_1v17g):active {
+} .select__option_yspqf:not(.select__disabled_yspqf):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1v17g:before {
+    } .select__option_yspqf:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -63,40 +63,40 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_1v17g:first-child:before {
+    } .select__option_yspqf:first-child:before {
         display: none;
-    } .select__size-48_1v17g {
+    } .select__size-48_yspqf {
     min-height: var(--size-s-height);
-} .select__size-56_1v17g {
+} .select__size-56_yspqf {
     min-height: var(--size-m-height);
-} .select__size-64_1v17g {
+} .select__size-64_yspqf {
     min-height: var(--size-l-height);
-} .select__size-72_1v17g {
+} .select__size-72_yspqf {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
-} .select__size-72_1v17g:before {
+} .select__size-72_yspqf:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1v17g {
+    } .select__selected_yspqf {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1v17g {
+} .select__highlighted_yspqf {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_1v17g:before,
-    .select__highlighted_1v17g + .select__option_1v17g:before {
+} .select__highlighted_yspqf:before,
+    .select__highlighted_yspqf + .select__option_yspqf:before {
         opacity: 0;
-    } .select__disabled_1v17g {
+    } .select__disabled_yspqf {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1v17g {
+} .select__content_yspqf {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_1v17g {
+} .select__textContent_yspqf {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

package/esm/components/option/mobile/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"option":"select__option_1v17g","disabled":"select__disabled_1v17g","size-48":"select__size-48_1v17g","size-56":"select__size-56_1v17g","size-64":"select__size-64_1v17g","size-72":"select__size-72_1v17g","selected":"select__selected_1v17g","highlighted":"select__highlighted_1v17g","content":"select__content_1v17g","textContent":"select__textContent_1v17g"};
+var styles = {"option":"select__option_yspqf","disabled":"select__disabled_yspqf","size-48":"select__size-48_yspqf","size-56":"select__size-56_yspqf","size-64":"select__size-64_yspqf","size-72":"select__size-72_yspqf","selected":"select__selected_yspqf","highlighted":"select__highlighted_yspqf","content":"select__content_yspqf","textContent":"select__textContent_yspqf"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/options-list/index.css

@@ -11,33 +11,33 @@
     --gap-24: var(--gap-xl);
 } :root {
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-} .select__optionsList_196zw {
+} .select__optionsList_iuzul {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_196zw {
+} .select__optionsListHeader_iuzul {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
-} .select__optionsListHeader_196zw.select__headerHighlighted_196zw {
+} .select__optionsListHeader_iuzul.select__headerHighlighted_iuzul {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_196zw {
+    } .select__optionsListFooter_iuzul {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
-} .select__optionsListFooter_196zw.select__withBorder_196zw {
+} .select__optionsListFooter_iuzul.select__withBorder_iuzul {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_196zw {
+    } .select__scrollable_iuzul {
     overflow: auto;
     width: 100%;
-} .select__mask_196zw {
+} .select__mask_iuzul {
     min-width: 4000px;
-} .select__emptyPlaceholder_196zw {
+} .select__emptyPlaceholder_iuzul {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-72_196zw .select__emptyPlaceholder_196zw {
+} .select__size-72_iuzul .select__emptyPlaceholder_iuzul {
     padding: var(--gap-24) var(--gap-16);
 }

package/esm/components/options-list/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"optionsList":"select__optionsList_196zw","optionsListHeader":"select__optionsListHeader_196zw","headerHighlighted":"select__headerHighlighted_196zw","optionsListFooter":"select__optionsListFooter_196zw","withBorder":"select__withBorder_196zw","scrollable":"select__scrollable_196zw","mask":"select__mask_196zw","emptyPlaceholder":"select__emptyPlaceholder_196zw","size-72":"select__size-72_196zw"};
+var styles = {"optionsList":"select__optionsList_iuzul","optionsListHeader":"select__optionsListHeader_iuzul","headerHighlighted":"select__headerHighlighted_iuzul","optionsListFooter":"select__optionsListFooter_iuzul","withBorder":"select__withBorder_iuzul","scrollable":"select__scrollable_iuzul","mask":"select__mask_iuzul","emptyPlaceholder":"select__emptyPlaceholder_iuzul","size-72":"select__size-72_iuzul"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_ou3k9.select__component_ou3k9 {
+.select__component_eloa9.select__component_eloa9 {
     width: auto;
 }

package/esm/components/search/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"select__component_ou3k9"};
+var styles = {"component":"select__component_eloa9"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/virtual-options-list/index.css

@@ -17,35 +17,35 @@
 
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
-} .select__virtualOptionsList_18czr {
+} .select__virtualOptionsList_mjh45 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_18czr {
+} .select__virtualOptionsListHeader_mjh45 {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_18czr {
+} .select__virtualOptionsListFooter_mjh45 {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
-} .select__virtualOptionsListFooter_18czr.select__withBorder_18czr {
+} .select__virtualOptionsListFooter_mjh45.select__withBorder_mjh45 {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_18czr {
+    } .select__scrollable_mjh45 {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_18czr {
+} .select__inner_mjh45 {
     position: relative;
     width: 100%;
-} .select__virtualRow_18czr {
+} .select__virtualRow_mjh45 {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
-} .select__virtualRow_18czr:before {
+} .select__virtualRow_mjh45:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -55,15 +55,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_18czr:first-child:before {
+    } .select__virtualRow_mjh45:first-child:before {
         display: none;
-    } .select__highlighted_18czr:before,
-    .select__highlighted_18czr + .select__virtualRow_18czr:before {
+    } .select__highlighted_mjh45:before,
+    .select__highlighted_mjh45 + .select__virtualRow_mjh45:before {
         display: none;
-    } .select__emptyPlaceholder_18czr {
+    } .select__emptyPlaceholder_mjh45 {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-72_18czr .select__emptyPlaceholder_18czr {
+} .select__size-72_mjh45 .select__emptyPlaceholder_mjh45 {
     padding: var(--gap-24) var(--gap-16);
 }

package/esm/components/virtual-options-list/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_18czr","virtualOptionsListHeader":"select__virtualOptionsListHeader_18czr","virtualOptionsListFooter":"select__virtualOptionsListFooter_18czr","withBorder":"select__withBorder_18czr","scrollable":"select__scrollable_18czr","inner":"select__inner_18czr","virtualRow":"select__virtualRow_18czr","highlighted":"select__highlighted_18czr","emptyPlaceholder":"select__emptyPlaceholder_18czr","size-72":"select__size-72_18czr"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_mjh45","virtualOptionsListHeader":"select__virtualOptionsListHeader_mjh45","virtualOptionsListFooter":"select__virtualOptionsListFooter_mjh45","withBorder":"select__withBorder_mjh45","scrollable":"select__scrollable_mjh45","inner":"select__inner_mjh45","virtualRow":"select__virtualRow_mjh45","highlighted":"select__highlighted_mjh45","emptyPlaceholder":"select__emptyPlaceholder_mjh45","size-72":"select__size-72_mjh45"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -9,12 +9,12 @@
     --gap-16: var(--gap-m);
 } :root {
     --select-option-list-footer-button-gap: var(--gap-8);
-} .select__footer_u1uq1 {
+} .select__footer_88c30 {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
-} .select__footer_u1uq1.select__size-72_u1uq1 {
+} .select__footer_88c30.select__size-72_88c30 {
         padding: var(--gap-12) var(--gap-16);
-    } .select__footer_u1uq1 > .select__button_u1uq1 + .select__button_u1uq1 {
+    } .select__footer_88c30 > .select__button_88c30 + .select__button_88c30 {
         margin-left: var(--select-option-list-footer-button-gap);
     }

package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"select__footer_u1uq1","size-72":"select__size-72_u1uq1","button":"select__button_u1uq1"};
+var styles = {"footer":"select__footer_88c30","size-72":"select__size-72_88c30","button":"select__button_88c30"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -5,10 +5,10 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .select__desktop_1mnbd {
+} .select__desktop_gc1l7 {
     padding: var(--gap-12);
-} .select__desktop_1mnbd.select__size-72_1mnbd {
+} .select__desktop_gc1l7.select__size-72_gc1l7 {
         padding-left: var(--gap-16);
-    } .select__mobile_1mnbd {
+    } .select__mobile_gc1l7 {
     padding: var(--gap-12) var(--gap-8);
 }

package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"desktop":"select__desktop_1mnbd","size-72":"select__size-72_1mnbd","mobile":"select__mobile_1mnbd"};
+var styles = {"desktop":"select__desktop_gc1l7","size-72":"select__size-72_gc1l7","mobile":"select__mobile_gc1l7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_j3bo9 {
+.select__skeleton_ccn9f {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/esm/presets/useSelectWithLoading/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"skeleton":"select__skeleton_j3bo9"};
+var styles = {"skeleton":"select__skeleton_ccn9f"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/typings.d.ts

@@ -46,7 +46,7 @@ export declare type BaseSelectChangePayload = {
     initiator: OptionShape | null;
     name?: string;
 };
-export declare type BaseSelectProps = {
+export interface BaseSelectProps {
     /**
      * Идентификатор для систем автоматизированного тестирования.
      * Для пункта меню используется модификатор -option, компонента поиска -search,
@@ -306,7 +306,7 @@ export declare type BaseSelectProps = {
      * @default window
      */
     environment?: Environment;
-};
+}
 export declare type FieldProps = {
     /**
      * Дополнительный класс
@@ -646,12 +646,12 @@ export declare type OptionCommonProps = {
      */
     align?: 'start' | 'center';
 };
-export declare type OptionProps = OptionCommonProps & {
+export interface OptionProps extends OptionCommonProps, AriaAttributes {
     /**
      * Мобильная версия option.
      */
     mobile?: boolean;
-};
+}
 export declare type CheckmarkProps = {
     /**
      * Флаг, данный пункт выбран

package/modern/components/arrow/index.css

@@ -6,7 +6,7 @@
 } :root {
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
-} .select__arrow_nmolo {
+} .select__arrow_1ubgh {
     display: block;
     width: 24px;
     height: 24px;
@@ -15,13 +15,13 @@
     transition:
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
-} .select__arrow_nmolo.select__disabled_nmolo {
+} .select__arrow_1ubgh.select__disabled_1ubgh {
         color: var(--select-arrow-disabled-color);
-    } .select__arrow_nmolo.select__size-40_nmolo {
+    } .select__arrow_1ubgh.select__size-40_1ubgh {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
-    } .select__open_nmolo {
+    } .select__open_1ubgh {
     transform: var(--arrow-transform);
 }

package/modern/components/arrow/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"arrow":"select__arrow_nmolo","disabled":"select__disabled_nmolo","size-40":"select__size-40_nmolo","open":"select__open_nmolo"};
+const styles = {"arrow":"select__arrow_1ubgh","disabled":"select__disabled_1ubgh","size-40":"select__size-40_1ubgh","open":"select__open_1ubgh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-checkmark/index.css

@@ -1,15 +1,15 @@
-.select__checkmark_v7690 {
+.select__checkmark_1rfnz {
     flex-shrink: 0;
     box-sizing: border-box;
-} .select__checkmark_v7690.select__start_v7690 {
+} .select__checkmark_1rfnz.select__start_1rfnz {
         align-self: start;
-    } .select__checkmark_v7690.select__center_v7690 {
+    } .select__checkmark_1rfnz.select__center_1rfnz {
         align-self: center;
-    } .select__single_v7690 {
+    } .select__single_1rfnz {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
-} .select__single_v7690.select__selected_v7690 {
+} .select__single_1rfnz.select__selected_1rfnz {
         opacity: 1;
     }

package/modern/components/base-checkmark/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_v7690","start":"select__start_v7690","center":"select__center_v7690","single":"select__single_v7690","selected":"select__selected_v7690"};
+const styles = {"checkmark":"select__checkmark_1rfnz","start":"select__start_1rfnz","center":"select__center_1rfnz","single":"select__single_1rfnz","selected":"select__selected_1rfnz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -25,7 +25,7 @@ const BaseOption = ({ className, option, children, selected, highlighted, disabl
             [styles.mobile]: mobile,
             [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',
             [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',
-        }), "data-test-id": dataTestId },
+        }), "data-test-id": dataTestId, "aria-label": option?.value?.name },
         checkmarkPosition === 'before' && renderCheckmark(),
         React.createElement("div", { className: cn(styles.content) }, content),
         checkmarkPosition === 'after' && renderCheckmark()));

package/modern/components/base-option/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { type OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const isTextContent = !isValidElement(content);\n\n    const renderCheckmark = () => {\n        if (Checkmark && showCheckMark) {\n            return (\n                <Checkmark\n                    className={cn({\n                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',\n                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',\n                    })}\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[SIZE_TO_CLASSNAME_MAP[size]], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark()}\n\n            <div className={cn(styles.content)}>{content}</div>\n\n            {checkmarkPosition === 'after' && renderCheckmark()}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;MASa,UAAU,GAAoB,CAAC,EACxC,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,aAAa,EACzB,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACjD,KAAK,GAAG,QAAQ,EAChB,UAAU,EACV,UAAU,EACV,MAAM,GAAG,KAAK,EACd,IAAI,GACP,KAAI;IACD,MAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AACxD,IAAA,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,MAAM;AAEvC,IAAA,MAAM,aAAa,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;IAE9C,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,SAAS,IAAI,aAAa,EAAE;AAC5B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,EAAE,CAAC;AACV,oBAAA,CAAC,MAAM,CAAC,sBAAsB,GAAG,iBAAiB,KAAK,QAAQ;AAC/D,oBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,iBAAiB,KAAK,OAAO;AAChE,iBAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,CACd;AAET;AAED,QAAA,OAAO,IAAI;AACf,KAAC;IAED,QACI,gCACQ,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,EAAE;YACjF,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;YACvB,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,OAAO;YACxE,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,QAAQ;AAC7E,SAAA,CAAC,kBACY,UAAU,EAAA;AAEvB,QAAA,iBAAiB,KAAK,QAAQ,IAAI,eAAe,EAAE;QAEpD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,EAAA,OAAO,CAAO;AAElD,QAAA,iBAAiB,KAAK,OAAO,IAAI,eAAe,EAAE,CACjD;AAEd;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { type OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const isTextContent = !isValidElement(content);\n\n    const renderCheckmark = () => {\n        if (Checkmark && showCheckMark) {\n            return (\n                <Checkmark\n                    className={cn({\n                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',\n                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',\n                    })}\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[SIZE_TO_CLASSNAME_MAP[size]], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n            aria-label={option?.value?.name}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark()}\n\n            <div className={cn(styles.content)}>{content}</div>\n\n            {checkmarkPosition === 'after' && renderCheckmark()}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;MASa,UAAU,GAAoB,CAAC,EACxC,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,aAAa,EACzB,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACjD,KAAK,GAAG,QAAQ,EAChB,UAAU,EACV,UAAU,EACV,MAAM,GAAG,KAAK,EACd,IAAI,GACP,KAAI;IACD,MAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AACxD,IAAA,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,MAAM;AAEvC,IAAA,MAAM,aAAa,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;IAE9C,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,SAAS,IAAI,aAAa,EAAE;AAC5B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,EAAE,CAAC;AACV,oBAAA,CAAC,MAAM,CAAC,sBAAsB,GAAG,iBAAiB,KAAK,QAAQ;AAC/D,oBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,iBAAiB,KAAK,OAAO;AAChE,iBAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,CACd;AAET;AAED,QAAA,OAAO,IAAI;AACf,KAAC;IAED,QACI,gCACQ,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,EAAE;YACjF,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;YACvB,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,OAAO;YACxE,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,aAAa,IAAI,iBAAiB,KAAK,QAAQ;AAC7E,SAAA,CAAC,kBACY,UAAU,EAAA,YAAA,EACZ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAA;AAE9B,QAAA,iBAAiB,KAAK,QAAQ,IAAI,eAAe,EAAE;QAEpD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,EAAA,OAAO,CAAO;AAElD,QAAA,iBAAiB,KAAK,OAAO,IAAI,eAAe,EAAE,CACjD;AAEd;;;;"}