@alfalab/core-components-select 17.20.0 → 17.20.2

package/modern/components/field/Component.js

@@ -5,7 +5,7 @@ import { useFocus } from '@alfalab/hooks';
 import { joinOptions } from '../../utils.js';
 import { ClearButton } from '../clear-button/Component.js';
 
-const styles = {"component":"select__component_3ltqn","field":"select__field_3ltqn","disabled":"select__disabled_3ltqn","arrow":"select__arrow_3ltqn","placeholder":"select__placeholder_3ltqn","show-placeholder":"select__show-placeholder_3ltqn","focused":"select__focused_3ltqn","contentWrapper":"select__contentWrapper_3ltqn","size-40":"select__size-40_3ltqn","value":"select__value_3ltqn","focusVisible":"select__focusVisible_3ltqn"};
+const styles = {"component":"select__component_jwrx3","field":"select__field_jwrx3","disabled":"select__disabled_jwrx3","arrow":"select__arrow_jwrx3","placeholder":"select__placeholder_jwrx3","show-placeholder":"select__show-placeholder_jwrx3","focused":"select__focused_jwrx3","contentWrapper":"select__contentWrapper_jwrx3","size-40":"select__size-40_jwrx3","value":"select__value_jwrx3","focusVisible":"select__focusVisible_jwrx3"};
 require('./index.css')
 
 const Field = ({ size = 56, open, multiple, error, hint, disabled, label, labelView = 'inner', placeholder, selectedMultiple = [], selected, rightAddons, valueRenderer = joinOptions, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, clear, onClear, ...restProps }) => {

package/modern/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1e2r9 */
+/* hash: 5jgug */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa;
@@ -19,6 +19,9 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
@@ -46,22 +49,22 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_3ltqn {
+} .select__component_jwrx3 {
     width: 100%;
     outline: none;
-} .select__field_3ltqn:not(.select__disabled_3ltqn) {
+} .select__field_jwrx3:not(.select__disabled_jwrx3) {
     cursor: pointer
-} .select__field_3ltqn:not(.select__disabled_3ltqn):hover .select__arrow_3ltqn {
+} .select__field_jwrx3:not(.select__disabled_jwrx3):hover .select__arrow_jwrx3 {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_3ltqn {
+        } .select__disabled_jwrx3 {
     cursor: var(--disabled-cursor);
-} .select__placeholder_3ltqn {
+} .select__placeholder_jwrx3 {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_3ltqn 0.2s ease
-} .select__placeholder_3ltqn.select__focused_3ltqn {
+    animation: select__show-placeholder_jwrx3 0.2s ease
+} .select__placeholder_jwrx3.select__focused_jwrx3 {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_3ltqn {
+    } .select__contentWrapper_jwrx3 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -70,22 +73,22 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%
-} .select__contentWrapper_3ltqn.select__size-40_3ltqn {
+} .select__contentWrapper_jwrx3.select__size-40_jwrx3 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__value_3ltqn {
+    } .select__value_jwrx3 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left
-} .select__value_3ltqn.select__size-40_3ltqn {
+} .select__value_jwrx3.select__size-40_jwrx3 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__focusVisible_3ltqn {
+    } .select__focusVisible_jwrx3 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_3ltqn {
+} @keyframes select__show-placeholder_jwrx3 {
     from {
         opacity: 0;
     }

package/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
 import { ButtonMobile } from '@alfalab/core-components-button/modern/mobile';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const styles = {"footer":"select__footer_1l3r2","button":"select__button_1l3r2","highlighted":"select__highlighted_1l3r2"};
+const styles = {"footer":"select__footer_4zr43","button":"select__button_4zr43","highlighted":"select__highlighted_4zr43"};
 require('./index.css')
 
 const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {

package/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lpps */
+/* hash: 1pzm3 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -19,6 +19,9 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-16: var(--gap-m);
 } :root {
 } :root {
@@ -31,17 +34,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_1l3r2 {
+} .select__footer_4zr43 {
     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_1l3r2 .select__button_1l3r2:first-of-type {
+} .select__footer_4zr43 .select__button_4zr43:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_1l3r2 {
+    } .select__button_4zr43 {
     width: 50%;
-} .select__highlighted_1l3r2 {
+} .select__highlighted_4zr43 {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/modern/components/optgroup/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 
-const styles = {"optgroup":"select__optgroup_1jy7w","label":"select__label_1jy7w","size-64":"select__size-64_1jy7w","size-72":"select__size-72_1jy7w"};
+const styles = {"optgroup":"select__optgroup_1whok","label":"select__label_1whok","size-64":"select__size-64_1whok","size-72":"select__size-72_1whok"};
 require('./index.css')
 
 const Optgroup = ({ children, className, label, size = 48 }) => (React.createElement(React.Fragment, null,

package/modern/components/optgroup/index.css

@@ -1,4 +1,4 @@
-/* hash: 1haxd */
+/* hash: 6bip8 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -21,6 +21,9 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-4: var(--gap-2xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
@@ -42,7 +45,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_1jy7w {
+} .select__optgroup_1whok {
     position: relative;
     display: flex;
     align-items: center;
@@ -51,9 +54,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_1jy7w + *[role='option']:before {
+} .select__optgroup_1whok + *[role='option']:before {
         display: none;
-    } .select__label_1jy7w {
+    } .select__label_1whok {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -62,8 +65,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_1jy7w,
-.select__size-72_1jy7w {
+} .select__size-64_1whok,
+.select__size-72_1whok {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/modern/components/option/desktop/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Checkmark } from '../../checkmark/Component.js';
 import { OptionBase } from '../Component.js';
 
-const styles = {"option":"select__option_11gdz","disabled":"select__disabled_11gdz","size-48":"select__size-48_11gdz","size-56":"select__size-56_11gdz","size-64":"select__size-64_11gdz","size-72":"select__size-72_11gdz","selected":"select__selected_11gdz","highlighted":"select__highlighted_11gdz","content":"select__content_11gdz","textContent":"select__textContent_11gdz"};
+const styles = {"option":"select__option_e20fs","disabled":"select__disabled_e20fs","size-48":"select__size-48_e20fs","size-56":"select__size-56_e20fs","size-64":"select__size-64_e20fs","size-72":"select__size-72_e20fs","selected":"select__selected_e20fs","highlighted":"select__highlighted_e20fs","content":"select__content_e20fs","textContent":"select__textContent_e20fs"};
 require('./index.css')
 
 const OptionDesktop = ({ Checkmark: Checkmark$1 = Checkmark, ...props }) => (React.createElement(OptionBase, { ...props, mobile: false, Checkmark: Checkmark$1, styles: styles }));

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

@@ -1,4 +1,4 @@
-/* hash: pzn8t */
+/* hash: khtsz */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -24,7 +24,10 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
@@ -60,7 +63,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_11gdz {
+} .select__option_e20fs {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -75,10 +78,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_11gdz:not(.select__disabled_11gdz):active {
+} .select__option_e20fs:not(.select__disabled_e20fs):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_11gdz:before {
+    } .select__option_e20fs:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -88,48 +91,48 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_11gdz:first-child:before {
+    } .select__option_e20fs:first-child:before {
         display: none;
-    } .select__size-48_11gdz {
+    } .select__size-48_e20fs {
     min-height: var(--size-s-height);
-} .select__size-56_11gdz {
+} .select__size-56_e20fs {
     min-height: var(--size-m-height);
-} .select__size-64_11gdz {
+} .select__size-64_e20fs {
     min-height: var(--size-l-height);
-} .select__size-72_11gdz {
+} .select__size-72_e20fs {
     min-height: var(--size-xl-height);
-} .select__size-64_11gdz,
-.select__size-72_11gdz {
+} .select__size-64_e20fs,
+.select__size-72_e20fs {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_11gdz:before, .select__size-72_11gdz:before {
+} .select__size-64_e20fs:before, .select__size-72_e20fs:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_11gdz {
+    } .select__selected_e20fs {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_11gdz {
+} .select__highlighted_e20fs {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_11gdz:before,
-    .select__highlighted_11gdz + .select__option_11gdz:before {
+} .select__highlighted_e20fs:before,
+    .select__highlighted_e20fs + .select__option_e20fs:before {
         opacity: 0;
-    } .select__disabled_11gdz {
+    } .select__disabled_e20fs {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_11gdz {
+} .select__content_e20fs {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_11gdz {
+} .select__textContent_e20fs {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
-} .select__highlighted_11gdz {
+} .select__highlighted_e20fs {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_11gdz:before,
-    .select__highlighted_11gdz + .select__option_11gdz:before {
+} .select__highlighted_e20fs:before,
+    .select__highlighted_e20fs + .select__option_e20fs:before {
         opacity: 0;
     }

package/modern/components/option/mobile/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Checkmark } from '../../checkmark-mobile/Component.js';
 import { OptionBase } from '../Component.js';
 
-const styles = {"option":"select__option_1a9r9","disabled":"select__disabled_1a9r9","size-48":"select__size-48_1a9r9","size-56":"select__size-56_1a9r9","size-64":"select__size-64_1a9r9","size-72":"select__size-72_1a9r9","selected":"select__selected_1a9r9","highlighted":"select__highlighted_1a9r9","content":"select__content_1a9r9","textContent":"select__textContent_1a9r9"};
+const styles = {"option":"select__option_9kgp2","disabled":"select__disabled_9kgp2","size-48":"select__size-48_9kgp2","size-56":"select__size-56_9kgp2","size-64":"select__size-64_9kgp2","size-72":"select__size-72_9kgp2","selected":"select__selected_9kgp2","highlighted":"select__highlighted_9kgp2","content":"select__content_9kgp2","textContent":"select__textContent_9kgp2"};
 require('./index.css')
 
 const OptionMobile = ({ Checkmark: Checkmark$1 = Checkmark, ...props }) => (React.createElement(OptionBase, { ...props, mobile: true, Checkmark: Checkmark$1, styles: styles }));

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

@@ -1,4 +1,4 @@
-/* hash: pl84w */
+/* hash: 1pfn6 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -24,7 +24,10 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
@@ -60,7 +63,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1a9r9 {
+} .select__option_9kgp2 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -75,10 +78,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_1a9r9:not(.select__disabled_1a9r9):active {
+} .select__option_9kgp2:not(.select__disabled_9kgp2):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1a9r9:before {
+    } .select__option_9kgp2:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -88,42 +91,42 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_1a9r9:first-child:before {
+    } .select__option_9kgp2:first-child:before {
         display: none;
-    } .select__size-48_1a9r9 {
+    } .select__size-48_9kgp2 {
     min-height: var(--size-s-height);
-} .select__size-56_1a9r9 {
+} .select__size-56_9kgp2 {
     min-height: var(--size-m-height);
-} .select__size-64_1a9r9 {
+} .select__size-64_9kgp2 {
     min-height: var(--size-l-height);
-} .select__size-72_1a9r9 {
+} .select__size-72_9kgp2 {
     min-height: var(--size-xl-height);
-} .select__size-64_1a9r9,
-.select__size-72_1a9r9 {
+} .select__size-64_9kgp2,
+.select__size-72_9kgp2 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_1a9r9:before, .select__size-72_1a9r9:before {
+} .select__size-64_9kgp2:before, .select__size-72_9kgp2:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1a9r9 {
+    } .select__selected_9kgp2 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1a9r9 {
+} .select__highlighted_9kgp2 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_1a9r9:before,
-    .select__highlighted_1a9r9 + .select__option_1a9r9:before {
+} .select__highlighted_9kgp2:before,
+    .select__highlighted_9kgp2 + .select__option_9kgp2:before {
         opacity: 0;
-    } .select__disabled_1a9r9 {
+    } .select__disabled_9kgp2 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1a9r9 {
+} .select__content_9kgp2 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_1a9r9 {
+} .select__textContent_9kgp2 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

package/modern/components/options-list/Component.js

@@ -8,7 +8,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
 import { useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-const styles = {"optionsList":"select__optionsList_a3tys","optionsListHeader":"select__optionsListHeader_a3tys","headerHighlighted":"select__headerHighlighted_a3tys","optionsListFooter":"select__optionsListFooter_a3tys","withBorder":"select__withBorder_a3tys","scrollable":"select__scrollable_a3tys","-webkit-mask":"select__mask_a3tys","mask":"select__mask_a3tys","emptyPlaceholder":"select__emptyPlaceholder_a3tys","size-64":"select__size-64_a3tys","size-72":"select__size-72_a3tys"};
+const styles = {"optionsList":"select__optionsList_1v18u","optionsListHeader":"select__optionsListHeader_1v18u","headerHighlighted":"select__headerHighlighted_1v18u","optionsListFooter":"select__optionsListFooter_1v18u","withBorder":"select__withBorder_1v18u","scrollable":"select__scrollable_1v18u","-webkit-mask":"select__mask_1v18u","mask":"select__mask_1v18u","emptyPlaceholder":"select__emptyPlaceholder_1v18u","size-64":"select__size-64_1v18u","size-72":"select__size-72_1v18u"};
 require('./index.css')
 
 const createCounter = () => {

package/modern/components/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: nqf3f */
+/* hash: 1f0hn */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -21,7 +21,10 @@
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-24: var(--gap-xl);
@@ -37,34 +40,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_a3tys {
+} .select__optionsList_1v18u {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_a3tys {
+} .select__optionsListHeader_1v18u {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListHeader_a3tys.select__headerHighlighted_a3tys {
+} .select__optionsListHeader_1v18u.select__headerHighlighted_1v18u {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_a3tys {
+    } .select__optionsListFooter_1v18u {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListFooter_a3tys.select__withBorder_a3tys {
+} .select__optionsListFooter_1v18u.select__withBorder_1v18u {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_a3tys {
+    } .select__scrollable_1v18u {
     overflow: auto;
     width: 100%;
-} .select__mask_a3tys {
+} .select__mask_1v18u {
     min-width: 4000px;
-} .select__emptyPlaceholder_a3tys {
+} .select__emptyPlaceholder_1v18u {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-64_a3tys .select__emptyPlaceholder_a3tys,
-.select__size-72_a3tys .select__emptyPlaceholder_a3tys {
+} .select__size-64_1v18u .select__emptyPlaceholder_1v18u,
+.select__size-72_1v18u .select__emptyPlaceholder_1v18u {
     padding: var(--gap-24) var(--gap-16);
 }

package/modern/components/search/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Input } from '@alfalab/core-components-input/modern';
 import { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';
 
-const styles = {"component":"select__component_1fgbk"};
+const styles = {"component":"select__component_n1loe"};
 require('./index.css')
 
 const Search = forwardRef(({ clear = true, placeholder = 'Поиск', className, leftAddons = React.createElement(MagnifierMIcon, { color: '#86868A' }), ...restProps }, ref) => (React.createElement(Input, { ref: ref, className: cn(styles.component, className), placeholder: placeholder, leftAddons: leftAddons, clear: clear, ...restProps })));

package/modern/components/search/index.css

@@ -1,4 +1,4 @@
-/* hash: gu0aa */
+/* hash: 10n4l */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,6 +16,9 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -27,6 +30,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1fgbk.select__component_1fgbk {
+} .select__component_n1loe.select__component_n1loe {
     width: auto;
 }

package/modern/components/virtual-options-list/Component.js

@@ -9,7 +9,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
 import { usePrevious, lastIndexOf, useVirtualVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-const styles = {"virtualOptionsList":"select__virtualOptionsList_r6gyv","virtualOptionsListHeader":"select__virtualOptionsListHeader_r6gyv","virtualOptionsListFooter":"select__virtualOptionsListFooter_r6gyv","withBorder":"select__withBorder_r6gyv","scrollable":"select__scrollable_r6gyv","inner":"select__inner_r6gyv","virtualRow":"select__virtualRow_r6gyv","highlighted":"select__highlighted_r6gyv","emptyPlaceholder":"select__emptyPlaceholder_r6gyv","size-64":"select__size-64_r6gyv","size-72":"select__size-72_r6gyv"};
+const styles = {"virtualOptionsList":"select__virtualOptionsList_k8hhe","virtualOptionsListHeader":"select__virtualOptionsListHeader_k8hhe","virtualOptionsListFooter":"select__virtualOptionsListFooter_k8hhe","withBorder":"select__withBorder_k8hhe","scrollable":"select__scrollable_k8hhe","inner":"select__inner_k8hhe","virtualRow":"select__virtualRow_k8hhe","highlighted":"select__highlighted_k8hhe","emptyPlaceholder":"select__emptyPlaceholder_k8hhe","size-64":"select__size-64_k8hhe","size-72":"select__size-72_k8hhe"};
 require('./index.css')
 
 const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlightedIndex = -1, optionGroupClassName, className, getOptionProps, groupOptionProps = {}, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, showFooter = true, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, setHighlightedIndex, selectedItems, setSelectedItems, search, multiple, }, ref) => {