@alfalab/core-components-select 19.0.4 → 19.0.5-alfasans

package/modern/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_1eimz {
+.select__option_67b65 {
     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_1eimz:not(.select__disabled_1eimz):active {
+.select__option_67b65:not(.select__disabled_67b65):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1eimz:before {
+.select__option_67b65: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_1eimz:first-child:before {
+.select__option_67b65:first-child:before {
         display: none;
     }
-.select__size-48_1eimz {
+.select__size-48_67b65 {
     min-height: var(--size-s-height);
 }
-.select__size-56_1eimz {
+.select__size-56_67b65 {
     min-height: var(--size-m-height);
 }
-.select__size-64_1eimz {
+.select__size-64_67b65 {
     min-height: var(--size-l-height);
 }
-.select__size-72_1eimz {
+.select__size-72_67b65 {
     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_1eimz:before {
+.select__size-72_67b65:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_1eimz {
+.select__selected_67b65 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1eimz {
+.select__highlighted_67b65 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1eimz:before,
-    .select__highlighted_1eimz + .select__option_1eimz:before {
+.select__highlighted_67b65:before,
+    .select__highlighted_67b65 + .select__option_67b65:before {
         opacity: 0;
     }
-.select__disabled_1eimz {
+.select__disabled_67b65 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1eimz {
+.select__content_67b65 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_1eimz {
+.select__textContent_67b65 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_1eimz","disabled":"select__disabled_1eimz","size-48":"select__size-48_1eimz","size-56":"select__size-56_1eimz","size-64":"select__size-64_1eimz","size-72":"select__size-72_1eimz","selected":"select__selected_1eimz","highlighted":"select__highlighted_1eimz","content":"select__content_1eimz","textContent":"select__textContent_1eimz"};
+const styles = {"option":"select__option_67b65","disabled":"select__disabled_67b65","size-48":"select__size-48_67b65","size-56":"select__size-56_67b65","size-64":"select__size-64_67b65","size-72":"select__size-72_67b65","selected":"select__selected_67b65","highlighted":"select__highlighted_67b65","content":"select__content_67b65","textContent":"select__textContent_67b65"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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_1d12h {
+.select__optionsList_1uvhn {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_1d12h .select__scrollable_1d12h {
+.select__optionsList_1uvhn .select__scrollable_1uvhn {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_1d12h .select__scrollable_1d12h .select__verticalBar_1d12h.select__verticalBar_1d12h {
+.select__optionsList_1uvhn .select__scrollable_1uvhn .select__verticalBar_1uvhn.select__verticalBar_1uvhn {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_1d12h .select__scrollable_1d12h .select__verticalBar_1d12h.select__verticalBar_1d12h.select__verticalBarWithHeader_1d12h {
+.select__optionsList_1uvhn .select__scrollable_1uvhn .select__verticalBar_1uvhn.select__verticalBar_1uvhn.select__verticalBarWithHeader_1uvhn {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_1d12h .select__scrollable_1d12h .select__verticalBar_1d12h.select__verticalBar_1d12h.select__verticalBarWithFooter_1d12h {
+.select__optionsList_1uvhn .select__scrollable_1uvhn .select__verticalBar_1uvhn.select__verticalBar_1uvhn.select__verticalBarWithFooter_1uvhn {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_1d12h .select__scrollable_1d12h .select__verticalBar_1d12h.select__verticalBar_1d12h.select__verticalBarWithHeader_1d12h.select__verticalBarWithFooter_1d12h {
+.select__optionsList_1uvhn .select__scrollable_1uvhn .select__verticalBar_1uvhn.select__verticalBar_1uvhn.select__verticalBarWithHeader_1uvhn.select__verticalBarWithFooter_1uvhn {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_1d12h {
+.select__optionsListHeader_1uvhn {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_1d12h.select__headerHighlighted_1d12h {
+.select__optionsListHeader_1uvhn.select__headerHighlighted_1uvhn {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_1d12h {
+.select__optionsListFooter_1uvhn {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_1d12h.select__withBorder_1d12h {
+.select__optionsListFooter_1uvhn.select__withBorder_1uvhn {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_1d12h {
+.select__mask_1uvhn {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_1d12h {
+.select__emptyPlaceholder_1uvhn {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_1d12h .select__emptyPlaceholder_1d12h {
+.select__size-72_1uvhn .select__emptyPlaceholder_1uvhn {
     padding: var(--gap-24) var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"optionsList":"select__optionsList_1d12h","scrollable":"select__scrollable_1d12h","verticalBar":"select__verticalBar_1d12h","verticalBarWithHeader":"select__verticalBarWithHeader_1d12h","verticalBarWithFooter":"select__verticalBarWithFooter_1d12h","optionsListHeader":"select__optionsListHeader_1d12h","headerHighlighted":"select__headerHighlighted_1d12h","optionsListFooter":"select__optionsListFooter_1d12h","withBorder":"select__withBorder_1d12h","mask":"select__mask_1d12h","emptyPlaceholder":"select__emptyPlaceholder_1d12h","size-72":"select__size-72_1d12h"};
+const styles = {"optionsList":"select__optionsList_1uvhn","scrollable":"select__scrollable_1uvhn","verticalBar":"select__verticalBar_1uvhn","verticalBarWithHeader":"select__verticalBarWithHeader_1uvhn","verticalBarWithFooter":"select__verticalBarWithFooter_1uvhn","optionsListHeader":"select__optionsListHeader_1uvhn","headerHighlighted":"select__headerHighlighted_1uvhn","optionsListFooter":"select__optionsListFooter_1uvhn","withBorder":"select__withBorder_1uvhn","mask":"select__mask_1uvhn","emptyPlaceholder":"select__emptyPlaceholder_1uvhn","size-72":"select__size-72_1uvhn"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_fxtck.select__component_fxtck {
+.select__component_h0ni9.select__component_h0ni9 {
     width: auto;
 }

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

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

package/modern/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_1wr5i {
+.select__virtualOptionsList_18nm9 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
 }
-.select__virtualOptionsListHeader_1wr5i {
+.select__virtualOptionsListHeader_18nm9 {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
 }
-.select__virtualOptionsListFooter_1wr5i {
+.select__virtualOptionsListFooter_18nm9 {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__virtualOptionsListFooter_1wr5i.select__withBorder_1wr5i {
+.select__virtualOptionsListFooter_18nm9.select__withBorder_18nm9 {
         border-top: 1px solid var(--color-light-neutral-300);
     }
-.select__scrollable_1wr5i {
+.select__scrollable_18nm9 {
     position: relative;
     overflow: auto;
     width: 100%;
 }
-.select__inner_1wr5i {
+.select__inner_18nm9 {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_1wr5i {
+.select__virtualRow_18nm9 {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
 }
-.select__virtualRow_1wr5i:before {
+.select__virtualRow_18nm9: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_1wr5i:first-child:before {
+.select__virtualRow_18nm9:first-child:before {
         display: none;
     }
-.select__highlighted_1wr5i:before,
-    .select__highlighted_1wr5i + .select__virtualRow_1wr5i:before {
+.select__highlighted_18nm9:before,
+    .select__highlighted_18nm9 + .select__virtualRow_18nm9:before {
         display: none;
     }
-.select__emptyPlaceholder_1wr5i {
+.select__emptyPlaceholder_18nm9 {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-72_1wr5i .select__emptyPlaceholder_1wr5i {
+.select__size-72_18nm9 .select__emptyPlaceholder_18nm9 {
     padding: var(--gap-24) var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"virtualOptionsList":"select__virtualOptionsList_1wr5i","virtualOptionsListHeader":"select__virtualOptionsListHeader_1wr5i","virtualOptionsListFooter":"select__virtualOptionsListFooter_1wr5i","withBorder":"select__withBorder_1wr5i","scrollable":"select__scrollable_1wr5i","inner":"select__inner_1wr5i","virtualRow":"select__virtualRow_1wr5i","highlighted":"select__highlighted_1wr5i","emptyPlaceholder":"select__emptyPlaceholder_1wr5i","size-72":"select__size-72_1wr5i"};
+const styles = {"virtualOptionsList":"select__virtualOptionsList_18nm9","virtualOptionsListHeader":"select__virtualOptionsListHeader_18nm9","virtualOptionsListFooter":"select__virtualOptionsListFooter_18nm9","withBorder":"select__withBorder_18nm9","scrollable":"select__scrollable_18nm9","inner":"select__inner_18nm9","virtualRow":"select__virtualRow_18nm9","highlighted":"select__highlighted_18nm9","emptyPlaceholder":"select__emptyPlaceholder_18nm9","size-72":"select__size-72_18nm9"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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_1ig0g {
+.select__footer_q9f3o {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
 }
-.select__footer_1ig0g.select__size-72_1ig0g {
+.select__footer_q9f3o.select__size-72_q9f3o {
         padding: var(--gap-12) var(--gap-16);
     }
-.select__footer_1ig0g > .select__button_1ig0g + .select__button_1ig0g {
+.select__footer_q9f3o > .select__button_q9f3o + .select__button_q9f3o {
         margin-left: var(--select-option-list-footer-button-gap);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"select__footer_1ig0g","size-72":"select__size-72_1ig0g","button":"select__button_1ig0g"};
+const styles = {"footer":"select__footer_q9f3o","size-72":"select__size-72_q9f3o","button":"select__button_q9f3o"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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_c0d22 {
+.select__desktop_2vk36 {
     padding: var(--gap-12);
 }
-.select__desktop_c0d22.select__size-72_c0d22 {
+.select__desktop_2vk36.select__size-72_2vk36 {
         padding-left: var(--gap-16);
     }
-.select__mobile_c0d22 {
+.select__mobile_2vk36 {
     padding: var(--gap-12) var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"desktop":"select__desktop_c0d22","size-72":"select__size-72_c0d22","mobile":"select__mobile_c0d22"};
+const styles = {"desktop":"select__desktop_2vk36","size-72":"select__size-72_2vk36","mobile":"select__mobile_2vk36"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/presets/useSelectWithLoading/index.css

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

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

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

package/moderncssm/components/base-option/index.module.css

@@ -15,7 +15,8 @@
     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;

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

@@ -391,7 +391,7 @@ const BaseSelect = forwardRef(
     const renderInBottomSheet = () => {
         if (!nativeSelect && BottomSheet) {
             const bottomAddons = bottomSheetProps?.bottomAddons;
-            return (React.createElement(BottomSheet, { dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default', ...bottomSheetProps, sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: () => {
+            return (React.createElement(BottomSheet, { dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer ?? (multiple ? null : undefined), stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default', ...bottomSheetProps, sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: () => {
                     closeMenu();
                     bottomSheetProps?.onClose?.();
                 }, transitionProps: {