@alfalab/core-components-select 17.20.10 → 17.20.12

package/modern/components/checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: 7ntzh */
+/* hash: yqp5o */
 :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-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -28,7 +28,7 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* options list */
@@ -49,12 +49,12 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
 
     /* optgroup */
-} .select__checkmark_rapen {
+} .select__checkmark_jithb {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_rapen.select__after_rapen {
+} .select__checkmark_jithb.select__after_jithb {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_rapen {
+    } .select__single_jithb {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -64,17 +64,17 @@
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
-} .select__single_rapen.select__selected_rapen {
+} .select__single_jithb.select__selected_jithb {
         opacity: 1;
-    } .select__before_rapen {
+    } .select__before_jithb {
     display: var(--select-checkmark-before-display)
-} .select__before_rapen.select__multiple_rapen {
+} .select__before_jithb.select__multiple_jithb {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_rapen.select__after_rapen {
+    } .select__after_jithb.select__after_jithb {
     display: var(--select-checkmark-after-display)
-} .select__after_rapen.select__after_rapen.select__single_rapen {
+} .select__after_jithb.select__after_jithb.select__single_jithb {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_rapen {
+    } .select__colorIcon_jithb {
     color: var(--color-light-status-positive);
 }

package/modern/components/checkmark-mobile/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"checkmark":"select__checkmark_1qan6","selected":"select__selected_1qan6","displayIcon":"select__displayIcon_1qan6","displayBadge":"select__displayBadge_1qan6"};
+const styles = {"checkmark":"select__checkmark_1fpar","selected":"select__selected_1fpar","displayIcon":"select__displayIcon_1fpar","displayBadge":"select__displayBadge_1fpar"};
 require('./index.css')
 
 const Checkmark = ({ selected, className }) => (React.createElement("div", { className: cn(styles.checkmark, className, {

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

@@ -1,4 +1,4 @@
-/* hash: 1jooz */
+/* hash: fbiow */
 :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 */
@@ -20,7 +20,7 @@
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* options list */
@@ -32,7 +32,7 @@
     --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
-} .select__checkmark_1qan6 {
+} .select__checkmark_1fpar {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -40,12 +40,12 @@
     width: 24px;
     height: 24px;
     opacity: 0
-} .select__checkmark_1qan6:first-child {
+} .select__checkmark_1fpar:first-child {
         display: none;
-    } .select__checkmark_1qan6.select__selected_1qan6 {
+    } .select__checkmark_1fpar.select__selected_1fpar {
         opacity: 1;
-    } .select__displayIcon_1qan6 {
+    } .select__displayIcon_1fpar {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_1qan6 {
+} .select__displayBadge_1fpar {
     display: var(--select-mobile-checkmark-display-badge);
 }

package/modern/components/clear-button/Component.js

@@ -4,7 +4,7 @@ import { Button } from '@alfalab/core-components-button/modern';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const styles = {"clearIcon":"select__clearIcon_1ib5s","clearButton":"select__clearButton_1ib5s","size-40":"select__size-40_1ib5s"};
+const styles = {"clearIcon":"select__clearIcon_1tqhb","clearButton":"select__clearButton_1tqhb","size-40":"select__size-40_1tqhb"};
 require('./index.css')
 
 const ClearButton = ({ disabled, onClick, dataTestId, size }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1sbec */
+/* hash: 1ly1j */
 :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-translucent-500: rgba(9, 12, 37, 0.28);
@@ -25,7 +25,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-4: var(--gap-2xs);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* disabled */
@@ -47,17 +47,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__clearIcon_1ib5s {
+} .select__clearIcon_1tqhb {
     display: block;
     color: var(--color-light-neutral-translucent-500)
-} .select__clearIcon_1ib5s:hover {
+} .select__clearIcon_1tqhb:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .select__clearIcon_1ib5s:active {
+    } .select__clearIcon_1tqhb:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } .select__clearButton_1ib5s + [data-addon='error-icon'] {
+    } .select__clearButton_1tqhb + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
-} .select__clearButton_1ib5s + * {
+} .select__clearButton_1tqhb + * {
     margin-left: var(--gap-4);
-} .select__clearButton_1ib5s.select__size-40_1ib5s + * {
+} .select__clearButton_1tqhb.select__size-40_1tqhb + * {
             margin-left: 6px;
         }

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_1pzo6","field":"select__field_1pzo6","disabled":"select__disabled_1pzo6","arrow":"select__arrow_1pzo6","placeholder":"select__placeholder_1pzo6","show-placeholder":"select__show-placeholder_1pzo6","focused":"select__focused_1pzo6","contentWrapper":"select__contentWrapper_1pzo6","size-40":"select__size-40_1pzo6","value":"select__value_1pzo6","focusVisible":"select__focusVisible_1pzo6"};
+const styles = {"component":"select__component_2dvn3","field":"select__field_2dvn3","disabled":"select__disabled_2dvn3","arrow":"select__arrow_2dvn3","placeholder":"select__placeholder_2dvn3","show-placeholder":"select__show-placeholder_2dvn3","focused":"select__focused_2dvn3","contentWrapper":"select__contentWrapper_2dvn3","size-40":"select__size-40_2dvn3","value":"select__value_2dvn3","focusVisible":"select__focusVisible_2dvn3"};
 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: ysnrd */
+/* hash: rafn3 */
 :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;
@@ -23,7 +23,7 @@
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -49,22 +49,22 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1pzo6 {
+} .select__component_2dvn3 {
     width: 100%;
     outline: none;
-} .select__field_1pzo6:not(.select__disabled_1pzo6) {
+} .select__field_2dvn3:not(.select__disabled_2dvn3) {
     cursor: pointer
-} .select__field_1pzo6:not(.select__disabled_1pzo6):hover .select__arrow_1pzo6 {
+} .select__field_2dvn3:not(.select__disabled_2dvn3):hover .select__arrow_2dvn3 {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_1pzo6 {
+        } .select__disabled_2dvn3 {
     cursor: var(--disabled-cursor);
-} .select__placeholder_1pzo6 {
+} .select__placeholder_2dvn3 {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_1pzo6 0.2s ease
-} .select__placeholder_1pzo6.select__focused_1pzo6 {
+    animation: select__show-placeholder_2dvn3 0.2s ease
+} .select__placeholder_2dvn3.select__focused_2dvn3 {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_1pzo6 {
+    } .select__contentWrapper_2dvn3 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -73,22 +73,22 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%
-} .select__contentWrapper_1pzo6.select__size-40_1pzo6 {
+} .select__contentWrapper_2dvn3.select__size-40_2dvn3 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__value_1pzo6 {
+    } .select__value_2dvn3 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left
-} .select__value_1pzo6.select__size-40_1pzo6 {
+} .select__value_2dvn3.select__size-40_2dvn3 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__focusVisible_1pzo6 {
+    } .select__focusVisible_2dvn3 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_1pzo6 {
+} @keyframes select__show-placeholder_2dvn3 {
     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_1sxiy","button":"select__button_1sxiy","highlighted":"select__highlighted_1sxiy"};
+const styles = {"footer":"select__footer_exrgy","button":"select__button_exrgy","highlighted":"select__highlighted_exrgy"};
 require('./index.css')
 
 const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {

package/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lexw */
+/* hash: yd80j */
 :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,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-16: var(--gap-m);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* options list */
@@ -34,17 +34,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_1sxiy {
+} .select__footer_exrgy {
     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_1sxiy .select__button_1sxiy:first-of-type {
+} .select__footer_exrgy .select__button_exrgy:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_1sxiy {
+    } .select__button_exrgy {
     width: 50%;
-} .select__highlighted_1sxiy {
+} .select__highlighted_exrgy {
     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_1dppw","label":"select__label_1dppw","size-64":"select__size-64_1dppw","size-72":"select__size-72_1dppw"};
+const styles = {"optgroup":"select__optgroup_p06cy","label":"select__label_p06cy","size-64":"select__size-64_p06cy","size-72":"select__size-72_p06cy"};
 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: 1quii */
+/* hash: 1wequ */
 :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;
@@ -28,7 +28,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* options list */
@@ -45,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_1dppw {
+} .select__optgroup_p06cy {
     position: relative;
     display: flex;
     align-items: center;
@@ -54,9 +54,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_1dppw + *[role='option']:before {
+} .select__optgroup_p06cy + *[role='option']:before {
         display: none;
-    } .select__label_1dppw {
+    } .select__label_p06cy {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -65,8 +65,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_1dppw,
-.select__size-72_1dppw {
+} .select__size-64_p06cy,
+.select__size-72_p06cy {
     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_1657p","disabled":"select__disabled_1657p","size-48":"select__size-48_1657p","size-56":"select__size-56_1657p","size-64":"select__size-64_1657p","size-72":"select__size-72_1657p","selected":"select__selected_1657p","highlighted":"select__highlighted_1657p","content":"select__content_1657p","textContent":"select__textContent_1657p"};
+const styles = {"option":"select__option_l33rr","disabled":"select__disabled_l33rr","size-48":"select__size-48_l33rr","size-56":"select__size-56_l33rr","size-64":"select__size-64_l33rr","size-72":"select__size-72_l33rr","selected":"select__selected_l33rr","highlighted":"select__highlighted_l33rr","content":"select__content_l33rr","textContent":"select__textContent_l33rr"};
 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: p2hzp */
+/* hash: 1yfsx */
 :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;
@@ -31,7 +31,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --disabled-cursor: not-allowed;
     --size-s-height: 48px;
     --size-m-height: 56px;
@@ -63,7 +63,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1657p {
+} .select__option_l33rr {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -78,10 +78,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_1657p:not(.select__disabled_1657p):active {
+} .select__option_l33rr:not(.select__disabled_l33rr):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1657p:before {
+    } .select__option_l33rr:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -91,48 +91,48 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_1657p:first-child:before {
+    } .select__option_l33rr:first-child:before {
         display: none;
-    } .select__size-48_1657p {
+    } .select__size-48_l33rr {
     min-height: var(--size-s-height);
-} .select__size-56_1657p {
+} .select__size-56_l33rr {
     min-height: var(--size-m-height);
-} .select__size-64_1657p {
+} .select__size-64_l33rr {
     min-height: var(--size-l-height);
-} .select__size-72_1657p {
+} .select__size-72_l33rr {
     min-height: var(--size-xl-height);
-} .select__size-64_1657p,
-.select__size-72_1657p {
+} .select__size-64_l33rr,
+.select__size-72_l33rr {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_1657p:before, .select__size-72_1657p:before {
+} .select__size-64_l33rr:before, .select__size-72_l33rr:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1657p {
+    } .select__selected_l33rr {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1657p {
+} .select__highlighted_l33rr {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_1657p:before,
-    .select__highlighted_1657p + .select__option_1657p:before {
+} .select__highlighted_l33rr:before,
+    .select__highlighted_l33rr + .select__option_l33rr:before {
         opacity: 0;
-    } .select__disabled_1657p {
+    } .select__disabled_l33rr {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1657p {
+} .select__content_l33rr {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_1657p {
+} .select__textContent_l33rr {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
-} .select__highlighted_1657p {
+} .select__highlighted_l33rr {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_1657p:before,
-    .select__highlighted_1657p + .select__option_1657p:before {
+} .select__highlighted_l33rr:before,
+    .select__highlighted_l33rr + .select__option_l33rr: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_99x1a","disabled":"select__disabled_99x1a","size-48":"select__size-48_99x1a","size-56":"select__size-56_99x1a","size-64":"select__size-64_99x1a","size-72":"select__size-72_99x1a","selected":"select__selected_99x1a","highlighted":"select__highlighted_99x1a","content":"select__content_99x1a","textContent":"select__textContent_99x1a"};
+const styles = {"option":"select__option_1jkq5","disabled":"select__disabled_1jkq5","size-48":"select__size-48_1jkq5","size-56":"select__size-56_1jkq5","size-64":"select__size-64_1jkq5","size-72":"select__size-72_1jkq5","selected":"select__selected_1jkq5","highlighted":"select__highlighted_1jkq5","content":"select__content_1jkq5","textContent":"select__textContent_1jkq5"};
 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: 1u0bd */
+/* hash: 1mq4v */
 :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;
@@ -31,7 +31,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --disabled-cursor: not-allowed;
     --size-s-height: 48px;
     --size-m-height: 56px;
@@ -63,7 +63,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_99x1a {
+} .select__option_1jkq5 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -78,10 +78,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_99x1a:not(.select__disabled_99x1a):active {
+} .select__option_1jkq5:not(.select__disabled_1jkq5):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_99x1a:before {
+    } .select__option_1jkq5:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -91,42 +91,42 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_99x1a:first-child:before {
+    } .select__option_1jkq5:first-child:before {
         display: none;
-    } .select__size-48_99x1a {
+    } .select__size-48_1jkq5 {
     min-height: var(--size-s-height);
-} .select__size-56_99x1a {
+} .select__size-56_1jkq5 {
     min-height: var(--size-m-height);
-} .select__size-64_99x1a {
+} .select__size-64_1jkq5 {
     min-height: var(--size-l-height);
-} .select__size-72_99x1a {
+} .select__size-72_1jkq5 {
     min-height: var(--size-xl-height);
-} .select__size-64_99x1a,
-.select__size-72_99x1a {
+} .select__size-64_1jkq5,
+.select__size-72_1jkq5 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_99x1a:before, .select__size-72_99x1a:before {
+} .select__size-64_1jkq5:before, .select__size-72_1jkq5:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_99x1a {
+    } .select__selected_1jkq5 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_99x1a {
+} .select__highlighted_1jkq5 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_99x1a:before,
-    .select__highlighted_99x1a + .select__option_99x1a:before {
+} .select__highlighted_1jkq5:before,
+    .select__highlighted_1jkq5 + .select__option_1jkq5:before {
         opacity: 0;
-    } .select__disabled_99x1a {
+    } .select__disabled_1jkq5 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_99x1a {
+} .select__content_1jkq5 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_99x1a {
+} .select__textContent_1jkq5 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }