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

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

@@ -30,25 +30,25 @@
     --select-options-list-bottom-padding: var(--gap-0);
     --select-option-background: var(--color-light-modal-bg-primary);
 }
-.select__component_ewdbj {
+.select__component_vur98 {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
 }
-.select__popoverInner_ewdbj {
+.select__popoverInner_vur98 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: var(--border-radius-0);
     position: relative;
 }
-.select__popoverInner_ewdbj.select__popoverInner_ewdbj {
+.select__popoverInner_vur98.select__popoverInner_vur98 {
     box-shadow: none;
     border: none;
 }
-.select__optionsListWrapper_ewdbj {
+.select__optionsListWrapper_vur98 {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -58,7 +58,7 @@
     overflow: hidden;
     will-change: transform;
 }
-.select__optionsListBorder_ewdbj {
+.select__optionsListBorder_vur98 {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -68,7 +68,7 @@
     border-radius: inherit;
     pointer-events: none;
 }
-.select__nativeSelect_ewdbj {
+.select__nativeSelect_vur98 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -82,19 +82,19 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_ewdbj {
+.select__block_vur98 {
     width: 100%;
 }
-.select__emptySearchPlaceholder_ewdbj {
+.select__emptySearchPlaceholder_vur98 {
     text-align: center;
 }
-.select__search_ewdbj {
+.select__search_vur98 {
     margin: var(--gap-12) var(--gap-12) var(--gap-0);
 }
-.select__search_ewdbj.select__size-72_ewdbj {
+.select__search_vur98.select__size-72_vur98 {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
     }
-.select__search_ewdbj:last-child {
+.select__search_vur98:last-child {
         margin-bottom: var(--gap-12);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_ewdbj","popoverInner":"select__popoverInner_ewdbj","optionsListWrapper":"select__optionsListWrapper_ewdbj","optionsListBorder":"select__optionsListBorder_ewdbj","nativeSelect":"select__nativeSelect_ewdbj","block":"select__block_ewdbj","emptySearchPlaceholder":"select__emptySearchPlaceholder_ewdbj","search":"select__search_ewdbj","size-72":"select__size-72_ewdbj"};
+const styles = {"component":"select__component_vur98","popoverInner":"select__popoverInner_vur98","optionsListWrapper":"select__optionsListWrapper_vur98","optionsListBorder":"select__optionsListBorder_vur98","nativeSelect":"select__nativeSelect_vur98","block":"select__block_vur98","emptySearchPlaceholder":"select__emptySearchPlaceholder_vur98","search":"select__search_vur98","size-72":"select__size-72_vur98"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/base-select/mobile.css

@@ -9,40 +9,40 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.select__sheet_1nvus {
+.select__sheet_prh4v {
     overflow: hidden;
 }
-.select__sheetContent_1nvus.select__sheetContent_1nvus {
+.select__sheetContent_prh4v.select__sheetContent_prh4v {
     padding: var(--gap-0);
 }
-.select__sheetContent_1nvus.select__sheetContent_1nvus .select__modalContent_1nvus {
+.select__sheetContent_prh4v.select__sheetContent_prh4v .select__modalContent_prh4v {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
     }
-.select__sheetContainer_1nvus {
+.select__sheetContainer_prh4v {
     padding: var(--gap-0);
 }
-.select__optionsListWrapper_1nvus {
+.select__optionsListWrapper_prh4v {
     flex: 1;
 }
-.select__optionsList_1nvus.select__optionsList_1nvus {
+.select__optionsList_prh4v.select__optionsList_prh4v {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
-.select__scrollbar_1nvus {
+.select__scrollbar_prh4v {
     flex: 1;
 }
-.select__search_1nvus {
+.select__search_prh4v {
     padding: var(--gap-8);
 }
-.select__option_1nvus.select__option_1nvus {
+.select__option_prh4v.select__option_prh4v {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);
 }
-.select__option_1nvus.select__option_1nvus:before {
+.select__option_prh4v.select__option_prh4v:before {
         display: none;
     }
-.select__optionGroup_1nvus.select__optionGroup_1nvus {
+.select__optionGroup_prh4v.select__optionGroup_prh4v {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

package/modern/components/base-select/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"sheet":"select__sheet_1nvus","sheetContent":"select__sheetContent_1nvus","modalContent":"select__modalContent_1nvus","sheetContainer":"select__sheetContainer_1nvus","optionsListWrapper":"select__optionsListWrapper_1nvus","optionsList":"select__optionsList_1nvus","scrollbar":"select__scrollbar_1nvus","search":"select__search_1nvus","option":"select__option_1nvus","optionGroup":"select__optionGroup_1nvus"};
+const mobileStyles = {"sheet":"select__sheet_prh4v","sheetContent":"select__sheetContent_prh4v","modalContent":"select__modalContent_prh4v","sheetContainer":"select__sheetContainer_prh4v","optionsListWrapper":"select__optionsListWrapper_prh4v","optionsList":"select__optionsList_prh4v","scrollbar":"select__scrollbar_prh4v","search":"select__search_prh4v","option":"select__option_prh4v","optionGroup":"select__optionGroup_prh4v"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/components/checkmark/index.css

@@ -25,14 +25,14 @@
     --select-checkmark-background: var(--color-light-neutral-translucent-1300);
     --select-checkmark-border-radius: var(--border-radius-circle);
 }
-.select__checkmark_1f6gs {
+.select__checkmark_1785s {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin);
 }
-.select__checkmark_1f6gs.select__after_1f6gs {
+.select__checkmark_1785s.select__after_1785s {
         margin: var(--select-checkmark-margin-after);
     }
-.select__single_1f6gs {
+.select__single_1785s {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -43,22 +43,22 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size);
 }
-.select__single_1f6gs.select__selected_1f6gs {
+.select__single_1785s.select__selected_1785s {
         opacity: 1;
     }
-.select__before_1f6gs {
+.select__before_1785s {
     display: var(--select-checkmark-before-display);
 }
-.select__before_1f6gs.select__multiple_1f6gs {
+.select__before_1785s.select__multiple_1785s {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     }
-.select__after_1f6gs.select__after_1f6gs {
+.select__after_1785s.select__after_1785s {
     display: var(--select-checkmark-after-display);
 }
-.select__after_1f6gs.select__after_1f6gs.select__single_1f6gs {
+.select__after_1785s.select__after_1785s.select__single_1785s {
         display: var(--select-checkmark-after-display-single);
     }
-.select__colorIcon_1f6gs {
+.select__colorIcon_1785s {
     color: var(--color-light-status-positive);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_1f6gs","after":"select__after_1f6gs","single":"select__single_1f6gs","selected":"select__selected_1f6gs","before":"select__before_1f6gs","multiple":"select__multiple_1f6gs","colorIcon":"select__colorIcon_1f6gs"};
+const styles = {"checkmark":"select__checkmark_1785s","after":"select__after_1785s","single":"select__single_1785s","selected":"select__selected_1785s","before":"select__before_1785s","multiple":"select__multiple_1785s","colorIcon":"select__colorIcon_1785s"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -2,7 +2,7 @@
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
 }
-.select__checkmark_3v4bv {
+.select__checkmark_ttmd7 {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -11,15 +11,15 @@
     height: 24px;
     opacity: 0;
 }
-.select__checkmark_3v4bv:first-child {
+.select__checkmark_ttmd7:first-child {
         display: none;
     }
-.select__checkmark_3v4bv.select__selected_3v4bv {
+.select__checkmark_ttmd7.select__selected_ttmd7 {
         opacity: 1;
     }
-.select__displayIcon_3v4bv {
+.select__displayIcon_ttmd7 {
     display: var(--select-mobile-checkmark-display-icon);
 }
-.select__displayBadge_3v4bv {
+.select__displayBadge_ttmd7 {
     display: var(--select-mobile-checkmark-display-badge);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_3v4bv","selected":"select__selected_3v4bv","displayIcon":"select__displayIcon_3v4bv"};
+const styles = {"checkmark":"select__checkmark_ttmd7","selected":"select__selected_ttmd7","displayIcon":"select__displayIcon_ttmd7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/clear-button/index.css

@@ -6,16 +6,16 @@
 :root {
     --input-error-icon-display: none;
 }
-.select__clearIcon_1nvo7 {
+.select__clearIcon_1clmt {
     display: block;
     color: var(--color-light-neutral-translucent-500);
 }
-.select__clearIcon_1nvo7:hover {
+.select__clearIcon_1clmt:hover {
         color: var(--color-light-neutral-translucent-500-hover);
     }
-.select__clearIcon_1nvo7:active {
+.select__clearIcon_1clmt:active {
         color: var(--color-light-neutral-translucent-500-press);
     }
-.select__clearButton_1nvo7 + [data-addon='error-icon'] {
+.select__clearButton_1clmt + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/modern/components/clear-button/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"clearIcon":"select__clearIcon_1nvo7","clearButton":"select__clearButton_1nvo7"};
+const styles = {"clearIcon":"select__clearIcon_1clmt","clearButton":"select__clearButton_1clmt"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/field/index.css

@@ -4,8 +4,9 @@
     --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
 }
 :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 {
     --focus-color: var(--color-light-status-info);
@@ -18,60 +19,63 @@
 :root {
     --select-arrow-hover-opacity: 0.7;
 }
-.select__component_tz7s9 {
+.select__component_zuqs3 {
     width: 100%;
     outline: none;
 }
-.select__field_tz7s9:not(.select__disabled_tz7s9) {
+.select__field_zuqs3:not(.select__disabled_zuqs3) {
     cursor: pointer;
 }
-.select__field_tz7s9:not(.select__disabled_tz7s9):hover .select__arrow_tz7s9 {
+.select__field_zuqs3:not(.select__disabled_zuqs3):hover .select__arrow_zuqs3 {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_tz7s9 {
+.select__disabled_zuqs3 {
     cursor: var(--disabled-cursor);
 }
-.select__placeholder_tz7s9 {
+.select__placeholder_zuqs3 {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_tz7s9 0.2s ease;
+    animation: select__show-placeholder_zuqs3 0.2s ease;
 }
-.select__placeholder_tz7s9.select__focused_tz7s9 {
+.select__placeholder_zuqs3.select__focused_zuqs3 {
         color: var(--input-focus-placeholder-color);
     }
-.select__contentWrapper_tz7s9 {
+.select__contentWrapper_zuqs3 {
     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);
 
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
 }
-.select__contentWrapper_tz7s9.select__size-40_tz7s9 {
+.select__contentWrapper_zuqs3.select__size-40_zuqs3 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.08px;
+        font-family: var(--font-family-alfasans);
     }
-.select__value_tz7s9 {
+.select__value_zuqs3 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__value_tz7s9.select__size-40_tz7s9 {
+.select__value_zuqs3.select__size-40_zuqs3 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.08px;
+        font-family: var(--font-family-alfasans);
     }
-.select__focusVisible_tz7s9 {
+.select__focusVisible_zuqs3 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-@keyframes select__show-placeholder_tz7s9 {
+@keyframes select__show-placeholder_zuqs3 {
     from {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_tz7s9","field":"select__field_tz7s9","disabled":"select__disabled_tz7s9","arrow":"select__arrow_tz7s9","placeholder":"select__placeholder_tz7s9","show-placeholder":"select__show-placeholder_tz7s9","focused":"select__focused_tz7s9","contentWrapper":"select__contentWrapper_tz7s9","size-40":"select__size-40_tz7s9","value":"select__value_tz7s9","focusVisible":"select__focusVisible_tz7s9"};
+const styles = {"component":"select__component_zuqs3","field":"select__field_zuqs3","disabled":"select__disabled_zuqs3","arrow":"select__arrow_zuqs3","placeholder":"select__placeholder_zuqs3","show-placeholder":"select__show-placeholder_zuqs3","focused":"select__focused_zuqs3","contentWrapper":"select__contentWrapper_zuqs3","size-40":"select__size-40_zuqs3","value":"select__value_zuqs3","focusVisible":"select__focusVisible_zuqs3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/footer/index.css

@@ -6,20 +6,20 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.select__footer_23zrm {
+.select__footer_l1bny {
     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_23zrm .select__button_23zrm:first-of-type {
+.select__footer_l1bny .select__button_l1bny:first-of-type {
         margin-right: var(--gap-16);
     }
-.select__button_23zrm {
+.select__button_l1bny {
     width: 50%;
 }
-.select__highlighted_23zrm {
+.select__highlighted_l1bny {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"select__footer_23zrm","button":"select__button_23zrm","highlighted":"select__highlighted_23zrm"};
+const styles = {"footer":"select__footer_l1bny","button":"select__button_l1bny","highlighted":"select__highlighted_l1bny"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/optgroup/index.css

@@ -11,8 +11,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 {
 
@@ -23,7 +24,7 @@
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
 }
-.select__optgroup_1k7i6 {
+.select__optgroup_vk579 {
     position: relative;
     display: flex;
     align-items: center;
@@ -33,21 +34,21 @@
     background: var(--select-optgroup-background);
     min-height: 40px;
 }
-.select__optgroup_1k7i6 + *[role='option']:before {
+.select__optgroup_vk579 + *[role='option']:before {
         display: none;
     }
-.select__label_1k7i6 {
+.select__label_vk579 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
 
     display: block;
     color: var(--select-optgroup-color);
 }
-.select__size-72_1k7i6 {
+.select__size-72_vk579 {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"optgroup":"select__optgroup_1k7i6","label":"select__label_1k7i6","size-72":"select__size-72_1k7i6"};
+const styles = {"optgroup":"select__optgroup_vk579","label":"select__label_vk579","size-72":"select__size-72_vk579"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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_15oib {
+.select__option_zguim {
     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_15oib:not(.select__disabled_15oib):active {
+.select__option_zguim:not(.select__disabled_zguim):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_15oib:before {
+.select__option_zguim: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_15oib:first-child:before {
+.select__option_zguim:first-child:before {
         display: none;
     }
-.select__size-48_15oib {
+.select__size-48_zguim {
     min-height: var(--size-s-height);
 }
-.select__size-56_15oib {
+.select__size-56_zguim {
     min-height: var(--size-m-height);
 }
-.select__size-64_15oib {
+.select__size-64_zguim {
     min-height: var(--size-l-height);
 }
-.select__size-72_15oib {
+.select__size-72_zguim {
     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_15oib:before {
+.select__size-72_zguim:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_15oib {
+.select__selected_zguim {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_15oib {
+.select__highlighted_zguim {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_15oib:before,
-    .select__highlighted_15oib + .select__option_15oib:before {
+.select__highlighted_zguim:before,
+    .select__highlighted_zguim + .select__option_zguim:before {
         opacity: 0;
     }
-.select__disabled_15oib {
+.select__disabled_zguim {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_15oib {
+.select__content_zguim {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_15oib {
+.select__textContent_zguim {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_15oib {
+.select__highlighted_zguim {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_15oib:before,
-    .select__highlighted_15oib + .select__option_15oib:before {
+.select__highlighted_zguim:before,
+    .select__highlighted_zguim + .select__option_zguim:before {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_15oib","disabled":"select__disabled_15oib","size-48":"select__size-48_15oib","size-56":"select__size-56_15oib","size-64":"select__size-64_15oib","size-72":"select__size-72_15oib","selected":"select__selected_15oib","highlighted":"select__highlighted_15oib","content":"select__content_15oib","textContent":"select__textContent_15oib"};
+const styles = {"option":"select__option_zguim","disabled":"select__disabled_zguim","size-48":"select__size-48_zguim","size-56":"select__size-56_zguim","size-64":"select__size-64_zguim","size-72":"select__size-72_zguim","selected":"select__selected_zguim","highlighted":"select__highlighted_zguim","content":"select__content_zguim","textContent":"select__textContent_zguim"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map