@alfalab/core-components-select 18.2.0 → 18.2.1

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

@@ -26,7 +26,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_crpi {
+} .select__option_1rbbu {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,41 +40,41 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height);
-} .select__option_crpi:not(.select__disabled_crpi):active {
+} .select__option_1rbbu:not(.select__disabled_1rbbu):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_crpi.select__checkmarkBefore_crpi {
+    } .select__option_1rbbu.select__checkmarkBefore_1rbbu {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
-    } .select__option_crpi.select__checkmarkBefore_crpi.select__mobile_crpi {
+    } .select__option_1rbbu.select__checkmarkBefore_1rbbu.select__mobile_1rbbu {
             padding-left: var(--gap-16);
-        } .select__option_crpi.select__checkmarkAfter_crpi.select__checkmarkAfter_crpi {
+        } .select__option_1rbbu.select__checkmarkAfter_1rbbu.select__checkmarkAfter_1rbbu {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
-    } .select__option_crpi.select__checkmarkAfter_crpi.select__checkmarkAfter_crpi.select__size-72_crpi {
+    } .select__option_1rbbu.select__checkmarkAfter_1rbbu.select__checkmarkAfter_1rbbu.select__size-72_1rbbu {
             padding-right: var(--gap-16);
-        } .select__option_crpi.select__checkmarkAfter_crpi.select__checkmarkAfter_crpi.select__mobile_crpi {
+        } .select__option_1rbbu.select__checkmarkAfter_1rbbu.select__checkmarkAfter_1rbbu.select__mobile_1rbbu {
             padding-right: var(--gap-20);
-        } .select__option_crpi.select__textContent_crpi {
+        } .select__option_1rbbu.select__textContent_1rbbu {
         padding: var(--gap-12);
-    } .select__option_crpi.select__textContent_crpi.select__size-72_crpi {
+    } .select__option_1rbbu.select__textContent_1rbbu.select__size-72_1rbbu {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_crpi.select__textContent_crpi.select__mobile_crpi {
+        } .select__option_1rbbu.select__textContent_1rbbu.select__mobile_1rbbu {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_crpi {
+        } .select__selected_1rbbu {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_crpi {
+} .select__highlighted_1rbbu {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_crpi {
+} .select__disabled_1rbbu {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_crpi {
+} .select__checkmarkBeforeContent_1rbbu {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_crpi {
+} .select__checkmarkAfterContent_1rbbu {
     margin-left: var(--gap-12);
-} .select__content_crpi {
+} .select__content_1rbbu {
     flex: 1;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_crpi","disabled":"select__disabled_crpi","checkmarkBefore":"select__checkmarkBefore_crpi","mobile":"select__mobile_crpi","checkmarkAfter":"select__checkmarkAfter_crpi","size-72":"select__size-72_crpi","textContent":"select__textContent_crpi","selected":"select__selected_crpi","highlighted":"select__highlighted_crpi","checkmarkBeforeContent":"select__checkmarkBeforeContent_crpi","checkmarkAfterContent":"select__checkmarkAfterContent_crpi","content":"select__content_crpi"};
+const styles = {"option":"select__option_1rbbu","disabled":"select__disabled_1rbbu","checkmarkBefore":"select__checkmarkBefore_1rbbu","mobile":"select__mobile_1rbbu","checkmarkAfter":"select__checkmarkAfter_1rbbu","size-72":"select__size-72_1rbbu","textContent":"select__textContent_1rbbu","selected":"select__selected_1rbbu","highlighted":"select__highlighted_1rbbu","checkmarkBeforeContent":"select__checkmarkBeforeContent_1rbbu","checkmarkAfterContent":"select__checkmarkAfterContent_1rbbu","content":"select__content_1rbbu"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,QAAQ,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,6BAA6B,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,0BAA0B,CAAC,UAAU,CAAC,uBAAuB,CAAC,aAAa,CAAC,0BAA0B,CAAC,wBAAwB,CAAC,qCAAqC,CAAC,uBAAuB,CAAC,oCAAoC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

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

@@ -25,22 +25,22 @@
     --select-options-list-top-padding: var(--gap-0);
     --select-options-list-bottom-padding: var(--gap-0);
     --select-option-background: var(--color-light-modal-bg-primary);
-} .select__component_192fy {
+} .select__component_1sewb {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_192fy {
+} .select__popoverInner_1sewb {
     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_192fy.select__popoverInner_192fy {
+} .select__popoverInner_1sewb.select__popoverInner_1sewb {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_192fy {
+} .select__optionsListWrapper_1sewb {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -49,7 +49,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_192fy {
+} .select__optionsListBorder_1sewb {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -58,7 +58,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_192fy {
+} .select__nativeSelect_1sewb {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -71,15 +71,15 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_192fy {
+} .select__block_1sewb {
     width: 100%;
-} .select__emptySearchPlaceholder_192fy {
+} .select__emptySearchPlaceholder_1sewb {
     text-align: center;
-} .select__search_192fy {
+} .select__search_1sewb {
     margin: var(--gap-12) var(--gap-12) var(--gap-0);
-} .select__search_192fy.select__size-72_192fy {
+} .select__search_1sewb.select__size-72_1sewb {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
-    } .select__search_192fy:last-child {
+    } .select__search_1sewb:last-child {
         margin-bottom: var(--gap-12);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_192fy","popoverInner":"select__popoverInner_192fy","optionsListWrapper":"select__optionsListWrapper_192fy","optionsListBorder":"select__optionsListBorder_192fy","nativeSelect":"select__nativeSelect_192fy","block":"select__block_192fy","emptySearchPlaceholder":"select__emptySearchPlaceholder_192fy","search":"select__search_192fy","size-72":"select__size-72_192fy"};
+const styles = {"component":"select__component_1sewb","popoverInner":"select__popoverInner_1sewb","optionsListWrapper":"select__optionsListWrapper_1sewb","optionsListBorder":"select__optionsListBorder_1sewb","nativeSelect":"select__nativeSelect_1sewb","block":"select__block_1sewb","emptySearchPlaceholder":"select__emptySearchPlaceholder_1sewb","search":"select__search_1sewb","size-72":"select__size-72_1sewb"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -8,30 +8,30 @@
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
-} .select__sheet_1jk68 {
+} .select__sheet_1rab8 {
     overflow: hidden;
-} .select__sheetContent_1jk68.select__sheetContent_1jk68 {
+} .select__sheetContent_1rab8.select__sheetContent_1rab8 {
     padding: var(--gap-0);
-} .select__sheetContent_1jk68.select__sheetContent_1jk68 .select__modalContent_1jk68 {
+} .select__sheetContent_1rab8.select__sheetContent_1rab8 .select__modalContent_1rab8 {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_1jk68 {
+    } .select__sheetContainer_1rab8 {
     padding: var(--gap-0);
-} .select__optionsListWrapper_1jk68 {
+} .select__optionsListWrapper_1rab8 {
     flex: 1;
-} .select__optionsList_1jk68.select__optionsList_1jk68 {
+} .select__optionsList_1rab8.select__optionsList_1rab8 {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_1jk68 {
+} .select__scrollbar_1rab8 {
     flex: 1;
-} .select__search_1jk68 {
+} .select__search_1rab8 {
     padding: var(--gap-8);
-} .select__option_1jk68.select__option_1jk68 {
+} .select__option_1rab8.select__option_1rab8 {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);
-} .select__option_1jk68.select__option_1jk68:before {
+} .select__option_1rab8.select__option_1rab8:before {
         display: none;
-    } .select__optionGroup_1jk68.select__optionGroup_1jk68 {
+    } .select__optionGroup_1rab8.select__optionGroup_1rab8 {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"sheet":"select__sheet_1jk68","sheetContent":"select__sheetContent_1jk68","modalContent":"select__modalContent_1jk68","sheetContainer":"select__sheetContainer_1jk68","optionsListWrapper":"select__optionsListWrapper_1jk68","optionsList":"select__optionsList_1jk68","scrollbar":"select__scrollbar_1jk68","search":"select__search_1jk68","option":"select__option_1jk68","optionGroup":"select__optionGroup_1jk68"};
+const mobileStyles = {"sheet":"select__sheet_1rab8","sheetContent":"select__sheetContent_1rab8","modalContent":"select__modalContent_1rab8","sheetContainer":"select__sheetContainer_1rab8","optionsListWrapper":"select__optionsListWrapper_1rab8","optionsList":"select__optionsList_1rab8","scrollbar":"select__scrollbar_1rab8","search":"select__search_1rab8","option":"select__option_1rab8","optionGroup":"select__optionGroup_1rab8"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/components/checkmark/index.css

@@ -21,12 +21,12 @@
     --select-checkmark-unselected-opacity: 0;
     --select-checkmark-background: var(--color-light-neutral-translucent-1300);
     --select-checkmark-border-radius: var(--border-radius-circle);
-} .select__checkmark_4ysev {
+} .select__checkmark_1w9rh {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin);
-} .select__checkmark_4ysev.select__after_4ysev {
+} .select__checkmark_1w9rh.select__after_1w9rh {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_4ysev {
+    } .select__single_1w9rh {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -36,17 +36,17 @@
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size);
-} .select__single_4ysev.select__selected_4ysev {
+} .select__single_1w9rh.select__selected_1w9rh {
         opacity: 1;
-    } .select__before_4ysev {
+    } .select__before_1w9rh {
     display: var(--select-checkmark-before-display);
-} .select__before_4ysev.select__multiple_4ysev {
+} .select__before_1w9rh.select__multiple_1w9rh {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_4ysev.select__after_4ysev {
+    } .select__after_1w9rh.select__after_1w9rh {
     display: var(--select-checkmark-after-display);
-} .select__after_4ysev.select__after_4ysev.select__single_4ysev {
+} .select__after_1w9rh.select__after_1w9rh.select__single_1w9rh {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_4ysev {
+    } .select__colorIcon_1w9rh {
     color: var(--color-light-status-positive);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_4ysev","after":"select__after_4ysev","single":"select__single_4ysev","selected":"select__selected_4ysev","before":"select__before_4ysev","multiple":"select__multiple_4ysev","colorIcon":"select__colorIcon_4ysev"};
+const styles = {"checkmark":"select__checkmark_1w9rh","after":"select__after_1w9rh","single":"select__single_1w9rh","selected":"select__selected_1w9rh","before":"select__before_1w9rh","multiple":"select__multiple_1w9rh","colorIcon":"select__colorIcon_1w9rh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,7 +1,7 @@
 :root {
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
-} .select__checkmark_1cq0z {
+} .select__checkmark_fisa1 {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -9,12 +9,12 @@
     width: 24px;
     height: 24px;
     opacity: 0;
-} .select__checkmark_1cq0z:first-child {
+} .select__checkmark_fisa1:first-child {
         display: none;
-    } .select__checkmark_1cq0z.select__selected_1cq0z {
+    } .select__checkmark_fisa1.select__selected_fisa1 {
         opacity: 1;
-    } .select__displayIcon_1cq0z {
+    } .select__displayIcon_fisa1 {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_1cq0z {
+} .select__displayBadge_fisa1 {
     display: var(--select-mobile-checkmark-display-badge);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"checkmark":"select__checkmark_1cq0z","selected":"select__selected_1cq0z","displayIcon":"select__displayIcon_1cq0z"};
+const styles = {"checkmark":"select__checkmark_fisa1","selected":"select__selected_fisa1","displayIcon":"select__displayIcon_fisa1"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -4,13 +4,13 @@
     --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
 } :root {
     --input-error-icon-display: none;
-} .select__clearIcon_1pcwt {
+} .select__clearIcon_ak2sr {
     display: block;
     color: var(--color-light-neutral-translucent-500);
-} .select__clearIcon_1pcwt:hover {
+} .select__clearIcon_ak2sr:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .select__clearIcon_1pcwt:active {
+    } .select__clearIcon_ak2sr:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } .select__clearButton_1pcwt + [data-addon='error-icon'] {
+    } .select__clearButton_ak2sr + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"clearIcon":"select__clearIcon_1pcwt","clearButton":"select__clearButton_1pcwt"};
+const styles = {"clearIcon":"select__clearIcon_ak2sr","clearButton":"select__clearButton_ak2sr"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/field/index.css

@@ -10,22 +10,22 @@
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
 } :root {
     --select-arrow-hover-opacity: 0.7;
-} .select__component_vggdf {
+} .select__component_1foqf {
     width: 100%;
     outline: none;
-} .select__field_vggdf:not(.select__disabled_vggdf) {
+} .select__field_1foqf:not(.select__disabled_1foqf) {
     cursor: pointer;
-} .select__field_vggdf:not(.select__disabled_vggdf):hover .select__arrow_vggdf {
+} .select__field_1foqf:not(.select__disabled_1foqf):hover .select__arrow_1foqf {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_vggdf {
+        } .select__disabled_1foqf {
     cursor: var(--disabled-cursor);
-} .select__placeholder_vggdf {
+} .select__placeholder_1foqf {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_vggdf 0.2s ease;
-} .select__placeholder_vggdf.select__focused_vggdf {
+    animation: select__show-placeholder_1foqf 0.2s ease;
+} .select__placeholder_1foqf.select__focused_1foqf {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_vggdf {
+    } .select__contentWrapper_1foqf {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -34,22 +34,22 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .select__contentWrapper_vggdf.select__size-40_vggdf {
+} .select__contentWrapper_1foqf.select__size-40_1foqf {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__value_vggdf {
+    } .select__value_1foqf {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .select__value_vggdf.select__size-40_vggdf {
+} .select__value_1foqf.select__size-40_1foqf {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__focusVisible_vggdf {
+    } .select__focusVisible_1foqf {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_vggdf {
+} @keyframes select__show-placeholder_1foqf {
     from {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_vggdf","field":"select__field_vggdf","disabled":"select__disabled_vggdf","arrow":"select__arrow_vggdf","placeholder":"select__placeholder_vggdf","show-placeholder":"select__show-placeholder_vggdf","focused":"select__focused_vggdf","contentWrapper":"select__contentWrapper_vggdf","size-40":"select__size-40_vggdf","value":"select__value_vggdf","focusVisible":"select__focusVisible_vggdf"};
+const styles = {"component":"select__component_1foqf","field":"select__field_1foqf","disabled":"select__disabled_1foqf","arrow":"select__arrow_1foqf","placeholder":"select__placeholder_1foqf","show-placeholder":"select__show-placeholder_1foqf","focused":"select__focused_1foqf","contentWrapper":"select__contentWrapper_1foqf","size-40":"select__size-40_1foqf","value":"select__value_1foqf","focusVisible":"select__focusVisible_1foqf"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/footer/index.css

@@ -4,17 +4,17 @@
 } :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .select__footer_1qkct {
+} .select__footer_177wg {
     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_1qkct .select__button_1qkct:first-of-type {
+} .select__footer_177wg .select__button_177wg:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_1qkct {
+    } .select__button_177wg {
     width: 50%;
-} .select__highlighted_1qkct {
+} .select__highlighted_177wg {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"select__footer_1qkct","button":"select__button_1qkct","highlighted":"select__highlighted_1qkct"};
+const styles = {"footer":"select__footer_177wg","button":"select__button_177wg","highlighted":"select__highlighted_177wg"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/optgroup/index.css

@@ -16,7 +16,7 @@
     --select-optgroup-right-padding: var(--gap-12);
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
-} .select__optgroup_s0yn2 {
+} .select__optgroup_1bdez {
     position: relative;
     display: flex;
     align-items: center;
@@ -25,9 +25,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px;
-} .select__optgroup_s0yn2 + *[role='option']:before {
+} .select__optgroup_1bdez + *[role='option']:before {
         display: none;
-    } .select__label_s0yn2 {
+    } .select__label_1bdez {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -36,7 +36,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-72_s0yn2 {
+} .select__size-72_1bdez {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"optgroup":"select__optgroup_s0yn2","label":"select__label_s0yn2","size-72":"select__size-72_s0yn2"};
+const styles = {"optgroup":"select__optgroup_1bdez","label":"select__label_1bdez","size-72":"select__size-72_1bdez"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -35,7 +35,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_fiaxf {
+} .select__option_1hc6a {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,10 +50,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer;
-} .select__option_fiaxf:not(.select__disabled_fiaxf):active {
+} .select__option_1hc6a:not(.select__disabled_1hc6a):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_fiaxf:before {
+    } .select__option_1hc6a:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -63,46 +63,46 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_fiaxf:first-child:before {
+    } .select__option_1hc6a:first-child:before {
         display: none;
-    } .select__size-48_fiaxf {
+    } .select__size-48_1hc6a {
     min-height: var(--size-s-height);
-} .select__size-56_fiaxf {
+} .select__size-56_1hc6a {
     min-height: var(--size-m-height);
-} .select__size-64_fiaxf {
+} .select__size-64_1hc6a {
     min-height: var(--size-l-height);
-} .select__size-72_fiaxf {
+} .select__size-72_1hc6a {
     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_fiaxf:before {
+} .select__size-72_1hc6a:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_fiaxf {
+    } .select__selected_1hc6a {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_fiaxf {
+} .select__highlighted_1hc6a {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_fiaxf:before,
-    .select__highlighted_fiaxf + .select__option_fiaxf:before {
+} .select__highlighted_1hc6a:before,
+    .select__highlighted_1hc6a + .select__option_1hc6a:before {
         opacity: 0;
-    } .select__disabled_fiaxf {
+    } .select__disabled_1hc6a {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_fiaxf {
+} .select__content_1hc6a {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_fiaxf {
+} .select__textContent_1hc6a {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
-} .select__highlighted_fiaxf {
+} .select__highlighted_1hc6a {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_fiaxf:before,
-    .select__highlighted_fiaxf + .select__option_fiaxf:before {
+} .select__highlighted_1hc6a:before,
+    .select__highlighted_1hc6a + .select__option_1hc6a:before {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_fiaxf","disabled":"select__disabled_fiaxf","size-48":"select__size-48_fiaxf","size-56":"select__size-56_fiaxf","size-64":"select__size-64_fiaxf","size-72":"select__size-72_fiaxf","selected":"select__selected_fiaxf","highlighted":"select__highlighted_fiaxf","content":"select__content_fiaxf","textContent":"select__textContent_fiaxf"};
+const styles = {"option":"select__option_1hc6a","disabled":"select__disabled_1hc6a","size-48":"select__size-48_1hc6a","size-56":"select__size-56_1hc6a","size-64":"select__size-64_1hc6a","size-72":"select__size-72_1hc6a","selected":"select__selected_1hc6a","highlighted":"select__highlighted_1hc6a","content":"select__content_1hc6a","textContent":"select__textContent_1hc6a"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map