@alfalab/core-components-select 18.2.3 → 18.2.4

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_15lml {
+} .select__option_15v5q {
     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_15lml:not(.select__disabled_15lml):active {
+} .select__option_15v5q:not(.select__disabled_15v5q):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_15lml.select__checkmarkBefore_15lml {
+    } .select__option_15v5q.select__checkmarkBefore_15v5q {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
-    } .select__option_15lml.select__checkmarkBefore_15lml.select__mobile_15lml {
+    } .select__option_15v5q.select__checkmarkBefore_15v5q.select__mobile_15v5q {
             padding-left: var(--gap-16);
-        } .select__option_15lml.select__checkmarkAfter_15lml.select__checkmarkAfter_15lml {
+        } .select__option_15v5q.select__checkmarkAfter_15v5q.select__checkmarkAfter_15v5q {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
-    } .select__option_15lml.select__checkmarkAfter_15lml.select__checkmarkAfter_15lml.select__size-72_15lml {
+    } .select__option_15v5q.select__checkmarkAfter_15v5q.select__checkmarkAfter_15v5q.select__size-72_15v5q {
             padding-right: var(--gap-16);
-        } .select__option_15lml.select__checkmarkAfter_15lml.select__checkmarkAfter_15lml.select__mobile_15lml {
+        } .select__option_15v5q.select__checkmarkAfter_15v5q.select__checkmarkAfter_15v5q.select__mobile_15v5q {
             padding-right: var(--gap-20);
-        } .select__option_15lml.select__textContent_15lml {
+        } .select__option_15v5q.select__textContent_15v5q {
         padding: var(--gap-12);
-    } .select__option_15lml.select__textContent_15lml.select__size-72_15lml {
+    } .select__option_15v5q.select__textContent_15v5q.select__size-72_15v5q {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_15lml.select__textContent_15lml.select__mobile_15lml {
+        } .select__option_15v5q.select__textContent_15v5q.select__mobile_15v5q {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_15lml {
+        } .select__selected_15v5q {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_15lml {
+} .select__highlighted_15v5q {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_15lml {
+} .select__disabled_15v5q {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_15lml {
+} .select__checkmarkBeforeContent_15v5q {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_15lml {
+} .select__checkmarkAfterContent_15v5q {
     margin-left: var(--gap-12);
-} .select__content_15lml {
+} .select__content_15v5q {
     flex: 1;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_15lml","disabled":"select__disabled_15lml","checkmarkBefore":"select__checkmarkBefore_15lml","mobile":"select__mobile_15lml","checkmarkAfter":"select__checkmarkAfter_15lml","size-72":"select__size-72_15lml","textContent":"select__textContent_15lml","selected":"select__selected_15lml","highlighted":"select__highlighted_15lml","checkmarkBeforeContent":"select__checkmarkBeforeContent_15lml","checkmarkAfterContent":"select__checkmarkAfterContent_15lml","content":"select__content_15lml"};
+const styles = {"option":"select__option_15v5q","disabled":"select__disabled_15v5q","checkmarkBefore":"select__checkmarkBefore_15v5q","mobile":"select__mobile_15v5q","checkmarkAfter":"select__checkmarkAfter_15v5q","size-72":"select__size-72_15v5q","textContent":"select__textContent_15v5q","selected":"select__selected_15v5q","highlighted":"select__highlighted_15v5q","checkmarkBeforeContent":"select__checkmarkBeforeContent_15v5q","checkmarkAfterContent":"select__checkmarkAfterContent_15v5q","content":"select__content_15v5q"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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_f2q3a {
+} .select__component_fw4vd {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_f2q3a {
+} .select__popoverInner_fw4vd {
     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_f2q3a.select__popoverInner_f2q3a {
+} .select__popoverInner_fw4vd.select__popoverInner_fw4vd {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_f2q3a {
+} .select__optionsListWrapper_fw4vd {
     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_f2q3a {
+} .select__optionsListBorder_fw4vd {
     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_f2q3a {
+} .select__nativeSelect_fw4vd {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -71,15 +71,15 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_f2q3a {
+} .select__block_fw4vd {
     width: 100%;
-} .select__emptySearchPlaceholder_f2q3a {
+} .select__emptySearchPlaceholder_fw4vd {
     text-align: center;
-} .select__search_f2q3a {
+} .select__search_fw4vd {
     margin: var(--gap-12) var(--gap-12) var(--gap-0);
-} .select__search_f2q3a.select__size-72_f2q3a {
+} .select__search_fw4vd.select__size-72_fw4vd {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
-    } .select__search_f2q3a:last-child {
+    } .select__search_fw4vd: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_f2q3a","popoverInner":"select__popoverInner_f2q3a","optionsListWrapper":"select__optionsListWrapper_f2q3a","optionsListBorder":"select__optionsListBorder_f2q3a","nativeSelect":"select__nativeSelect_f2q3a","block":"select__block_f2q3a","emptySearchPlaceholder":"select__emptySearchPlaceholder_f2q3a","search":"select__search_f2q3a","size-72":"select__size-72_f2q3a"};
+const styles = {"component":"select__component_fw4vd","popoverInner":"select__popoverInner_fw4vd","optionsListWrapper":"select__optionsListWrapper_fw4vd","optionsListBorder":"select__optionsListBorder_fw4vd","nativeSelect":"select__nativeSelect_fw4vd","block":"select__block_fw4vd","emptySearchPlaceholder":"select__emptySearchPlaceholder_fw4vd","search":"select__search_fw4vd","size-72":"select__size-72_fw4vd"};
 
 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_1j20i {
+} .select__sheet_dpda2 {
     overflow: hidden;
-} .select__sheetContent_1j20i.select__sheetContent_1j20i {
+} .select__sheetContent_dpda2.select__sheetContent_dpda2 {
     padding: var(--gap-0);
-} .select__sheetContent_1j20i.select__sheetContent_1j20i .select__modalContent_1j20i {
+} .select__sheetContent_dpda2.select__sheetContent_dpda2 .select__modalContent_dpda2 {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_1j20i {
+    } .select__sheetContainer_dpda2 {
     padding: var(--gap-0);
-} .select__optionsListWrapper_1j20i {
+} .select__optionsListWrapper_dpda2 {
     flex: 1;
-} .select__optionsList_1j20i.select__optionsList_1j20i {
+} .select__optionsList_dpda2.select__optionsList_dpda2 {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_1j20i {
+} .select__scrollbar_dpda2 {
     flex: 1;
-} .select__search_1j20i {
+} .select__search_dpda2 {
     padding: var(--gap-8);
-} .select__option_1j20i.select__option_1j20i {
+} .select__option_dpda2.select__option_dpda2 {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);
-} .select__option_1j20i.select__option_1j20i:before {
+} .select__option_dpda2.select__option_dpda2:before {
         display: none;
-    } .select__optionGroup_1j20i.select__optionGroup_1j20i {
+    } .select__optionGroup_dpda2.select__optionGroup_dpda2 {
     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_1j20i","sheetContent":"select__sheetContent_1j20i","modalContent":"select__modalContent_1j20i","sheetContainer":"select__sheetContainer_1j20i","optionsListWrapper":"select__optionsListWrapper_1j20i","optionsList":"select__optionsList_1j20i","scrollbar":"select__scrollbar_1j20i","search":"select__search_1j20i","option":"select__option_1j20i","optionGroup":"select__optionGroup_1j20i"};
+const mobileStyles = {"sheet":"select__sheet_dpda2","sheetContent":"select__sheetContent_dpda2","modalContent":"select__modalContent_dpda2","sheetContainer":"select__sheetContainer_dpda2","optionsListWrapper":"select__optionsListWrapper_dpda2","optionsList":"select__optionsList_dpda2","scrollbar":"select__scrollbar_dpda2","search":"select__search_dpda2","option":"select__option_dpda2","optionGroup":"select__optionGroup_dpda2"};
 
 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_1ak29 {
+} .select__checkmark_1atld {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin);
-} .select__checkmark_1ak29.select__after_1ak29 {
+} .select__checkmark_1atld.select__after_1atld {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_1ak29 {
+    } .select__single_1atld {
     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_1ak29.select__selected_1ak29 {
+} .select__single_1atld.select__selected_1atld {
         opacity: 1;
-    } .select__before_1ak29 {
+    } .select__before_1atld {
     display: var(--select-checkmark-before-display);
-} .select__before_1ak29.select__multiple_1ak29 {
+} .select__before_1atld.select__multiple_1atld {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_1ak29.select__after_1ak29 {
+    } .select__after_1atld.select__after_1atld {
     display: var(--select-checkmark-after-display);
-} .select__after_1ak29.select__after_1ak29.select__single_1ak29 {
+} .select__after_1atld.select__after_1atld.select__single_1atld {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_1ak29 {
+    } .select__colorIcon_1atld {
     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_1ak29","after":"select__after_1ak29","single":"select__single_1ak29","selected":"select__selected_1ak29","before":"select__before_1ak29","multiple":"select__multiple_1ak29","colorIcon":"select__colorIcon_1ak29"};
+const styles = {"checkmark":"select__checkmark_1atld","after":"select__after_1atld","single":"select__single_1atld","selected":"select__selected_1atld","before":"select__before_1atld","multiple":"select__multiple_1atld","colorIcon":"select__colorIcon_1atld"};
 
 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_orvq1 {
+} .select__checkmark_6v80j {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -9,12 +9,12 @@
     width: 24px;
     height: 24px;
     opacity: 0;
-} .select__checkmark_orvq1:first-child {
+} .select__checkmark_6v80j:first-child {
         display: none;
-    } .select__checkmark_orvq1.select__selected_orvq1 {
+    } .select__checkmark_6v80j.select__selected_6v80j {
         opacity: 1;
-    } .select__displayIcon_orvq1 {
+    } .select__displayIcon_6v80j {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_orvq1 {
+} .select__displayBadge_6v80j {
     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_orvq1","selected":"select__selected_orvq1","displayIcon":"select__displayIcon_orvq1"};
+const styles = {"checkmark":"select__checkmark_6v80j","selected":"select__selected_6v80j","displayIcon":"select__displayIcon_6v80j"};
 
 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_1nvhm {
+} .select__clearIcon_w6lq0 {
     display: block;
     color: var(--color-light-neutral-translucent-500);
-} .select__clearIcon_1nvhm:hover {
+} .select__clearIcon_w6lq0:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .select__clearIcon_1nvhm:active {
+    } .select__clearIcon_w6lq0:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } .select__clearButton_1nvhm + [data-addon='error-icon'] {
+    } .select__clearButton_w6lq0 + [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_1nvhm","clearButton":"select__clearButton_1nvhm"};
+const styles = {"clearIcon":"select__clearIcon_w6lq0","clearButton":"select__clearButton_w6lq0"};
 
 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_tz16x {
+} .select__component_2a5ab {
     width: 100%;
     outline: none;
-} .select__field_tz16x:not(.select__disabled_tz16x) {
+} .select__field_2a5ab:not(.select__disabled_2a5ab) {
     cursor: pointer;
-} .select__field_tz16x:not(.select__disabled_tz16x):hover .select__arrow_tz16x {
+} .select__field_2a5ab:not(.select__disabled_2a5ab):hover .select__arrow_2a5ab {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_tz16x {
+        } .select__disabled_2a5ab {
     cursor: var(--disabled-cursor);
-} .select__placeholder_tz16x {
+} .select__placeholder_2a5ab {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_tz16x 0.2s ease;
-} .select__placeholder_tz16x.select__focused_tz16x {
+    animation: select__show-placeholder_2a5ab 0.2s ease;
+} .select__placeholder_2a5ab.select__focused_2a5ab {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_tz16x {
+    } .select__contentWrapper_2a5ab {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -34,22 +34,22 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .select__contentWrapper_tz16x.select__size-40_tz16x {
+} .select__contentWrapper_2a5ab.select__size-40_2a5ab {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__value_tz16x {
+    } .select__value_2a5ab {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .select__value_tz16x.select__size-40_tz16x {
+} .select__value_2a5ab.select__size-40_2a5ab {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__focusVisible_tz16x {
+    } .select__focusVisible_2a5ab {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_tz16x {
+} @keyframes select__show-placeholder_2a5ab {
     from {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_tz16x","field":"select__field_tz16x","disabled":"select__disabled_tz16x","arrow":"select__arrow_tz16x","placeholder":"select__placeholder_tz16x","show-placeholder":"select__show-placeholder_tz16x","focused":"select__focused_tz16x","contentWrapper":"select__contentWrapper_tz16x","size-40":"select__size-40_tz16x","value":"select__value_tz16x","focusVisible":"select__focusVisible_tz16x"};
+const styles = {"component":"select__component_2a5ab","field":"select__field_2a5ab","disabled":"select__disabled_2a5ab","arrow":"select__arrow_2a5ab","placeholder":"select__placeholder_2a5ab","show-placeholder":"select__show-placeholder_2a5ab","focused":"select__focused_2a5ab","contentWrapper":"select__contentWrapper_2a5ab","size-40":"select__size-40_2a5ab","value":"select__value_2a5ab","focusVisible":"select__focusVisible_2a5ab"};
 
 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_1swub {
+} .select__footer_kpjun {
     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_1swub .select__button_1swub:first-of-type {
+} .select__footer_kpjun .select__button_kpjun:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_1swub {
+    } .select__button_kpjun {
     width: 50%;
-} .select__highlighted_1swub {
+} .select__highlighted_kpjun {
     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_1swub","button":"select__button_1swub","highlighted":"select__highlighted_1swub"};
+const styles = {"footer":"select__footer_kpjun","button":"select__button_kpjun","highlighted":"select__highlighted_kpjun"};
 
 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_1x2ct {
+} .select__optgroup_1l79q {
     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_1x2ct + *[role='option']:before {
+} .select__optgroup_1l79q + *[role='option']:before {
         display: none;
-    } .select__label_1x2ct {
+    } .select__label_1l79q {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -36,7 +36,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-72_1x2ct {
+} .select__size-72_1l79q {
     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_1x2ct","label":"select__label_1x2ct","size-72":"select__size-72_1x2ct"};
+const styles = {"optgroup":"select__optgroup_1l79q","label":"select__label_1l79q","size-72":"select__size-72_1l79q"};
 
 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_1ql9q {
+} .select__option_18om0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,10 +50,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer;
-} .select__option_1ql9q:not(.select__disabled_1ql9q):active {
+} .select__option_18om0:not(.select__disabled_18om0):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1ql9q:before {
+    } .select__option_18om0: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_1ql9q:first-child:before {
+    } .select__option_18om0:first-child:before {
         display: none;
-    } .select__size-48_1ql9q {
+    } .select__size-48_18om0 {
     min-height: var(--size-s-height);
-} .select__size-56_1ql9q {
+} .select__size-56_18om0 {
     min-height: var(--size-m-height);
-} .select__size-64_1ql9q {
+} .select__size-64_18om0 {
     min-height: var(--size-l-height);
-} .select__size-72_1ql9q {
+} .select__size-72_18om0 {
     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_1ql9q:before {
+} .select__size-72_18om0:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1ql9q {
+    } .select__selected_18om0 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1ql9q {
+} .select__highlighted_18om0 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_1ql9q:before,
-    .select__highlighted_1ql9q + .select__option_1ql9q:before {
+} .select__highlighted_18om0:before,
+    .select__highlighted_18om0 + .select__option_18om0:before {
         opacity: 0;
-    } .select__disabled_1ql9q {
+    } .select__disabled_18om0 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1ql9q {
+} .select__content_18om0 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_1ql9q {
+} .select__textContent_18om0 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
-} .select__highlighted_1ql9q {
+} .select__highlighted_18om0 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_1ql9q:before,
-    .select__highlighted_1ql9q + .select__option_1ql9q:before {
+} .select__highlighted_18om0:before,
+    .select__highlighted_18om0 + .select__option_18om0:before {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_1ql9q","disabled":"select__disabled_1ql9q","size-48":"select__size-48_1ql9q","size-56":"select__size-56_1ql9q","size-64":"select__size-64_1ql9q","size-72":"select__size-72_1ql9q","selected":"select__selected_1ql9q","highlighted":"select__highlighted_1ql9q","content":"select__content_1ql9q","textContent":"select__textContent_1ql9q"};
+const styles = {"option":"select__option_18om0","disabled":"select__disabled_18om0","size-48":"select__size-48_18om0","size-56":"select__size-56_18om0","size-64":"select__size-64_18om0","size-72":"select__size-72_18om0","selected":"select__selected_18om0","highlighted":"select__highlighted_18om0","content":"select__content_18om0","textContent":"select__textContent_18om0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/option/mobile/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_1rdhn {
+} .select__option_1rz0t {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -50,10 +50,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer;
-} .select__option_1rdhn:not(.select__disabled_1rdhn):active {
+} .select__option_1rz0t:not(.select__disabled_1rz0t):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1rdhn:before {
+    } .select__option_1rz0t:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -63,40 +63,40 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_1rdhn:first-child:before {
+    } .select__option_1rz0t:first-child:before {
         display: none;
-    } .select__size-48_1rdhn {
+    } .select__size-48_1rz0t {
     min-height: var(--size-s-height);
-} .select__size-56_1rdhn {
+} .select__size-56_1rz0t {
     min-height: var(--size-m-height);
-} .select__size-64_1rdhn {
+} .select__size-64_1rz0t {
     min-height: var(--size-l-height);
-} .select__size-72_1rdhn {
+} .select__size-72_1rz0t {
     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_1rdhn:before {
+} .select__size-72_1rz0t:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1rdhn {
+    } .select__selected_1rz0t {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1rdhn {
+} .select__highlighted_1rz0t {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__highlighted_1rdhn:before,
-    .select__highlighted_1rdhn + .select__option_1rdhn:before {
+} .select__highlighted_1rz0t:before,
+    .select__highlighted_1rz0t + .select__option_1rz0t:before {
         opacity: 0;
-    } .select__disabled_1rdhn {
+    } .select__disabled_1rz0t {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1rdhn {
+} .select__content_1rz0t {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_1rdhn {
+} .select__textContent_1rz0t {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }