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

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

@@ -15,50 +15,49 @@
 :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
-    --gap-m: 16px;
     --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
 }
 :root {
 
     --select-options-list-border-radius: var(--border-radius-16);
+    --select-options-list-scrollbar-gap: var(--gap-12);
     --select-options-list-box-shadow: var(--shadow-m);
     --select-options-list-offset: var(--gap-4);
     --select-options-list-top-padding: var(--gap-0);
+    --select-options-list-right-padding: var(--gap-0);
     --select-options-list-bottom-padding: var(--gap-0);
+    --select-options-list-left-padding: var(--gap-0);
     --select-option-background: var(--color-light-modal-bg-primary);
+    --select-option-border-radius: var(--border-radius-0);
 }
-.select__component_s2fz9 {
+.select__component_1x32c {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
 }
-.select__popoverInner_s2fz9 {
+.select__popoverInner_1x32c {
     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_s2fz9.select__popoverInner_s2fz9 {
+.select__popoverInner_1x32c.select__popoverInner_1x32c {
     box-shadow: none;
     border: none;
 }
-.select__optionsListWrapper_s2fz9 {
+.select__optionsListWrapper_1x32c {
     position: relative;
-    padding-top: var(--select-options-list-top-padding);
-    padding-bottom: var(--select-options-list-bottom-padding);
     box-shadow: var(--select-options-list-box-shadow);
     border-radius: var(--select-options-list-border-radius);
     background: var(--select-option-background);
     overflow: hidden;
-    will-change: transform;
 }
-.select__optionsListBorder_s2fz9 {
+.select__optionsListBorder_1x32c {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -68,7 +67,7 @@
     border-radius: inherit;
     pointer-events: none;
 }
-.select__nativeSelect_s2fz9 {
+.select__nativeSelect_1x32c {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -82,19 +81,70 @@
     cursor: pointer;
     z-index: 1;
 }
-.select__block_s2fz9 {
+.select__block_1x32c {
     width: 100%;
 }
-.select__emptySearchPlaceholder_s2fz9 {
+.select__emptySearchPlaceholder_1x32c {
     text-align: center;
 }
-.select__search_s2fz9 {
-    margin: var(--gap-12) var(--gap-12) var(--gap-0);
+.select__search_1x32c {
+    margin: calc(var(--gap-12) - var(--select-options-list-top-padding))
+        calc(var(--gap-12) - var(--select-options-list-right-padding)) var(--gap-0)
+        calc(var(--gap-12) - var(--select-options-list-left-padding));
 }
-.select__search_s2fz9.select__size-72_s2fz9 {
-        margin-left: var(--gap-16);
-        margin-right: var(--gap-16);
+.select__search_1x32c:last-child {
+        margin-bottom: calc(var(--gap-12) - var(--select-options-list-bottom-padding));
     }
-.select__search_s2fz9:last-child {
-        margin-bottom: var(--gap-12);
+.select__option_1x32c {
+    border-radius: var(--select-option-border-radius);
+}
+.select__list_1x32c {
+    display: inline-block;
+}
+.select__matchContent_1x32c {
+    .select__scrollbar_1x32c[data-simplebar] {
+        .select__scrollable_1x32c {
+            display: flex;
+        }
+
+        .select__content_1x32c {
+            flex-grow: 1;
+        }
+
+        .select__list_1x32c {
+            display: inline-block;
+            min-width: 100%;
+        }
     }
+
+    *:not(&) .select__list_1x32c {
+        min-width: 100%;
+        max-width: 100%;
+    }
+}
+.select__scrollbar_1x32c {
+    padding-right: var(--select-options-list-right-padding);
+    padding-left: var(--select-options-list-left-padding);
+}
+.select__scrollbar_1x32c:first-child {
+        .select__list_1x32c:before {
+            content: '';
+            display: block;
+            padding-top: var(--select-options-list-top-padding);
+        }
+    }
+.select__scrollbar_1x32c:last-child {
+        .select__list_1x32c:after {
+            content: '';
+            display: block;
+            padding-top: var(--select-options-list-bottom-padding);
+        }
+    }
+.simplebar-track.simplebar-vertical {
+    .select__scrollbar_1x32c:first-child & {
+        top: var(--select-options-list-scrollbar-gap);
+    }
+    .select__scrollbar_1x32c:last-child & {
+        bottom: var(--select-options-list-scrollbar-gap);
+    }
+}

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"select__component_s2fz9","popoverInner":"select__popoverInner_s2fz9","optionsListWrapper":"select__optionsListWrapper_s2fz9","optionsListBorder":"select__optionsListBorder_s2fz9","nativeSelect":"select__nativeSelect_s2fz9","block":"select__block_s2fz9","emptySearchPlaceholder":"select__emptySearchPlaceholder_s2fz9","search":"select__search_s2fz9","size-72":"select__size-72_s2fz9"};
+var styles = {"component":"select__component_1x32c","popoverInner":"select__popoverInner_1x32c","optionsListWrapper":"select__optionsListWrapper_1x32c","optionsListBorder":"select__optionsListBorder_1x32c","nativeSelect":"select__nativeSelect_1x32c","block":"select__block_1x32c","emptySearchPlaceholder":"select__emptySearchPlaceholder_1x32c","search":"select__search_1x32c","option":"select__option_1x32c","list":"select__list_1x32c","matchContent":"select__matchContent_1x32c","scrollbar":"select__scrollbar_1x32c","scrollable":"select__scrollable_1x32c","content":"select__content_1x32c"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.component {\n    width: max-content;\n    position: relative;\n    outline: 0;\n    max-width: 100%;\n}\n\n.popoverInner {\n    padding-top: var(--select-options-list-offset);\n    padding-bottom: var(--select-options-list-offset);\n    background: transparent;\n    border-radius: var(--border-radius-0);\n    position: relative;\n}\n\n.popoverInner.popoverInner {\n    box-shadow: none;\n    border: none;\n}\n\n.optionsListWrapper {\n    position: relative;\n    padding-top: var(--select-options-list-top-padding);\n    padding-bottom: var(--select-options-list-bottom-padding);\n    box-shadow: var(--select-options-list-box-shadow);\n    border-radius: var(--select-options-list-border-radius);\n    background: var(--select-option-background);\n    overflow: hidden;\n    will-change: transform;\n}\n\n.optionsListBorder {\n    position: absolute;\n    top: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n.nativeSelect {\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 100%;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.block {\n    width: 100%;\n}\n\n.emptySearchPlaceholder {\n    text-align: center;\n}\n\n.search {\n    margin: var(--gap-12) var(--gap-12) var(--gap-0);\n\n    &.size-72 {\n        margin-left: var(--gap-16);\n        margin-right: var(--gap-16);\n    }\n\n    &:last-child {\n        margin-bottom: var(--gap-12);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAAC,4BAA4B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.component {\n    width: max-content;\n    position: relative;\n    outline: 0;\n    max-width: 100%;\n}\n\n.popoverInner {\n    padding-top: var(--select-options-list-offset);\n    padding-bottom: var(--select-options-list-offset);\n    background: transparent;\n    border-radius: var(--border-radius-0);\n    position: relative;\n}\n\n.popoverInner.popoverInner {\n    box-shadow: none;\n    border: none;\n}\n\n.optionsListWrapper {\n    position: relative;\n    box-shadow: var(--select-options-list-box-shadow);\n    border-radius: var(--select-options-list-border-radius);\n    background: var(--select-option-background);\n    overflow: hidden;\n}\n\n.optionsListBorder {\n    position: absolute;\n    top: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n.nativeSelect {\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 100%;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.block {\n    width: 100%;\n}\n\n.emptySearchPlaceholder {\n    text-align: center;\n}\n\n.search {\n    margin: calc(var(--gap-12) - var(--select-options-list-top-padding))\n        calc(var(--gap-12) - var(--select-options-list-right-padding)) var(--gap-0)\n        calc(var(--gap-12) - var(--select-options-list-left-padding));\n\n    &:last-child {\n        margin-bottom: calc(var(--gap-12) - var(--select-options-list-bottom-padding));\n    }\n}\n\n.option {\n    border-radius: var(--select-option-border-radius);\n}\n\n.list {\n    display: inline-block;\n}\n\n.matchContent {\n    .scrollbar[data-simplebar] {\n        .scrollable {\n            display: flex;\n        }\n\n        .content {\n            flex-grow: 1;\n        }\n\n        .list {\n            display: inline-block;\n            min-width: 100%;\n        }\n    }\n\n    *:not(&) .list {\n        min-width: 100%;\n        max-width: 100%;\n    }\n}\n\n.scrollbar {\n    padding-right: var(--select-options-list-right-padding);\n    padding-left: var(--select-options-list-left-padding);\n    &:first-child {\n        .list:before {\n            content: '';\n            display: block;\n            padding-top: var(--select-options-list-top-padding);\n        }\n    }\n    &:last-child {\n        .list:after {\n            content: '';\n            display: block;\n            padding-top: var(--select-options-list-bottom-padding);\n        }\n    }\n}\n\n:global(.simplebar-track):global(.simplebar-vertical) {\n    .scrollbar:first-child & {\n        top: var(--select-options-list-scrollbar-gap);\n    }\n    .scrollbar:last-child & {\n        bottom: var(--select-options-list-scrollbar-gap);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAAC,4BAA4B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,MAAM,CAAC,oBAAoB,CAAC,cAAc,CAAC,4BAA4B,CAAC,WAAW,CAAC,yBAAyB,CAAC,YAAY,CAAC,0BAA0B,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

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

@@ -9,40 +9,41 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.select__sheet_gdb0q {
+.select__sheet_1oyap {
     overflow: hidden;
 }
-.select__sheetContent_gdb0q.select__sheetContent_gdb0q {
+.select__sheetContent_1oyap.select__sheetContent_1oyap {
     padding: var(--gap-0);
 }
-.select__sheetContent_gdb0q.select__sheetContent_gdb0q .select__modalContent_gdb0q {
+.select__sheetContent_1oyap.select__sheetContent_1oyap .select__modalContent_1oyap {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
     }
-.select__sheetContainer_gdb0q {
+.select__sheetContainer_1oyap {
     padding: var(--gap-0);
 }
-.select__optionsListWrapper_gdb0q {
+.select__optionsListWrapper_1oyap {
     flex: 1;
 }
-.select__optionsList_gdb0q.select__optionsList_gdb0q {
+.select__optionsList_1oyap.select__optionsList_1oyap {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
-.select__scrollbar_gdb0q {
+.select__scrollbar_1oyap {
     flex: 1;
+    overflow: visible;
 }
-.select__search_gdb0q {
+.select__search_1oyap {
     padding: var(--gap-8);
 }
-.select__option_gdb0q.select__option_gdb0q {
+.select__option_1oyap.select__option_1oyap {
     padding: var(--gap-4) var(--gap-20) var(--gap-4);
 }
-.select__option_gdb0q.select__option_gdb0q:before {
+.select__option_1oyap.select__option_1oyap:before {
         display: none;
     }
-.select__optionGroup_gdb0q.select__optionGroup_gdb0q {
+.select__optionGroup_1oyap.select__optionGroup_1oyap {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var mobileStyles = {"sheet":"select__sheet_gdb0q","sheetContent":"select__sheetContent_gdb0q","modalContent":"select__modalContent_gdb0q","sheetContainer":"select__sheetContainer_gdb0q","optionsListWrapper":"select__optionsListWrapper_gdb0q","optionsList":"select__optionsList_gdb0q","scrollbar":"select__scrollbar_gdb0q","search":"select__search_gdb0q","option":"select__option_gdb0q","optionGroup":"select__optionGroup_gdb0q"};
+var mobileStyles = {"sheet":"select__sheet_1oyap","sheetContent":"select__sheetContent_1oyap","modalContent":"select__modalContent_1oyap","sheetContainer":"select__sheetContainer_1oyap","optionsListWrapper":"select__optionsListWrapper_1oyap","optionsList":"select__optionsList_1oyap","scrollbar":"select__scrollbar_1oyap","search":"select__search_1oyap","option":"select__option_1oyap","optionGroup":"select__optionGroup_1oyap"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/base-select/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.sheet {\n    overflow: hidden;\n}\n\n.sheetContent.sheetContent {\n    padding: var(--gap-0);\n\n    & .modalContent {\n        padding: var(--gap-0);\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.sheetContainer {\n    padding: var(--gap-0);\n}\n\n.optionsListWrapper {\n    flex: 1;\n}\n\n.optionsList.optionsList {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.scrollbar {\n    flex: 1;\n}\n\n.search {\n    padding: var(--gap-8);\n}\n\n.option.option {\n    padding: var(--gap-4) var(--gap-20) var(--gap-4);\n\n    &:before {\n        display: none;\n    }\n}\n\n.optionGroup.optionGroup {\n    padding: var(--gap-16) var(--gap-16) var(--gap-8);\n}\n"],"names":[],"mappings":";;AAEgB,mBAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,aAAa,CAAC,2BAA2B,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/base-select/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.sheet {\n    overflow: hidden;\n}\n\n.sheetContent.sheetContent {\n    padding: var(--gap-0);\n\n    & .modalContent {\n        padding: var(--gap-0);\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.sheetContainer {\n    padding: var(--gap-0);\n}\n\n.optionsListWrapper {\n    flex: 1;\n}\n\n.optionsList.optionsList {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.scrollbar {\n    flex: 1;\n    overflow: visible;\n}\n\n.search {\n    padding: var(--gap-8);\n}\n\n.option.option {\n    padding: var(--gap-4) var(--gap-20) var(--gap-4);\n\n    &:before {\n        display: none;\n    }\n}\n\n.optionGroup.optionGroup {\n    padding: var(--gap-16) var(--gap-16) var(--gap-8);\n}\n"],"names":[],"mappings":";;AAEgB,mBAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,aAAa,CAAC,2BAA2B,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}

package/esm/components/checkmark/index.css

@@ -13,16 +13,16 @@
     --select-checkmark-after-display-single: flex;
     --select-checkmark-unselected-opacity: 0;
 }
-.select__checkmark_1d0k5 {
+.select__checkmark_1scgv {
     flex-shrink: 0;
 }
-.select__checkmark_1d0k5.select__before_1d0k5 {
+.select__checkmark_1scgv.select__before_1scgv {
         display: var(--select-checkmark-before-display);
     }
-.select__checkmark_1d0k5.select__after_1d0k5 {
+.select__checkmark_1scgv.select__after_1scgv {
         display: var(--select-checkmark-after-display);
     }
-.select__single_1d0k5 {
+.select__single_1scgv {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -30,26 +30,26 @@
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size);
 }
-.select__single_1d0k5.select__selected_1d0k5 {
+.select__single_1scgv.select__selected_1scgv {
         opacity: 1;
     }
-.select__multiple_1d0k5.select__before_1d0k5 {
+.select__multiple_1scgv.select__before_1scgv {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     }
-.select__multiple_1d0k5.select__after_1d0k5 {
+.select__multiple_1scgv.select__after_1scgv {
         margin-left: var(--gap-12);
     }
-.select__after_1d0k5.select__after_1d0k5 {
+.select__after_1scgv.select__after_1scgv {
     display: var(--select-checkmark-after-display);
 }
-.select__after_1d0k5.select__after_1d0k5.select__single_1d0k5 {
+.select__after_1scgv.select__after_1scgv.select__single_1scgv {
         display: var(--select-checkmark-after-display-single);
     }
-.select__colorIcon_1d0k5 {
+.select__colorIcon_1scgv {
     color: var(--color-light-status-positive);
 }
-.select__displayIcon_1d0k5 {
+.select__displayIcon_1scgv {
     display: block;
     width: 100%;
     height: 100%;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"checkmark":"select__checkmark_1d0k5","before":"select__before_1d0k5","after":"select__after_1d0k5","single":"select__single_1d0k5","selected":"select__selected_1d0k5","multiple":"select__multiple_1d0k5","colorIcon":"select__colorIcon_1d0k5","displayIcon":"select__displayIcon_1d0k5"};
+var styles = {"checkmark":"select__checkmark_1scgv","before":"select__before_1scgv","after":"select__after_1scgv","single":"select__single_1scgv","selected":"select__selected_1scgv","multiple":"select__multiple_1scgv","colorIcon":"select__colorIcon_1scgv","displayIcon":"select__displayIcon_1scgv"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,7 +6,7 @@
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
 }
-.select__checkmark_yxbfq {
+.select__checkmark_1o53p {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -15,18 +15,18 @@
     height: 24px;
     opacity: 0;
 }
-.select__checkmark_yxbfq.select__selected_yxbfq {
+.select__checkmark_1o53p.select__selected_1o53p {
         opacity: 1;
     }
-.select__checkmark_yxbfq.select__before_yxbfq {
+.select__checkmark_1o53p.select__before_1o53p {
         margin-right: var(--gap-8);
     }
-.select__checkmark_yxbfq.select__after_yxbfq {
+.select__checkmark_1o53p.select__after_1o53p {
         margin-left: var(--gap-8);
     }
-.select__displayIcon_yxbfq {
+.select__displayIcon_1o53p {
     display: var(--select-mobile-checkmark-display-icon);
 }
-.select__displayBadge_yxbfq {
+.select__displayBadge_1o53p {
     display: var(--select-mobile-checkmark-display-badge);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"checkmark":"select__checkmark_yxbfq","selected":"select__selected_yxbfq","before":"select__before_yxbfq","after":"select__after_yxbfq","displayIcon":"select__displayIcon_yxbfq","displayBadge":"select__displayBadge_yxbfq"};
+var styles = {"checkmark":"select__checkmark_1o53p","selected":"select__selected_1o53p","before":"select__before_1o53p","after":"select__after_1o53p","displayIcon":"select__displayIcon_1o53p","displayBadge":"select__displayBadge_1o53p"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

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

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"clearIcon":"select__clearIcon_weo53","clearButton":"select__clearButton_weo53"};
+var styles = {"clearIcon":"select__clearIcon_1gmjh","clearButton":"select__clearButton_1gmjh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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_1436i {
+.select__component_13vng {
     width: 100%;
     outline: none;
 }
-.select__field_1436i:not(.select__disabled_1436i) {
+.select__field_13vng:not(.select__disabled_13vng) {
     cursor: pointer;
 }
-.select__field_1436i:not(.select__disabled_1436i):hover .select__arrow_1436i {
+.select__field_13vng:not(.select__disabled_13vng):hover .select__arrow_13vng {
             opacity: var(--select-arrow-hover-opacity);
         }
-.select__disabled_1436i {
+.select__disabled_13vng {
     cursor: var(--disabled-cursor);
 }
-.select__placeholder_1436i {
+.select__placeholder_13vng {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_1436i 0.2s ease;
+    animation: select__show-placeholder_13vng 0.2s ease;
 }
-.select__placeholder_1436i.select__focused_1436i {
+.select__placeholder_13vng.select__focused_13vng {
         color: var(--input-focus-placeholder-color);
     }
-.select__contentWrapper_1436i {
+.select__contentWrapper_13vng {
     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_1436i.select__size-40_1436i {
+.select__contentWrapper_13vng.select__size-40_13vng {
         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_1436i {
+.select__value_13vng {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.select__value_1436i.select__size-40_1436i {
+.select__value_13vng.select__size-40_13vng {
         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_1436i {
+.select__focusVisible_13vng {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-@keyframes select__show-placeholder_1436i {
+@keyframes select__show-placeholder_13vng {
     from {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"select__component_1436i","field":"select__field_1436i","disabled":"select__disabled_1436i","arrow":"select__arrow_1436i","placeholder":"select__placeholder_1436i","show-placeholder":"select__show-placeholder_1436i","focused":"select__focused_1436i","contentWrapper":"select__contentWrapper_1436i","size-40":"select__size-40_1436i","value":"select__value_1436i","focusVisible":"select__focusVisible_1436i"};
+var styles = {"component":"select__component_13vng","field":"select__field_13vng","disabled":"select__disabled_13vng","arrow":"select__arrow_13vng","placeholder":"select__placeholder_13vng","show-placeholder":"select__show-placeholder_13vng","focused":"select__focused_13vng","contentWrapper":"select__contentWrapper_13vng","size-40":"select__size-40_13vng","value":"select__value_13vng","focusVisible":"select__focusVisible_13vng"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/footer/index.css

@@ -6,20 +6,20 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.select__footer_1p00t {
+.select__footer_h0ez7 {
     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_1p00t .select__button_1p00t:first-of-type {
+.select__footer_h0ez7 .select__button_h0ez7:first-of-type {
         margin-right: var(--gap-16);
     }
-.select__button_1p00t {
+.select__button_h0ez7 {
     width: 50%;
 }
-.select__highlighted_1p00t {
+.select__highlighted_h0ez7 {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"select__footer_1p00t","button":"select__button_1p00t","highlighted":"select__highlighted_1p00t"};
+var styles = {"footer":"select__footer_h0ez7","button":"select__button_h0ez7","highlighted":"select__highlighted_h0ez7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"optgroup":"select__optgroup_9oduw","label":"select__label_9oduw","size-72":"select__size-72_9oduw"};
+var styles = {"optgroup":"select__optgroup_afu48","label":"select__label_afu48","size-72":"select__size-72_afu48"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map