@alfalab/core-components-select 19.1.5 → 19.1.6-alfasans

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

@@ -15,57 +15,57 @@
     --select-options-list-scrollbar-gap: var(--gap-12);
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
 }
-.select__optionsList_d59wp {
+.select__optionsList_ee6pj {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_d59wp .select__scrollable_d59wp {
+.select__optionsList_ee6pj .select__scrollable_ee6pj {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_d59wp .select__scrollable_d59wp .select__verticalBar_d59wp.select__verticalBar_d59wp {
+.select__optionsList_ee6pj .select__scrollable_ee6pj .select__verticalBar_ee6pj.select__verticalBar_ee6pj {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_d59wp .select__scrollable_d59wp .select__verticalBar_d59wp.select__verticalBar_d59wp.select__verticalBarWithHeader_d59wp {
+.select__optionsList_ee6pj .select__scrollable_ee6pj .select__verticalBar_ee6pj.select__verticalBar_ee6pj.select__verticalBarWithHeader_ee6pj {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_d59wp .select__scrollable_d59wp .select__verticalBar_d59wp.select__verticalBar_d59wp.select__verticalBarWithFooter_d59wp {
+.select__optionsList_ee6pj .select__scrollable_ee6pj .select__verticalBar_ee6pj.select__verticalBar_ee6pj.select__verticalBarWithFooter_ee6pj {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_d59wp .select__scrollable_d59wp .select__verticalBar_d59wp.select__verticalBar_d59wp.select__verticalBarWithHeader_d59wp.select__verticalBarWithFooter_d59wp {
+.select__optionsList_ee6pj .select__scrollable_ee6pj .select__verticalBar_ee6pj.select__verticalBar_ee6pj.select__verticalBarWithHeader_ee6pj.select__verticalBarWithFooter_ee6pj {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_d59wp {
+.select__optionsListHeader_ee6pj {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_d59wp.select__headerHighlighted_d59wp {
+.select__optionsListHeader_ee6pj.select__headerHighlighted_ee6pj {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_d59wp {
+.select__optionsListFooter_ee6pj {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_d59wp.select__withBorder_d59wp {
+.select__optionsListFooter_ee6pj.select__withBorder_ee6pj {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_d59wp {
+.select__mask_ee6pj {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_d59wp {
+.select__emptyPlaceholder_ee6pj {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_d59wp .select__emptyPlaceholder_d59wp {
+.select__size-72_ee6pj .select__emptyPlaceholder_ee6pj {
     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_d59wp","scrollable":"select__scrollable_d59wp","verticalBar":"select__verticalBar_d59wp","verticalBarWithHeader":"select__verticalBarWithHeader_d59wp","verticalBarWithFooter":"select__verticalBarWithFooter_d59wp","optionsListHeader":"select__optionsListHeader_d59wp","headerHighlighted":"select__headerHighlighted_d59wp","optionsListFooter":"select__optionsListFooter_d59wp","withBorder":"select__withBorder_d59wp","mask":"select__mask_d59wp","emptyPlaceholder":"select__emptyPlaceholder_d59wp","size-72":"select__size-72_d59wp"};
+var styles = {"optionsList":"select__optionsList_ee6pj","scrollable":"select__scrollable_ee6pj","verticalBar":"select__verticalBar_ee6pj","verticalBarWithHeader":"select__verticalBarWithHeader_ee6pj","verticalBarWithFooter":"select__verticalBarWithFooter_ee6pj","optionsListHeader":"select__optionsListHeader_ee6pj","headerHighlighted":"select__headerHighlighted_ee6pj","optionsListFooter":"select__optionsListFooter_ee6pj","withBorder":"select__withBorder_ee6pj","mask":"select__mask_ee6pj","emptyPlaceholder":"select__emptyPlaceholder_ee6pj","size-72":"select__size-72_ee6pj"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_k7p0i.select__component_k7p0i {
+.select__component_1v229.select__component_1v229 {
     width: auto;
 }

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

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

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

@@ -20,42 +20,42 @@
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
 }
-.select__virtualOptionsList_1czea {
+.select__virtualOptionsList_1395d {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
 }
-.select__virtualOptionsListHeader_1czea {
+.select__virtualOptionsListHeader_1395d {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
 }
-.select__virtualOptionsListFooter_1czea {
+.select__virtualOptionsListFooter_1395d {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__virtualOptionsListFooter_1czea.select__withBorder_1czea {
+.select__virtualOptionsListFooter_1395d.select__withBorder_1395d {
         border-top: 1px solid var(--color-light-neutral-300);
     }
-.select__scrollable_1czea {
+.select__scrollable_1395d {
     position: relative;
     overflow: auto;
     width: 100%;
 }
-.select__inner_1czea {
+.select__inner_1395d {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_1czea {
+.select__virtualRow_1395d {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
 }
-.select__virtualRow_1czea:before {
+.select__virtualRow_1395d:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -66,18 +66,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_1czea:first-child:before {
+.select__virtualRow_1395d:first-child:before {
         display: none;
     }
-.select__highlighted_1czea:before,
-    .select__highlighted_1czea + .select__virtualRow_1czea:before {
+.select__highlighted_1395d:before,
+    .select__highlighted_1395d + .select__virtualRow_1395d:before {
         display: none;
     }
-.select__emptyPlaceholder_1czea {
+.select__emptyPlaceholder_1395d {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-72_1czea .select__emptyPlaceholder_1czea {
+.select__size-72_1395d .select__emptyPlaceholder_1395d {
     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_1czea","virtualOptionsListHeader":"select__virtualOptionsListHeader_1czea","virtualOptionsListFooter":"select__virtualOptionsListFooter_1czea","withBorder":"select__withBorder_1czea","scrollable":"select__scrollable_1czea","inner":"select__inner_1czea","virtualRow":"select__virtualRow_1czea","highlighted":"select__highlighted_1czea","emptyPlaceholder":"select__emptyPlaceholder_1czea","size-72":"select__size-72_1czea"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_1395d","virtualOptionsListHeader":"select__virtualOptionsListHeader_1395d","virtualOptionsListFooter":"select__virtualOptionsListFooter_1395d","withBorder":"select__withBorder_1395d","scrollable":"select__scrollable_1395d","inner":"select__inner_1395d","virtualRow":"select__virtualRow_1395d","highlighted":"select__highlighted_1395d","emptyPlaceholder":"select__emptyPlaceholder_1395d","size-72":"select__size-72_1395d"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/mobile/modal.mobile.css

@@ -2,7 +2,7 @@
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
 }
-.select__header_13v6b {
+.select__header_2ewdx {
     padding-right: var(--gap-8);
     padding-left: var(--gap-8);
 }

package/esm/mobile/modal.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './modal.mobile.css';
 
-var styles = {"header":"select__header_13v6b"};
+var styles = {"header":"select__header_2ewdx"};
 
 export { styles as default };
 //# sourceMappingURL=modal.mobile.module.css.js.map

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

@@ -12,14 +12,14 @@
 :root {
     --select-option-list-footer-button-gap: var(--gap-8);
 }
-.select__footer_yo99s {
+.select__footer_kuy7f {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
 }
-.select__footer_yo99s.select__size-72_yo99s {
+.select__footer_kuy7f.select__size-72_kuy7f {
         padding: var(--gap-12) var(--gap-16);
     }
-.select__footer_yo99s > .select__button_yo99s + .select__button_yo99s {
+.select__footer_kuy7f > .select__button_kuy7f + .select__button_kuy7f {
         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_yo99s","size-72":"select__size-72_yo99s","button":"select__button_yo99s"};
+var styles = {"footer":"select__footer_kuy7f","size-72":"select__size-72_kuy7f","button":"select__button_kuy7f"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,16 +6,16 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.select__desktop_1r9pw {
+.select__desktop_115uu {
     padding: var(--gap-12);
 }
-.select__desktop_1r9pw.select__size-72_1r9pw {
+.select__desktop_115uu.select__size-72_115uu {
         padding-left: var(--gap-16);
     }
-.select__mobile_1r9pw {
+.select__mobile_115uu {
     padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);
 }
-.select__positionAfter_1r9pw {
+.select__positionAfter_115uu {
     margin-left: 0;
     margin-left: initial;
 }

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_1r9pw","size-72":"select__size-72_1r9pw","mobile":"select__mobile_1r9pw","positionAfter":"select__positionAfter_1r9pw"};
+var styles = {"desktop":"select__desktop_115uu","size-72":"select__size-72_115uu","mobile":"select__mobile_115uu","positionAfter":"select__positionAfter_115uu"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_1m2pq {
+.select__skeleton_adsm3 {
     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_1m2pq"};
+var styles = {"skeleton":"select__skeleton_adsm3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/mobile/modal.mobile.css

@@ -2,7 +2,7 @@
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
 }
-.select__header_13v6b {
+.select__header_2ewdx {
     padding-right: var(--gap-8);
     padding-left: var(--gap-8);
 }

package/mobile/modal.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./modal.mobile.css');
 
-var styles = {"header":"select__header_13v6b"};
+var styles = {"header":"select__header_2ewdx"};
 
 module.exports = styles;
 //# sourceMappingURL=modal.mobile.module.css.js.map

package/modern/components/arrow/index.css

@@ -9,7 +9,7 @@
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
 }
-.select__arrow_49ght {
+.select__arrow_111ix {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_49ght.select__disabled_49ght {
+.select__arrow_111ix.select__disabled_111ix {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_49ght.select__size-40_49ght {
+.select__arrow_111ix.select__size-40_111ix {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_49ght {
+.select__open_111ix {
     transform: var(--arrow-transform);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"arrow":"select__arrow_49ght","disabled":"select__disabled_49ght","size-40":"select__size-40_49ght","open":"select__open_49ght"};
+const styles = {"arrow":"select__arrow_111ix","disabled":"select__disabled_111ix","size-40":"select__size-40_111ix","open":"select__open_111ix"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -2,45 +2,45 @@
     --gap-s: 12px;
     --gap-12: var(--gap-s);
 }
-.select__checkmark_bty55 {
+.select__checkmark_1r3h3 {
     flex-shrink: 0;
     box-sizing: border-box;
 }
-.select__checkmark_bty55.select__start_bty55 {
+.select__checkmark_1r3h3.select__start_1r3h3 {
         align-self: start;
     }
-.select__checkmark_bty55.select__center_bty55 {
+.select__checkmark_1r3h3.select__center_1r3h3 {
         align-self: center;
     }
-.select__positionAfter_bty55 {
+.select__positionAfter_1r3h3 {
     margin-left: 0;
     margin-left: initial;
 }
-.select__container_bty55 {
+.select__container_1r3h3 {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
 }
-.select__container_bty55.select__start_bty55 {
+.select__container_1r3h3.select__start_1r3h3 {
         align-items: flex-start;
     }
-.select__container_bty55.select__center_bty55 {
+.select__container_1r3h3.select__center_1r3h3 {
         align-items: center;
     }
-.select__singleIcon_bty55 {
+.select__singleIcon_1r3h3 {
     flex-shrink: 0;
     opacity: 0;
 }
-.select__singleIcon_bty55.select__before_bty55 {
+.select__singleIcon_1r3h3.select__before_1r3h3 {
         margin-right: var(--gap-12);
     }
-.select__singleIcon_bty55.select__after_bty55 {
+.select__singleIcon_1r3h3.select__after_1r3h3 {
         margin-left: var(--gap-12);
     }
-.select__singleIcon_bty55.select__selected_bty55 {
+.select__singleIcon_1r3h3.select__selected_1r3h3 {
         opacity: 1;
     }
-.select__content_bty55 {
+.select__content_1r3h3 {
     flex: 1;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_bty55","start":"select__start_bty55","center":"select__center_bty55","positionAfter":"select__positionAfter_bty55","container":"select__container_bty55","singleIcon":"select__singleIcon_bty55","before":"select__before_bty55","after":"select__after_bty55","selected":"select__selected_bty55","content":"select__content_bty55"};
+const styles = {"checkmark":"select__checkmark_1r3h3","start":"select__start_1r3h3","center":"select__center_1r3h3","positionAfter":"select__positionAfter_1r3h3","container":"select__container_1r3h3","singleIcon":"select__singleIcon_1r3h3","before":"select__before_1r3h3","after":"select__after_1r3h3","selected":"select__selected_1r3h3","content":"select__content_1r3h3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -15,8 +15,9 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -34,11 +35,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_qg9yh {
+.select__option_fy70o {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
 
     display: flex;
     align-items: center;
@@ -50,49 +52,49 @@
     cursor: pointer;
     min-height: var(--size-s-height);
 }
-.select__option_qg9yh:not(.select__disabled_qg9yh):active {
+.select__option_fy70o:not(.select__disabled_fy70o):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_qg9yh.select__checkmarkBefore_qg9yh {
+.select__option_fy70o.select__checkmarkBefore_fy70o {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
     }
-.select__option_qg9yh.select__checkmarkBefore_qg9yh.select__mobile_qg9yh {
+.select__option_fy70o.select__checkmarkBefore_fy70o.select__mobile_fy70o {
             padding-left: var(--gap-16);
         }
-.select__option_qg9yh.select__checkmarkAfter_qg9yh.select__checkmarkAfter_qg9yh {
+.select__option_fy70o.select__checkmarkAfter_fy70o.select__checkmarkAfter_fy70o {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
     }
-.select__option_qg9yh.select__checkmarkAfter_qg9yh.select__checkmarkAfter_qg9yh.select__size-72_qg9yh {
+.select__option_fy70o.select__checkmarkAfter_fy70o.select__checkmarkAfter_fy70o.select__size-72_fy70o {
             padding-right: var(--gap-16);
         }
-.select__option_qg9yh.select__checkmarkAfter_qg9yh.select__checkmarkAfter_qg9yh.select__mobile_qg9yh {
+.select__option_fy70o.select__checkmarkAfter_fy70o.select__checkmarkAfter_fy70o.select__mobile_fy70o {
             padding-right: var(--gap-20);
         }
-.select__option_qg9yh.select__textContent_qg9yh {
+.select__option_fy70o.select__textContent_fy70o {
         padding: var(--gap-12);
     }
-.select__option_qg9yh.select__textContent_qg9yh.select__size-72_qg9yh {
+.select__option_fy70o.select__textContent_fy70o.select__size-72_fy70o {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
         }
-.select__option_qg9yh.select__textContent_qg9yh.select__mobile_qg9yh {
+.select__option_fy70o.select__textContent_fy70o.select__mobile_fy70o {
             padding: var(--gap-16) var(--gap-20);
         }
-.select__selected_qg9yh {
+.select__selected_fy70o {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_qg9yh {
+.select__highlighted_fy70o {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__disabled_qg9yh {
+.select__disabled_fy70o {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_qg9yh {
+.select__content_fy70o {
     flex: 1;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_qg9yh","disabled":"select__disabled_qg9yh","checkmarkBefore":"select__checkmarkBefore_qg9yh","mobile":"select__mobile_qg9yh","checkmarkAfter":"select__checkmarkAfter_qg9yh","size-72":"select__size-72_qg9yh","textContent":"select__textContent_qg9yh","selected":"select__selected_qg9yh","highlighted":"select__highlighted_qg9yh","content":"select__content_qg9yh"};
+const styles = {"option":"select__option_fy70o","disabled":"select__disabled_fy70o","checkmarkBefore":"select__checkmarkBefore_fy70o","mobile":"select__mobile_fy70o","checkmarkAfter":"select__checkmarkAfter_fy70o","size-72":"select__size-72_fy70o","textContent":"select__textContent_fy70o","selected":"select__selected_fy70o","highlighted":"select__highlighted_fy70o","content":"select__content_fy70o"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -157,6 +157,10 @@ const BaseSelect = forwardRef(
                 case useCombobox.stateChangeTypes.InputKeyDownEnter:
                 case useCombobox.stateChangeTypes.ItemClick: {
                     const { selectedItem } = changes;
+                    if (type === useCombobox.stateChangeTypes.InputKeyDownEnter &&
+                        state.highlightedIndex === -1) {
+                        return state;
+                    }
                     initiatorRef.current = selectedItem || null;
                     return {
                         ...changes,