@alfalab/core-components-select 19.1.9 → 19.1.10-alfasans

package/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_jf9ac {
+.select__optgroup_zfhcj {
     position: relative;
     display: flex;
     align-items: center;
@@ -33,21 +34,21 @@
     background: var(--select-optgroup-background);
     min-height: 40px;
 }
-.select__optgroup_jf9ac + *[role='option']:before {
+.select__optgroup_zfhcj + *[role='option']:before {
         display: none;
     }
-.select__label_jf9ac {
+.select__label_zfhcj {
     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_jf9ac {
+.select__size-72_zfhcj {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"optgroup":"select__optgroup_jf9ac","label":"select__label_jf9ac","size-72":"select__size-72_jf9ac"};
+var styles = {"optgroup":"select__optgroup_zfhcj","label":"select__label_zfhcj","size-72":"select__size-72_zfhcj"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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_kum5d {
+.select__option_3kh4u {
     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_kum5d:not(.select__disabled_kum5d):active {
+.select__option_3kh4u:not(.select__disabled_3kh4u):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_kum5d:before {
+.select__option_3kh4u: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_kum5d:first-child:before {
+.select__option_3kh4u:first-child:before {
         display: none;
     }
-.select__size-48_kum5d {
+.select__size-48_3kh4u {
     min-height: var(--size-s-height);
 }
-.select__size-56_kum5d {
+.select__size-56_3kh4u {
     min-height: var(--size-m-height);
 }
-.select__size-64_kum5d {
+.select__size-64_3kh4u {
     min-height: var(--size-l-height);
 }
-.select__size-72_kum5d {
+.select__size-72_3kh4u {
     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_kum5d:before {
+.select__size-72_3kh4u:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_kum5d {
+.select__selected_3kh4u {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_kum5d {
+.select__highlighted_3kh4u {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_kum5d:before,
-    .select__highlighted_kum5d + .select__option_kum5d:before {
+.select__highlighted_3kh4u:before,
+    .select__highlighted_3kh4u + .select__option_3kh4u:before {
         opacity: 0;
     }
-.select__disabled_kum5d {
+.select__disabled_3kh4u {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_kum5d {
+.select__content_3kh4u {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_kum5d {
+.select__textContent_3kh4u {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_kum5d {
+.select__highlighted_3kh4u {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_kum5d:before,
-    .select__highlighted_kum5d + .select__option_kum5d:before {
+.select__highlighted_3kh4u:before,
+    .select__highlighted_3kh4u + .select__option_3kh4u:before {
         opacity: 0;
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_kum5d","disabled":"select__disabled_kum5d","size-48":"select__size-48_kum5d","size-56":"select__size-56_kum5d","size-64":"select__size-64_kum5d","size-72":"select__size-72_kum5d","selected":"select__selected_kum5d","highlighted":"select__highlighted_kum5d","content":"select__content_kum5d","textContent":"select__textContent_kum5d"};
+var styles = {"option":"select__option_3kh4u","disabled":"select__disabled_3kh4u","size-48":"select__size-48_3kh4u","size-56":"select__size-56_3kh4u","size-64":"select__size-64_3kh4u","size-72":"select__size-72_3kh4u","selected":"select__selected_3kh4u","highlighted":"select__highlighted_3kh4u","content":"select__content_3kh4u","textContent":"select__textContent_3kh4u"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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_toqt1 {
+.select__option_afdbo {
     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_toqt1:not(.select__disabled_toqt1):active {
+.select__option_afdbo:not(.select__disabled_afdbo):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_toqt1:before {
+.select__option_afdbo: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_toqt1:first-child:before {
+.select__option_afdbo:first-child:before {
         display: none;
     }
-.select__size-48_toqt1 {
+.select__size-48_afdbo {
     min-height: var(--size-s-height);
 }
-.select__size-56_toqt1 {
+.select__size-56_afdbo {
     min-height: var(--size-m-height);
 }
-.select__size-64_toqt1 {
+.select__size-64_afdbo {
     min-height: var(--size-l-height);
 }
-.select__size-72_toqt1 {
+.select__size-72_afdbo {
     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_toqt1:before {
+.select__size-72_afdbo:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_toqt1 {
+.select__selected_afdbo {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_toqt1 {
+.select__highlighted_afdbo {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_toqt1:before,
-    .select__highlighted_toqt1 + .select__option_toqt1:before {
+.select__highlighted_afdbo:before,
+    .select__highlighted_afdbo + .select__option_afdbo:before {
         opacity: 0;
     }
-.select__disabled_toqt1 {
+.select__disabled_afdbo {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_toqt1 {
+.select__content_afdbo {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_toqt1 {
+.select__textContent_afdbo {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_toqt1","disabled":"select__disabled_toqt1","size-48":"select__size-48_toqt1","size-56":"select__size-56_toqt1","size-64":"select__size-64_toqt1","size-72":"select__size-72_toqt1","selected":"select__selected_toqt1","highlighted":"select__highlighted_toqt1","content":"select__content_toqt1","textContent":"select__textContent_toqt1"};
+var styles = {"option":"select__option_afdbo","disabled":"select__disabled_afdbo","size-48":"select__size-48_afdbo","size-56":"select__size-56_afdbo","size-64":"select__size-64_afdbo","size-72":"select__size-72_afdbo","selected":"select__selected_afdbo","highlighted":"select__highlighted_afdbo","content":"select__content_afdbo","textContent":"select__textContent_afdbo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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_rgp7b {
+.select__optionsList_1d1bi {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_rgp7b .select__scrollable_rgp7b {
+.select__optionsList_1d1bi .select__scrollable_1d1bi {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_rgp7b .select__scrollable_rgp7b .select__verticalBar_rgp7b.select__verticalBar_rgp7b {
+.select__optionsList_1d1bi .select__scrollable_1d1bi .select__verticalBar_1d1bi.select__verticalBar_1d1bi {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_rgp7b .select__scrollable_rgp7b .select__verticalBar_rgp7b.select__verticalBar_rgp7b.select__verticalBarWithHeader_rgp7b {
+.select__optionsList_1d1bi .select__scrollable_1d1bi .select__verticalBar_1d1bi.select__verticalBar_1d1bi.select__verticalBarWithHeader_1d1bi {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_rgp7b .select__scrollable_rgp7b .select__verticalBar_rgp7b.select__verticalBar_rgp7b.select__verticalBarWithFooter_rgp7b {
+.select__optionsList_1d1bi .select__scrollable_1d1bi .select__verticalBar_1d1bi.select__verticalBar_1d1bi.select__verticalBarWithFooter_1d1bi {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_rgp7b .select__scrollable_rgp7b .select__verticalBar_rgp7b.select__verticalBar_rgp7b.select__verticalBarWithHeader_rgp7b.select__verticalBarWithFooter_rgp7b {
+.select__optionsList_1d1bi .select__scrollable_1d1bi .select__verticalBar_1d1bi.select__verticalBar_1d1bi.select__verticalBarWithHeader_1d1bi.select__verticalBarWithFooter_1d1bi {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_rgp7b {
+.select__optionsListHeader_1d1bi {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_rgp7b.select__headerHighlighted_rgp7b {
+.select__optionsListHeader_1d1bi.select__headerHighlighted_1d1bi {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_rgp7b {
+.select__optionsListFooter_1d1bi {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_rgp7b.select__withBorder_rgp7b {
+.select__optionsListFooter_1d1bi.select__withBorder_1d1bi {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_rgp7b {
+.select__mask_1d1bi {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_rgp7b {
+.select__emptyPlaceholder_1d1bi {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_rgp7b .select__emptyPlaceholder_rgp7b {
+.select__size-72_1d1bi .select__emptyPlaceholder_1d1bi {
     padding: var(--gap-24) var(--gap-16);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"optionsList":"select__optionsList_rgp7b","scrollable":"select__scrollable_rgp7b","verticalBar":"select__verticalBar_rgp7b","verticalBarWithHeader":"select__verticalBarWithHeader_rgp7b","verticalBarWithFooter":"select__verticalBarWithFooter_rgp7b","optionsListHeader":"select__optionsListHeader_rgp7b","headerHighlighted":"select__headerHighlighted_rgp7b","optionsListFooter":"select__optionsListFooter_rgp7b","withBorder":"select__withBorder_rgp7b","mask":"select__mask_rgp7b","emptyPlaceholder":"select__emptyPlaceholder_rgp7b","size-72":"select__size-72_rgp7b"};
+var styles = {"optionsList":"select__optionsList_1d1bi","scrollable":"select__scrollable_1d1bi","verticalBar":"select__verticalBar_1d1bi","verticalBarWithHeader":"select__verticalBarWithHeader_1d1bi","verticalBarWithFooter":"select__verticalBarWithFooter_1d1bi","optionsListHeader":"select__optionsListHeader_1d1bi","headerHighlighted":"select__headerHighlighted_1d1bi","optionsListFooter":"select__optionsListFooter_1d1bi","withBorder":"select__withBorder_1d1bi","mask":"select__mask_1d1bi","emptyPlaceholder":"select__emptyPlaceholder_1d1bi","size-72":"select__size-72_1d1bi"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_yj4b4.select__component_yj4b4 {
+.select__component_1vgbw.select__component_1vgbw {
     width: auto;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_yj4b4"};
+var styles = {"component":"select__component_1vgbw"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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_ynz0b {
+.select__virtualOptionsList_xg3n9 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
 }
-.select__virtualOptionsListHeader_ynz0b {
+.select__virtualOptionsListHeader_xg3n9 {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
 }
-.select__virtualOptionsListFooter_ynz0b {
+.select__virtualOptionsListFooter_xg3n9 {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__virtualOptionsListFooter_ynz0b.select__withBorder_ynz0b {
+.select__virtualOptionsListFooter_xg3n9.select__withBorder_xg3n9 {
         border-top: 1px solid var(--color-light-neutral-300);
     }
-.select__scrollable_ynz0b {
+.select__scrollable_xg3n9 {
     position: relative;
     overflow: auto;
     width: 100%;
 }
-.select__inner_ynz0b {
+.select__inner_xg3n9 {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_ynz0b {
+.select__virtualRow_xg3n9 {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
 }
-.select__virtualRow_ynz0b:before {
+.select__virtualRow_xg3n9: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_ynz0b:first-child:before {
+.select__virtualRow_xg3n9:first-child:before {
         display: none;
     }
-.select__highlighted_ynz0b:before,
-    .select__highlighted_ynz0b + .select__virtualRow_ynz0b:before {
+.select__highlighted_xg3n9:before,
+    .select__highlighted_xg3n9 + .select__virtualRow_xg3n9:before {
         display: none;
     }
-.select__emptyPlaceholder_ynz0b {
+.select__emptyPlaceholder_xg3n9 {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-72_ynz0b .select__emptyPlaceholder_ynz0b {
+.select__size-72_xg3n9 .select__emptyPlaceholder_xg3n9 {
     padding: var(--gap-24) var(--gap-16);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_ynz0b","virtualOptionsListHeader":"select__virtualOptionsListHeader_ynz0b","virtualOptionsListFooter":"select__virtualOptionsListFooter_ynz0b","withBorder":"select__withBorder_ynz0b","scrollable":"select__scrollable_ynz0b","inner":"select__inner_ynz0b","virtualRow":"select__virtualRow_ynz0b","highlighted":"select__highlighted_ynz0b","emptyPlaceholder":"select__emptyPlaceholder_ynz0b","size-72":"select__size-72_ynz0b"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_xg3n9","virtualOptionsListHeader":"select__virtualOptionsListHeader_xg3n9","virtualOptionsListFooter":"select__virtualOptionsListFooter_xg3n9","withBorder":"select__withBorder_xg3n9","scrollable":"select__scrollable_xg3n9","inner":"select__inner_xg3n9","virtualRow":"select__virtualRow_xg3n9","highlighted":"select__highlighted_xg3n9","emptyPlaceholder":"select__emptyPlaceholder_xg3n9","size-72":"select__size-72_xg3n9"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/cssm/components/base-option/index.module.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;
@@ -38,7 +39,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/cssm/components/field/index.module.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);
@@ -43,7 +44,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);
 
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -54,7 +56,8 @@
         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);
     }
 .value {
     overflow: hidden;
@@ -65,7 +68,8 @@
         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);
     }
 .focusVisible {
     outline: 2px solid var(--focus-color);

package/cssm/components/optgroup/index.module.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 {
 
@@ -42,7 +43,7 @@
     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);

package/cssm/components/option/desktop/index.module.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;
@@ -47,7 +48,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/cssm/components/option/mobile/index.module.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;
@@ -47,7 +48,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/esm/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_5wdwp {
+.select__arrow_ko7rv {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_5wdwp.select__disabled_5wdwp {
+.select__arrow_ko7rv.select__disabled_ko7rv {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_5wdwp.select__size-40_5wdwp {
+.select__arrow_ko7rv.select__size-40_ko7rv {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_5wdwp {
+.select__open_ko7rv {
     transform: var(--arrow-transform);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"arrow":"select__arrow_5wdwp","disabled":"select__disabled_5wdwp","size-40":"select__size-40_5wdwp","open":"select__open_5wdwp"};
+var styles = {"arrow":"select__arrow_ko7rv","disabled":"select__disabled_ko7rv","size-40":"select__size-40_ko7rv","open":"select__open_ko7rv"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map