@alfalab/core-components-select 19.1.2 → 19.1.3-alfasans

package/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_1g46k {
+.select__arrow_1rlyl {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_1g46k.select__disabled_1g46k {
+.select__arrow_1rlyl.select__disabled_1rlyl {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_1g46k.select__size-40_1g46k {
+.select__arrow_1rlyl.select__size-40_1rlyl {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_1g46k {
+.select__open_1rlyl {
     transform: var(--arrow-transform);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"arrow":"select__arrow_1g46k","disabled":"select__disabled_1g46k","size-40":"select__size-40_1g46k","open":"select__open_1g46k"};
+var styles = {"arrow":"select__arrow_1rlyl","disabled":"select__disabled_1rlyl","size-40":"select__size-40_1rlyl","open":"select__open_1rlyl"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-checkmark/index.css

@@ -2,45 +2,45 @@
     --gap-s: 12px;
     --gap-12: var(--gap-s);
 }
-.select__checkmark_1laat {
+.select__checkmark_1147p {
     flex-shrink: 0;
     box-sizing: border-box;
 }
-.select__checkmark_1laat.select__start_1laat {
+.select__checkmark_1147p.select__start_1147p {
         align-self: start;
     }
-.select__checkmark_1laat.select__center_1laat {
+.select__checkmark_1147p.select__center_1147p {
         align-self: center;
     }
-.select__positionAfter_1laat {
+.select__positionAfter_1147p {
     margin-left: 0;
     margin-left: initial;
 }
-.select__container_1laat {
+.select__container_1147p {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
 }
-.select__container_1laat.select__start_1laat {
+.select__container_1147p.select__start_1147p {
         align-items: flex-start;
     }
-.select__container_1laat.select__center_1laat {
+.select__container_1147p.select__center_1147p {
         align-items: center;
     }
-.select__singleIcon_1laat {
+.select__singleIcon_1147p {
     flex-shrink: 0;
     opacity: 0;
 }
-.select__singleIcon_1laat.select__before_1laat {
+.select__singleIcon_1147p.select__before_1147p {
         margin-right: var(--gap-12);
     }
-.select__singleIcon_1laat.select__after_1laat {
+.select__singleIcon_1147p.select__after_1147p {
         margin-left: var(--gap-12);
     }
-.select__singleIcon_1laat.select__selected_1laat {
+.select__singleIcon_1147p.select__selected_1147p {
         opacity: 1;
     }
-.select__content_1laat {
+.select__content_1147p {
     flex: 1;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_1laat","start":"select__start_1laat","center":"select__center_1laat","positionAfter":"select__positionAfter_1laat","container":"select__container_1laat","singleIcon":"select__singleIcon_1laat","before":"select__before_1laat","after":"select__after_1laat","selected":"select__selected_1laat","content":"select__content_1laat"};
+var styles = {"checkmark":"select__checkmark_1147p","start":"select__start_1147p","center":"select__center_1147p","positionAfter":"select__positionAfter_1147p","container":"select__container_1147p","singleIcon":"select__singleIcon_1147p","before":"select__before_1147p","after":"select__after_1147p","selected":"select__selected_1147p","content":"select__content_1147p"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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_1l0id {
+.select__option_1a4ot {
     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_1l0id:not(.select__disabled_1l0id):active {
+.select__option_1a4ot:not(.select__disabled_1a4ot):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1l0id.select__checkmarkBefore_1l0id {
+.select__option_1a4ot.select__checkmarkBefore_1a4ot {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
     }
-.select__option_1l0id.select__checkmarkBefore_1l0id.select__mobile_1l0id {
+.select__option_1a4ot.select__checkmarkBefore_1a4ot.select__mobile_1a4ot {
             padding-left: var(--gap-16);
         }
-.select__option_1l0id.select__checkmarkAfter_1l0id.select__checkmarkAfter_1l0id {
+.select__option_1a4ot.select__checkmarkAfter_1a4ot.select__checkmarkAfter_1a4ot {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
     }
-.select__option_1l0id.select__checkmarkAfter_1l0id.select__checkmarkAfter_1l0id.select__size-72_1l0id {
+.select__option_1a4ot.select__checkmarkAfter_1a4ot.select__checkmarkAfter_1a4ot.select__size-72_1a4ot {
             padding-right: var(--gap-16);
         }
-.select__option_1l0id.select__checkmarkAfter_1l0id.select__checkmarkAfter_1l0id.select__mobile_1l0id {
+.select__option_1a4ot.select__checkmarkAfter_1a4ot.select__checkmarkAfter_1a4ot.select__mobile_1a4ot {
             padding-right: var(--gap-20);
         }
-.select__option_1l0id.select__textContent_1l0id {
+.select__option_1a4ot.select__textContent_1a4ot {
         padding: var(--gap-12);
     }
-.select__option_1l0id.select__textContent_1l0id.select__size-72_1l0id {
+.select__option_1a4ot.select__textContent_1a4ot.select__size-72_1a4ot {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
         }
-.select__option_1l0id.select__textContent_1l0id.select__mobile_1l0id {
+.select__option_1a4ot.select__textContent_1a4ot.select__mobile_1a4ot {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
         }
-.select__selected_1l0id {
+.select__selected_1a4ot {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1l0id {
+.select__highlighted_1a4ot {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__disabled_1l0id {
+.select__disabled_1a4ot {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1l0id {
+.select__content_1a4ot {
     flex: 1;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_1l0id","disabled":"select__disabled_1l0id","checkmarkBefore":"select__checkmarkBefore_1l0id","mobile":"select__mobile_1l0id","checkmarkAfter":"select__checkmarkAfter_1l0id","size-72":"select__size-72_1l0id","textContent":"select__textContent_1l0id","selected":"select__selected_1l0id","highlighted":"select__highlighted_1l0id","content":"select__content_1l0id"};
+var styles = {"option":"select__option_1a4ot","disabled":"select__disabled_1a4ot","checkmarkBefore":"select__checkmarkBefore_1a4ot","mobile":"select__mobile_1a4ot","checkmarkAfter":"select__checkmarkAfter_1a4ot","size-72":"select__size-72_1a4ot","textContent":"select__textContent_1a4ot","selected":"select__selected_1a4ot","highlighted":"select__highlighted_1a4ot","content":"select__content_1a4ot"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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_1f7t4 {
+.select__component_1tfci {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
 }
-.select__popoverInner_1f7t4 {
+.select__popoverInner_1tfci {
     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_1f7t4.select__popoverInner_1f7t4 {
+.select__popoverInner_1tfci.select__popoverInner_1tfci {
     box-shadow: none;
     border: none;
 }
-.select__optionsListWrapper_1f7t4 {
+.select__optionsListWrapper_1tfci {
     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_1f7t4 {
+.select__optionsListBorder_1tfci {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -68,7 +68,7 @@
     border-radius: inherit;
     pointer-events: none;
 }
-.select__nativeSelect_1f7t4 {
+.select__nativeSelect_1tfci {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -82,19 +82,19 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_1f7t4 {
+.select__block_1tfci {
     width: 100%;
 }
-.select__emptySearchPlaceholder_1f7t4 {
+.select__emptySearchPlaceholder_1tfci {
     text-align: center;
 }
-.select__search_1f7t4 {
+.select__search_1tfci {
     margin: var(--gap-12) var(--gap-12) var(--gap-0);
 }
-.select__search_1f7t4.select__size-72_1f7t4 {
+.select__search_1tfci.select__size-72_1tfci {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
     }
-.select__search_1f7t4:last-child {
+.select__search_1tfci:last-child {
         margin-bottom: var(--gap-12);
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_1f7t4","popoverInner":"select__popoverInner_1f7t4","optionsListWrapper":"select__optionsListWrapper_1f7t4","optionsListBorder":"select__optionsListBorder_1f7t4","nativeSelect":"select__nativeSelect_1f7t4","block":"select__block_1f7t4","emptySearchPlaceholder":"select__emptySearchPlaceholder_1f7t4","search":"select__search_1f7t4","size-72":"select__size-72_1f7t4"};
+var styles = {"component":"select__component_1tfci","popoverInner":"select__popoverInner_1tfci","optionsListWrapper":"select__optionsListWrapper_1tfci","optionsListBorder":"select__optionsListBorder_1tfci","nativeSelect":"select__nativeSelect_1tfci","block":"select__block_1tfci","emptySearchPlaceholder":"select__emptySearchPlaceholder_1tfci","search":"select__search_1tfci","size-72":"select__size-72_1tfci"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-select/mobile.css

@@ -9,40 +9,40 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.select__sheet_6lxdb {
+.select__sheet_1d8g8 {
     overflow: hidden;
 }
-.select__sheetContent_6lxdb.select__sheetContent_6lxdb {
+.select__sheetContent_1d8g8.select__sheetContent_1d8g8 {
     padding: var(--gap-0);
 }
-.select__sheetContent_6lxdb.select__sheetContent_6lxdb .select__modalContent_6lxdb {
+.select__sheetContent_1d8g8.select__sheetContent_1d8g8 .select__modalContent_1d8g8 {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
     }
-.select__sheetContainer_6lxdb {
+.select__sheetContainer_1d8g8 {
     padding: var(--gap-0);
 }
-.select__optionsListWrapper_6lxdb {
+.select__optionsListWrapper_1d8g8 {
     flex: 1;
 }
-.select__optionsList_6lxdb.select__optionsList_6lxdb {
+.select__optionsList_1d8g8.select__optionsList_1d8g8 {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
-.select__scrollbar_6lxdb {
+.select__scrollbar_1d8g8 {
     flex: 1;
 }
-.select__search_6lxdb {
+.select__search_1d8g8 {
     padding: var(--gap-8);
 }
-.select__option_6lxdb.select__option_6lxdb {
+.select__option_1d8g8.select__option_1d8g8 {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);
 }
-.select__option_6lxdb.select__option_6lxdb:before {
+.select__option_1d8g8.select__option_1d8g8:before {
         display: none;
     }
-.select__optionGroup_6lxdb.select__optionGroup_6lxdb {
+.select__optionGroup_1d8g8.select__optionGroup_1d8g8 {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

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

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"sheet":"select__sheet_6lxdb","sheetContent":"select__sheetContent_6lxdb","modalContent":"select__modalContent_6lxdb","sheetContainer":"select__sheetContainer_6lxdb","optionsListWrapper":"select__optionsListWrapper_6lxdb","optionsList":"select__optionsList_6lxdb","scrollbar":"select__scrollbar_6lxdb","search":"select__search_6lxdb","option":"select__option_6lxdb","optionGroup":"select__optionGroup_6lxdb"};
+var mobileStyles = {"sheet":"select__sheet_1d8g8","sheetContent":"select__sheetContent_1d8g8","modalContent":"select__modalContent_1d8g8","sheetContainer":"select__sheetContainer_1d8g8","optionsListWrapper":"select__optionsListWrapper_1d8g8","optionsList":"select__optionsList_1d8g8","scrollbar":"select__scrollbar_1d8g8","search":"select__search_1d8g8","option":"select__option_1d8g8","optionGroup":"select__optionGroup_1d8g8"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/checkmark/index.css

@@ -13,16 +13,16 @@
     --select-checkmark-after-display-single: flex;
     --select-checkmark-unselected-opacity: 0;
 }
-.select__checkmark_1pyy1 {
+.select__checkmark_1w06p {
     flex-shrink: 0;
 }
-.select__checkmark_1pyy1.select__before_1pyy1 {
+.select__checkmark_1w06p.select__before_1w06p {
         display: var(--select-checkmark-before-display);
     }
-.select__checkmark_1pyy1.select__after_1pyy1 {
+.select__checkmark_1w06p.select__after_1w06p {
         display: var(--select-checkmark-after-display);
     }
-.select__single_1pyy1 {
+.select__single_1w06p {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -30,26 +30,26 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size);
 }
-.select__single_1pyy1.select__selected_1pyy1 {
+.select__single_1w06p.select__selected_1w06p {
         opacity: 1;
     }
-.select__multiple_1pyy1.select__before_1pyy1 {
+.select__multiple_1w06p.select__before_1w06p {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     }
-.select__multiple_1pyy1.select__after_1pyy1 {
+.select__multiple_1w06p.select__after_1w06p {
         margin-left: var(--gap-12);
     }
-.select__after_1pyy1.select__after_1pyy1 {
+.select__after_1w06p.select__after_1w06p {
     display: var(--select-checkmark-after-display);
 }
-.select__after_1pyy1.select__after_1pyy1.select__single_1pyy1 {
+.select__after_1w06p.select__after_1w06p.select__single_1w06p {
         display: var(--select-checkmark-after-display-single);
     }
-.select__colorIcon_1pyy1 {
+.select__colorIcon_1w06p {
     color: var(--color-light-status-positive);
 }
-.select__displayIcon_1pyy1 {
+.select__displayIcon_1w06p {
     display: block;
     width: 100%;
     height: 100%;

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_1pyy1","before":"select__before_1pyy1","after":"select__after_1pyy1","single":"select__single_1pyy1","selected":"select__selected_1pyy1","multiple":"select__multiple_1pyy1","colorIcon":"select__colorIcon_1pyy1","displayIcon":"select__displayIcon_1pyy1"};
+var styles = {"checkmark":"select__checkmark_1w06p","before":"select__before_1w06p","after":"select__after_1w06p","single":"select__single_1w06p","selected":"select__selected_1w06p","multiple":"select__multiple_1w06p","colorIcon":"select__colorIcon_1w06p","displayIcon":"select__displayIcon_1w06p"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/checkmark-mobile/index.css

@@ -6,7 +6,7 @@
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
 }
-.select__checkmark_1qxav {
+.select__checkmark_1sjam {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -15,18 +15,18 @@
     height: 24px;
     opacity: 0;
 }
-.select__checkmark_1qxav.select__selected_1qxav {
+.select__checkmark_1sjam.select__selected_1sjam {
         opacity: 1;
     }
-.select__checkmark_1qxav.select__before_1qxav {
+.select__checkmark_1sjam.select__before_1sjam {
         margin-right: var(--gap-8);
     }
-.select__checkmark_1qxav.select__after_1qxav {
+.select__checkmark_1sjam.select__after_1sjam {
         margin-left: var(--gap-8);
     }
-.select__displayIcon_1qxav {
+.select__displayIcon_1sjam {
     display: var(--select-mobile-checkmark-display-icon);
 }
-.select__displayBadge_1qxav {
+.select__displayBadge_1sjam {
     display: var(--select-mobile-checkmark-display-badge);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_1qxav","selected":"select__selected_1qxav","before":"select__before_1qxav","after":"select__after_1qxav","displayIcon":"select__displayIcon_1qxav","displayBadge":"select__displayBadge_1qxav"};
+var styles = {"checkmark":"select__checkmark_1sjam","selected":"select__selected_1sjam","before":"select__before_1sjam","after":"select__after_1sjam","displayIcon":"select__displayIcon_1sjam","displayBadge":"select__displayBadge_1sjam"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/clear-button/index.css

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

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"clearIcon":"select__clearIcon_cenxj","clearButton":"select__clearButton_cenxj"};
+var styles = {"clearIcon":"select__clearIcon_14wp1","clearButton":"select__clearButton_14wp1"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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_1hjbj {
+.select__component_s5t0d {
     width: 100%;
     outline: none;
 }
-.select__field_1hjbj:not(.select__disabled_1hjbj) {
+.select__field_s5t0d:not(.select__disabled_s5t0d) {
     cursor: pointer;
 }
-.select__field_1hjbj:not(.select__disabled_1hjbj):hover .select__arrow_1hjbj {
+.select__field_s5t0d:not(.select__disabled_s5t0d):hover .select__arrow_s5t0d {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_1hjbj {
+.select__disabled_s5t0d {
     cursor: var(--disabled-cursor);
 }
-.select__placeholder_1hjbj {
+.select__placeholder_s5t0d {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_1hjbj 0.2s ease;
+    animation: select__show-placeholder_s5t0d 0.2s ease;
 }
-.select__placeholder_1hjbj.select__focused_1hjbj {
+.select__placeholder_s5t0d.select__focused_s5t0d {
         color: var(--input-focus-placeholder-color);
     }
-.select__contentWrapper_1hjbj {
+.select__contentWrapper_s5t0d {
     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_1hjbj.select__size-40_1hjbj {
+.select__contentWrapper_s5t0d.select__size-40_s5t0d {
         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_1hjbj {
+.select__value_s5t0d {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__value_1hjbj.select__size-40_1hjbj {
+.select__value_s5t0d.select__size-40_s5t0d {
         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_1hjbj {
+.select__focusVisible_s5t0d {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-@keyframes select__show-placeholder_1hjbj {
+@keyframes select__show-placeholder_s5t0d {
     from {
         opacity: 0;
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_1hjbj","field":"select__field_1hjbj","disabled":"select__disabled_1hjbj","arrow":"select__arrow_1hjbj","placeholder":"select__placeholder_1hjbj","show-placeholder":"select__show-placeholder_1hjbj","focused":"select__focused_1hjbj","contentWrapper":"select__contentWrapper_1hjbj","size-40":"select__size-40_1hjbj","value":"select__value_1hjbj","focusVisible":"select__focusVisible_1hjbj"};
+var styles = {"component":"select__component_s5t0d","field":"select__field_s5t0d","disabled":"select__disabled_s5t0d","arrow":"select__arrow_s5t0d","placeholder":"select__placeholder_s5t0d","show-placeholder":"select__show-placeholder_s5t0d","focused":"select__focused_s5t0d","contentWrapper":"select__contentWrapper_s5t0d","size-40":"select__size-40_s5t0d","value":"select__value_s5t0d","focusVisible":"select__focusVisible_s5t0d"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/index.css

@@ -6,20 +6,20 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.select__footer_1cd2x {
+.select__footer_sq9fo {
     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_1cd2x .select__button_1cd2x:first-of-type {
+.select__footer_sq9fo .select__button_sq9fo:first-of-type {
         margin-right: var(--gap-16);
     }
-.select__button_1cd2x {
+.select__button_sq9fo {
     width: 50%;
 }
-.select__highlighted_1cd2x {
+.select__highlighted_sq9fo {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"select__footer_1cd2x","button":"select__button_1cd2x","highlighted":"select__highlighted_1cd2x"};
+var styles = {"footer":"select__footer_sq9fo","button":"select__button_sq9fo","highlighted":"select__highlighted_sq9fo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map