@alfalab/core-components-select 19.0.0 → 19.0.1-alfasans

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

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :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;
@@ -43,11 +44,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_ci78r {
+.select__option_6ajfi {
     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;
@@ -60,11 +62,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_ci78r:not(.select__disabled_ci78r):active {
+.select__option_6ajfi:not(.select__disabled_6ajfi):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_ci78r:before {
+.select__option_6ajfi:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,59 +77,59 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_ci78r:first-child:before {
+.select__option_6ajfi:first-child:before {
         display: none;
     }
-.select__size-48_ci78r {
+.select__size-48_6ajfi {
     min-height: var(--size-s-height);
 }
-.select__size-56_ci78r {
+.select__size-56_6ajfi {
     min-height: var(--size-m-height);
 }
-.select__size-64_ci78r {
+.select__size-64_6ajfi {
     min-height: var(--size-l-height);
 }
-.select__size-72_ci78r {
+.select__size-72_6ajfi {
     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_ci78r:before {
+.select__size-72_6ajfi:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_ci78r {
+.select__selected_6ajfi {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_ci78r {
+.select__highlighted_6ajfi {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_ci78r:before,
-    .select__highlighted_ci78r + .select__option_ci78r:before {
+.select__highlighted_6ajfi:before,
+    .select__highlighted_6ajfi + .select__option_6ajfi:before {
         opacity: 0;
     }
-.select__disabled_ci78r {
+.select__disabled_6ajfi {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_ci78r {
+.select__content_6ajfi {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_ci78r {
+.select__textContent_6ajfi {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_ci78r {
+.select__highlighted_6ajfi {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_ci78r:before,
-    .select__highlighted_ci78r + .select__option_ci78r:before {
+.select__highlighted_6ajfi:before,
+    .select__highlighted_6ajfi + .select__option_6ajfi:before {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"option":"select__option_ci78r","disabled":"select__disabled_ci78r","size-48":"select__size-48_ci78r","size-56":"select__size-56_ci78r","size-64":"select__size-64_ci78r","size-72":"select__size-72_ci78r","selected":"select__selected_ci78r","highlighted":"select__highlighted_ci78r","content":"select__content_ci78r","textContent":"select__textContent_ci78r"};
+var styles = {"option":"select__option_6ajfi","disabled":"select__disabled_6ajfi","size-48":"select__size-48_6ajfi","size-56":"select__size-56_6ajfi","size-64":"select__size-64_6ajfi","size-72":"select__size-72_6ajfi","selected":"select__selected_6ajfi","highlighted":"select__highlighted_6ajfi","content":"select__content_6ajfi","textContent":"select__textContent_6ajfi"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :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;
@@ -43,11 +44,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_lcbwf {
+.select__option_1c245 {
     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;
@@ -60,11 +62,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_lcbwf:not(.select__disabled_lcbwf):active {
+.select__option_1c245:not(.select__disabled_1c245):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_lcbwf:before {
+.select__option_1c245:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,51 +77,51 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_lcbwf:first-child:before {
+.select__option_1c245:first-child:before {
         display: none;
     }
-.select__size-48_lcbwf {
+.select__size-48_1c245 {
     min-height: var(--size-s-height);
 }
-.select__size-56_lcbwf {
+.select__size-56_1c245 {
     min-height: var(--size-m-height);
 }
-.select__size-64_lcbwf {
+.select__size-64_1c245 {
     min-height: var(--size-l-height);
 }
-.select__size-72_lcbwf {
+.select__size-72_1c245 {
     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_lcbwf:before {
+.select__size-72_1c245:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_lcbwf {
+.select__selected_1c245 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_lcbwf {
+.select__highlighted_1c245 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_lcbwf:before,
-    .select__highlighted_lcbwf + .select__option_lcbwf:before {
+.select__highlighted_1c245:before,
+    .select__highlighted_1c245 + .select__option_1c245:before {
         opacity: 0;
     }
-.select__disabled_lcbwf {
+.select__disabled_1c245 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_lcbwf {
+.select__content_1c245 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_lcbwf {
+.select__textContent_1c245 {
     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_lcbwf","disabled":"select__disabled_lcbwf","size-48":"select__size-48_lcbwf","size-56":"select__size-56_lcbwf","size-64":"select__size-64_lcbwf","size-72":"select__size-72_lcbwf","selected":"select__selected_lcbwf","highlighted":"select__highlighted_lcbwf","content":"select__content_lcbwf","textContent":"select__textContent_lcbwf"};
+var styles = {"option":"select__option_1c245","disabled":"select__disabled_1c245","size-48":"select__size-48_1c245","size-56":"select__size-56_1c245","size-64":"select__size-64_1c245","size-72":"select__size-72_1c245","selected":"select__selected_1c245","highlighted":"select__highlighted_1c245","content":"select__content_1c245","textContent":"select__textContent_1c245"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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_juref {
+.select__optionsList_11p6k {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_juref .select__scrollable_juref {
+.select__optionsList_11p6k .select__scrollable_11p6k {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_juref .select__scrollable_juref .select__verticalBar_juref.select__verticalBar_juref {
+.select__optionsList_11p6k .select__scrollable_11p6k .select__verticalBar_11p6k.select__verticalBar_11p6k {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_juref .select__scrollable_juref .select__verticalBar_juref.select__verticalBar_juref.select__verticalBarWithHeader_juref {
+.select__optionsList_11p6k .select__scrollable_11p6k .select__verticalBar_11p6k.select__verticalBar_11p6k.select__verticalBarWithHeader_11p6k {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_juref .select__scrollable_juref .select__verticalBar_juref.select__verticalBar_juref.select__verticalBarWithFooter_juref {
+.select__optionsList_11p6k .select__scrollable_11p6k .select__verticalBar_11p6k.select__verticalBar_11p6k.select__verticalBarWithFooter_11p6k {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_juref .select__scrollable_juref .select__verticalBar_juref.select__verticalBar_juref.select__verticalBarWithHeader_juref.select__verticalBarWithFooter_juref {
+.select__optionsList_11p6k .select__scrollable_11p6k .select__verticalBar_11p6k.select__verticalBar_11p6k.select__verticalBarWithHeader_11p6k.select__verticalBarWithFooter_11p6k {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_juref {
+.select__optionsListHeader_11p6k {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_juref.select__headerHighlighted_juref {
+.select__optionsListHeader_11p6k.select__headerHighlighted_11p6k {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_juref {
+.select__optionsListFooter_11p6k {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_juref.select__withBorder_juref {
+.select__optionsListFooter_11p6k.select__withBorder_11p6k {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_juref {
+.select__mask_11p6k {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_juref {
+.select__emptyPlaceholder_11p6k {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_juref .select__emptyPlaceholder_juref {
+.select__size-72_11p6k .select__emptyPlaceholder_11p6k {
     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_juref","scrollable":"select__scrollable_juref","verticalBar":"select__verticalBar_juref","verticalBarWithHeader":"select__verticalBarWithHeader_juref","verticalBarWithFooter":"select__verticalBarWithFooter_juref","optionsListHeader":"select__optionsListHeader_juref","headerHighlighted":"select__headerHighlighted_juref","optionsListFooter":"select__optionsListFooter_juref","withBorder":"select__withBorder_juref","mask":"select__mask_juref","emptyPlaceholder":"select__emptyPlaceholder_juref","size-72":"select__size-72_juref"};
+var styles = {"optionsList":"select__optionsList_11p6k","scrollable":"select__scrollable_11p6k","verticalBar":"select__verticalBar_11p6k","verticalBarWithHeader":"select__verticalBarWithHeader_11p6k","verticalBarWithFooter":"select__verticalBarWithFooter_11p6k","optionsListHeader":"select__optionsListHeader_11p6k","headerHighlighted":"select__headerHighlighted_11p6k","optionsListFooter":"select__optionsListFooter_11p6k","withBorder":"select__withBorder_11p6k","mask":"select__mask_11p6k","emptyPlaceholder":"select__emptyPlaceholder_11p6k","size-72":"select__size-72_11p6k"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_16aqs.select__component_16aqs {
+.select__component_1mvgh.select__component_1mvgh {
     width: auto;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"select__component_16aqs"};
+var styles = {"component":"select__component_1mvgh"};
 
 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_qwcj8 {
+.select__virtualOptionsList_2staz {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
 }
-.select__virtualOptionsListHeader_qwcj8 {
+.select__virtualOptionsListHeader_2staz {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
 }
-.select__virtualOptionsListFooter_qwcj8 {
+.select__virtualOptionsListFooter_2staz {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__virtualOptionsListFooter_qwcj8.select__withBorder_qwcj8 {
+.select__virtualOptionsListFooter_2staz.select__withBorder_2staz {
         border-top: 1px solid var(--color-light-neutral-300);
     }
-.select__scrollable_qwcj8 {
+.select__scrollable_2staz {
     position: relative;
     overflow: auto;
     width: 100%;
 }
-.select__inner_qwcj8 {
+.select__inner_2staz {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_qwcj8 {
+.select__virtualRow_2staz {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
 }
-.select__virtualRow_qwcj8:before {
+.select__virtualRow_2staz: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_qwcj8:first-child:before {
+.select__virtualRow_2staz:first-child:before {
         display: none;
     }
-.select__highlighted_qwcj8:before,
-    .select__highlighted_qwcj8 + .select__virtualRow_qwcj8:before {
+.select__highlighted_2staz:before,
+    .select__highlighted_2staz + .select__virtualRow_2staz:before {
         display: none;
     }
-.select__emptyPlaceholder_qwcj8 {
+.select__emptyPlaceholder_2staz {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-72_qwcj8 .select__emptyPlaceholder_qwcj8 {
+.select__size-72_2staz .select__emptyPlaceholder_2staz {
     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_qwcj8","virtualOptionsListHeader":"select__virtualOptionsListHeader_qwcj8","virtualOptionsListFooter":"select__virtualOptionsListFooter_qwcj8","withBorder":"select__withBorder_qwcj8","scrollable":"select__scrollable_qwcj8","inner":"select__inner_qwcj8","virtualRow":"select__virtualRow_qwcj8","highlighted":"select__highlighted_qwcj8","emptyPlaceholder":"select__emptyPlaceholder_qwcj8","size-72":"select__size-72_qwcj8"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_2staz","virtualOptionsListHeader":"select__virtualOptionsListHeader_2staz","virtualOptionsListFooter":"select__virtualOptionsListFooter_2staz","withBorder":"select__withBorder_2staz","scrollable":"select__scrollable_2staz","inner":"select__inner_2staz","virtualRow":"select__virtualRow_2staz","highlighted":"select__highlighted_2staz","emptyPlaceholder":"select__emptyPlaceholder_2staz","size-72":"select__size-72_2staz"};
 
 export { styles as default };
 //# sourceMappingURL=index.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_cl7i3 {
+.select__footer_1jfq6 {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
 }
-.select__footer_cl7i3.select__size-72_cl7i3 {
+.select__footer_1jfq6.select__size-72_1jfq6 {
         padding: var(--gap-12) var(--gap-16);
     }
-.select__footer_cl7i3 > .select__button_cl7i3 + .select__button_cl7i3 {
+.select__footer_1jfq6 > .select__button_1jfq6 + .select__button_1jfq6 {
         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_cl7i3","size-72":"select__size-72_cl7i3","button":"select__button_cl7i3"};
+var styles = {"footer":"select__footer_1jfq6","size-72":"select__size-72_1jfq6","button":"select__button_1jfq6"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,12 +6,12 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.select__desktop_156o5 {
+.select__desktop_t96n7 {
     padding: var(--gap-12);
 }
-.select__desktop_156o5.select__size-72_156o5 {
+.select__desktop_t96n7.select__size-72_t96n7 {
         padding-left: var(--gap-16);
     }
-.select__mobile_156o5 {
+.select__mobile_t96n7 {
     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_156o5","size-72":"select__size-72_156o5","mobile":"select__mobile_156o5"};
+var styles = {"desktop":"select__desktop_t96n7","size-72":"select__size-72_t96n7","mobile":"select__mobile_t96n7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_1ss78 {
+.select__skeleton_1q8gc {
     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_1ss78"};
+var styles = {"skeleton":"select__skeleton_1q8gc"};
 
 export { styles as default };
 //# sourceMappingURL=index.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_1xbk5 {
+.select__arrow_1984q {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_1xbk5.select__disabled_1xbk5 {
+.select__arrow_1984q.select__disabled_1984q {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_1xbk5.select__size-40_1xbk5 {
+.select__arrow_1984q.select__size-40_1984q {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_1xbk5 {
+.select__open_1984q {
     transform: var(--arrow-transform);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"arrow":"select__arrow_1xbk5","disabled":"select__disabled_1xbk5","size-40":"select__size-40_1xbk5","open":"select__open_1xbk5"};
+const styles = {"arrow":"select__arrow_1984q","disabled":"select__disabled_1984q","size-40":"select__size-40_1984q","open":"select__open_1984q"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,19 +1,19 @@
-.select__checkmark_5uxr4 {
+.select__checkmark_16qf1 {
     flex-shrink: 0;
     box-sizing: border-box;
 }
-.select__checkmark_5uxr4.select__start_5uxr4 {
+.select__checkmark_16qf1.select__start_16qf1 {
         align-self: start;
     }
-.select__checkmark_5uxr4.select__center_5uxr4 {
+.select__checkmark_16qf1.select__center_16qf1 {
         align-self: center;
     }
-.select__single_5uxr4 {
+.select__single_16qf1 {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
 }
-.select__single_5uxr4.select__selected_5uxr4 {
+.select__single_16qf1.select__selected_16qf1 {
         opacity: 1;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_5uxr4","start":"select__start_5uxr4","center":"select__center_5uxr4","single":"select__single_5uxr4","selected":"select__selected_5uxr4"};
+const styles = {"checkmark":"select__checkmark_16qf1","start":"select__start_16qf1","center":"select__center_16qf1","single":"select__single_16qf1","selected":"select__selected_16qf1"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map