@alfalab/core-components-select 19.1.1 → 19.1.2-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_1qwzo {
+.select__optgroup_7sb0e {
     position: relative;
     display: flex;
     align-items: center;
@@ -33,21 +34,21 @@
     background: var(--select-optgroup-background);
     min-height: 40px;
 }
-.select__optgroup_1qwzo + *[role='option']:before {
+.select__optgroup_7sb0e + *[role='option']:before {
         display: none;
     }
-.select__label_1qwzo {
+.select__label_7sb0e {
     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_1qwzo {
+.select__size-72_7sb0e {
     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_1qwzo","label":"select__label_1qwzo","size-72":"select__size-72_1qwzo"};
+var styles = {"optgroup":"select__optgroup_7sb0e","label":"select__label_7sb0e","size-72":"select__size-72_7sb0e"};
 
 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_1cdzt {
+.select__option_5lfkb {
     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_1cdzt:not(.select__disabled_1cdzt):active {
+.select__option_5lfkb:not(.select__disabled_5lfkb):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1cdzt:before {
+.select__option_5lfkb: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_1cdzt:first-child:before {
+.select__option_5lfkb:first-child:before {
         display: none;
     }
-.select__size-48_1cdzt {
+.select__size-48_5lfkb {
     min-height: var(--size-s-height);
 }
-.select__size-56_1cdzt {
+.select__size-56_5lfkb {
     min-height: var(--size-m-height);
 }
-.select__size-64_1cdzt {
+.select__size-64_5lfkb {
     min-height: var(--size-l-height);
 }
-.select__size-72_1cdzt {
+.select__size-72_5lfkb {
     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_1cdzt:before {
+.select__size-72_5lfkb:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_1cdzt {
+.select__selected_5lfkb {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1cdzt {
+.select__highlighted_5lfkb {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1cdzt:before,
-    .select__highlighted_1cdzt + .select__option_1cdzt:before {
+.select__highlighted_5lfkb:before,
+    .select__highlighted_5lfkb + .select__option_5lfkb:before {
         opacity: 0;
     }
-.select__disabled_1cdzt {
+.select__disabled_5lfkb {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1cdzt {
+.select__content_5lfkb {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_1cdzt {
+.select__textContent_5lfkb {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_1cdzt {
+.select__highlighted_5lfkb {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1cdzt:before,
-    .select__highlighted_1cdzt + .select__option_1cdzt:before {
+.select__highlighted_5lfkb:before,
+    .select__highlighted_5lfkb + .select__option_5lfkb:before {
         opacity: 0;
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_1cdzt","disabled":"select__disabled_1cdzt","size-48":"select__size-48_1cdzt","size-56":"select__size-56_1cdzt","size-64":"select__size-64_1cdzt","size-72":"select__size-72_1cdzt","selected":"select__selected_1cdzt","highlighted":"select__highlighted_1cdzt","content":"select__content_1cdzt","textContent":"select__textContent_1cdzt"};
+var styles = {"option":"select__option_5lfkb","disabled":"select__disabled_5lfkb","size-48":"select__size-48_5lfkb","size-56":"select__size-56_5lfkb","size-64":"select__size-64_5lfkb","size-72":"select__size-72_5lfkb","selected":"select__selected_5lfkb","highlighted":"select__highlighted_5lfkb","content":"select__content_5lfkb","textContent":"select__textContent_5lfkb"};
 
 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_1l84h {
+.select__option_ddi9i {
     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_1l84h:not(.select__disabled_1l84h):active {
+.select__option_ddi9i:not(.select__disabled_ddi9i):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1l84h:before {
+.select__option_ddi9i: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_1l84h:first-child:before {
+.select__option_ddi9i:first-child:before {
         display: none;
     }
-.select__size-48_1l84h {
+.select__size-48_ddi9i {
     min-height: var(--size-s-height);
 }
-.select__size-56_1l84h {
+.select__size-56_ddi9i {
     min-height: var(--size-m-height);
 }
-.select__size-64_1l84h {
+.select__size-64_ddi9i {
     min-height: var(--size-l-height);
 }
-.select__size-72_1l84h {
+.select__size-72_ddi9i {
     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_1l84h:before {
+.select__size-72_ddi9i:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_1l84h {
+.select__selected_ddi9i {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1l84h {
+.select__highlighted_ddi9i {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1l84h:before,
-    .select__highlighted_1l84h + .select__option_1l84h:before {
+.select__highlighted_ddi9i:before,
+    .select__highlighted_ddi9i + .select__option_ddi9i:before {
         opacity: 0;
     }
-.select__disabled_1l84h {
+.select__disabled_ddi9i {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1l84h {
+.select__content_ddi9i {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_1l84h {
+.select__textContent_ddi9i {
     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_1l84h","disabled":"select__disabled_1l84h","size-48":"select__size-48_1l84h","size-56":"select__size-56_1l84h","size-64":"select__size-64_1l84h","size-72":"select__size-72_1l84h","selected":"select__selected_1l84h","highlighted":"select__highlighted_1l84h","content":"select__content_1l84h","textContent":"select__textContent_1l84h"};
+var styles = {"option":"select__option_ddi9i","disabled":"select__disabled_ddi9i","size-48":"select__size-48_ddi9i","size-56":"select__size-56_ddi9i","size-64":"select__size-64_ddi9i","size-72":"select__size-72_ddi9i","selected":"select__selected_ddi9i","highlighted":"select__highlighted_ddi9i","content":"select__content_ddi9i","textContent":"select__textContent_ddi9i"};
 
 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_1j02v {
+.select__optionsList_1k8zo {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_1j02v .select__scrollable_1j02v {
+.select__optionsList_1k8zo .select__scrollable_1k8zo {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_1j02v .select__scrollable_1j02v .select__verticalBar_1j02v.select__verticalBar_1j02v {
+.select__optionsList_1k8zo .select__scrollable_1k8zo .select__verticalBar_1k8zo.select__verticalBar_1k8zo {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_1j02v .select__scrollable_1j02v .select__verticalBar_1j02v.select__verticalBar_1j02v.select__verticalBarWithHeader_1j02v {
+.select__optionsList_1k8zo .select__scrollable_1k8zo .select__verticalBar_1k8zo.select__verticalBar_1k8zo.select__verticalBarWithHeader_1k8zo {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_1j02v .select__scrollable_1j02v .select__verticalBar_1j02v.select__verticalBar_1j02v.select__verticalBarWithFooter_1j02v {
+.select__optionsList_1k8zo .select__scrollable_1k8zo .select__verticalBar_1k8zo.select__verticalBar_1k8zo.select__verticalBarWithFooter_1k8zo {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_1j02v .select__scrollable_1j02v .select__verticalBar_1j02v.select__verticalBar_1j02v.select__verticalBarWithHeader_1j02v.select__verticalBarWithFooter_1j02v {
+.select__optionsList_1k8zo .select__scrollable_1k8zo .select__verticalBar_1k8zo.select__verticalBar_1k8zo.select__verticalBarWithHeader_1k8zo.select__verticalBarWithFooter_1k8zo {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_1j02v {
+.select__optionsListHeader_1k8zo {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_1j02v.select__headerHighlighted_1j02v {
+.select__optionsListHeader_1k8zo.select__headerHighlighted_1k8zo {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_1j02v {
+.select__optionsListFooter_1k8zo {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_1j02v.select__withBorder_1j02v {
+.select__optionsListFooter_1k8zo.select__withBorder_1k8zo {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_1j02v {
+.select__mask_1k8zo {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_1j02v {
+.select__emptyPlaceholder_1k8zo {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_1j02v .select__emptyPlaceholder_1j02v {
+.select__size-72_1k8zo .select__emptyPlaceholder_1k8zo {
     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_1j02v","scrollable":"select__scrollable_1j02v","verticalBar":"select__verticalBar_1j02v","verticalBarWithHeader":"select__verticalBarWithHeader_1j02v","verticalBarWithFooter":"select__verticalBarWithFooter_1j02v","optionsListHeader":"select__optionsListHeader_1j02v","headerHighlighted":"select__headerHighlighted_1j02v","optionsListFooter":"select__optionsListFooter_1j02v","withBorder":"select__withBorder_1j02v","mask":"select__mask_1j02v","emptyPlaceholder":"select__emptyPlaceholder_1j02v","size-72":"select__size-72_1j02v"};
+var styles = {"optionsList":"select__optionsList_1k8zo","scrollable":"select__scrollable_1k8zo","verticalBar":"select__verticalBar_1k8zo","verticalBarWithHeader":"select__verticalBarWithHeader_1k8zo","verticalBarWithFooter":"select__verticalBarWithFooter_1k8zo","optionsListHeader":"select__optionsListHeader_1k8zo","headerHighlighted":"select__headerHighlighted_1k8zo","optionsListFooter":"select__optionsListFooter_1k8zo","withBorder":"select__withBorder_1k8zo","mask":"select__mask_1k8zo","emptyPlaceholder":"select__emptyPlaceholder_1k8zo","size-72":"select__size-72_1k8zo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_1q2hz.select__component_1q2hz {
+.select__component_11vr6.select__component_11vr6 {
     width: auto;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_1q2hz"};
+var styles = {"component":"select__component_11vr6"};
 
 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_74lc3 {
+.select__virtualOptionsList_1wfgg {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
 }
-.select__virtualOptionsListHeader_74lc3 {
+.select__virtualOptionsListHeader_1wfgg {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
 }
-.select__virtualOptionsListFooter_74lc3 {
+.select__virtualOptionsListFooter_1wfgg {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__virtualOptionsListFooter_74lc3.select__withBorder_74lc3 {
+.select__virtualOptionsListFooter_1wfgg.select__withBorder_1wfgg {
         border-top: 1px solid var(--color-light-neutral-300);
     }
-.select__scrollable_74lc3 {
+.select__scrollable_1wfgg {
     position: relative;
     overflow: auto;
     width: 100%;
 }
-.select__inner_74lc3 {
+.select__inner_1wfgg {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_74lc3 {
+.select__virtualRow_1wfgg {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
 }
-.select__virtualRow_74lc3:before {
+.select__virtualRow_1wfgg: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_74lc3:first-child:before {
+.select__virtualRow_1wfgg:first-child:before {
         display: none;
     }
-.select__highlighted_74lc3:before,
-    .select__highlighted_74lc3 + .select__virtualRow_74lc3:before {
+.select__highlighted_1wfgg:before,
+    .select__highlighted_1wfgg + .select__virtualRow_1wfgg:before {
         display: none;
     }
-.select__emptyPlaceholder_74lc3 {
+.select__emptyPlaceholder_1wfgg {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-72_74lc3 .select__emptyPlaceholder_74lc3 {
+.select__size-72_1wfgg .select__emptyPlaceholder_1wfgg {
     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_74lc3","virtualOptionsListHeader":"select__virtualOptionsListHeader_74lc3","virtualOptionsListFooter":"select__virtualOptionsListFooter_74lc3","withBorder":"select__withBorder_74lc3","scrollable":"select__scrollable_74lc3","inner":"select__inner_74lc3","virtualRow":"select__virtualRow_74lc3","highlighted":"select__highlighted_74lc3","emptyPlaceholder":"select__emptyPlaceholder_74lc3","size-72":"select__size-72_74lc3"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_1wfgg","virtualOptionsListHeader":"select__virtualOptionsListHeader_1wfgg","virtualOptionsListFooter":"select__virtualOptionsListFooter_1wfgg","withBorder":"select__withBorder_1wfgg","scrollable":"select__scrollable_1wfgg","inner":"select__inner_1wfgg","virtualRow":"select__virtualRow_1wfgg","highlighted":"select__highlighted_1wfgg","emptyPlaceholder":"select__emptyPlaceholder_1wfgg","size-72":"select__size-72_1wfgg"};
 
 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_xfrkx {
+.select__arrow_1u7u1 {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_xfrkx.select__disabled_xfrkx {
+.select__arrow_1u7u1.select__disabled_1u7u1 {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_xfrkx.select__size-40_xfrkx {
+.select__arrow_1u7u1.select__size-40_1u7u1 {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_xfrkx {
+.select__open_1u7u1 {
     transform: var(--arrow-transform);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"arrow":"select__arrow_xfrkx","disabled":"select__disabled_xfrkx","size-40":"select__size-40_xfrkx","open":"select__open_xfrkx"};
+var styles = {"arrow":"select__arrow_1u7u1","disabled":"select__disabled_1u7u1","size-40":"select__size-40_1u7u1","open":"select__open_1u7u1"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map