@alfalab/core-components-select 17.21.4 → 17.22.0

package/modern/components/base-option/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { BaseCheckmark } from '../base-checkmark/Component.js';
 
-const styles = {"option":"select__option_harye","disabled":"select__disabled_harye","checkmarkBefore":"select__checkmarkBefore_harye","mobile":"select__mobile_harye","checkmarkAfter":"select__checkmarkAfter_harye","size-72":"select__size-72_harye","textContent":"select__textContent_harye","selected":"select__selected_harye","highlighted":"select__highlighted_harye","checkmarkBeforeContent":"select__checkmarkBeforeContent_harye","checkmarkAfterContent":"select__checkmarkAfterContent_harye","content":"select__content_harye"};
+const styles = {"option":"select__option_18wc7","disabled":"select__disabled_18wc7","checkmarkBefore":"select__checkmarkBefore_18wc7","mobile":"select__mobile_18wc7","checkmarkAfter":"select__checkmarkAfter_18wc7","size-72":"select__size-72_18wc7","textContent":"select__textContent_18wc7","selected":"select__selected_18wc7","highlighted":"select__highlighted_18wc7","checkmarkBeforeContent":"select__checkmarkBeforeContent_18wc7","checkmarkAfterContent":"select__checkmarkAfterContent_18wc7","content":"select__content_18wc7"};
 require('./index.css')
 
 const BaseOption = ({ className, option, children, selected, highlighted, disabled, multiple, Checkmark = BaseCheckmark, checkmarkPosition = multiple ? 'before' : 'after', align = 'center', innerProps, dataTestId, mobile = false, size, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: hfrds */
+/* hash: 1olgo */
 :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;
@@ -54,7 +54,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_harye {
+} .select__option_18wc7 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -68,41 +68,41 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_harye:not(.select__disabled_harye):active {
+} .select__option_18wc7:not(.select__disabled_18wc7):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_harye.select__checkmarkBefore_harye {
+    } .select__option_18wc7.select__checkmarkBefore_18wc7 {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_harye.select__checkmarkBefore_harye.select__mobile_harye {
+    } .select__option_18wc7.select__checkmarkBefore_18wc7.select__mobile_18wc7 {
             padding-left: var(--gap-16);
-        } .select__option_harye.select__checkmarkAfter_harye.select__checkmarkAfter_harye {
+        } .select__option_18wc7.select__checkmarkAfter_18wc7.select__checkmarkAfter_18wc7 {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_harye.select__checkmarkAfter_harye.select__checkmarkAfter_harye.select__size-72_harye {
+    } .select__option_18wc7.select__checkmarkAfter_18wc7.select__checkmarkAfter_18wc7.select__size-72_18wc7 {
             padding-right: var(--gap-16);
-        } .select__option_harye.select__checkmarkAfter_harye.select__checkmarkAfter_harye.select__mobile_harye {
+        } .select__option_18wc7.select__checkmarkAfter_18wc7.select__checkmarkAfter_18wc7.select__mobile_18wc7 {
             padding-right: var(--gap-20);
-        } .select__option_harye.select__textContent_harye {
+        } .select__option_18wc7.select__textContent_18wc7 {
         padding: var(--gap-12)
-    } .select__option_harye.select__textContent_harye.select__size-72_harye {
+    } .select__option_18wc7.select__textContent_18wc7.select__size-72_18wc7 {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_harye.select__textContent_harye.select__mobile_harye {
+        } .select__option_18wc7.select__textContent_18wc7.select__mobile_18wc7 {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_harye {
+        } .select__selected_18wc7 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_harye {
+} .select__highlighted_18wc7 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_harye {
+} .select__disabled_18wc7 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_harye {
+} .select__checkmarkBeforeContent_18wc7 {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_harye {
+} .select__checkmarkAfterContent_18wc7 {
     margin-left: var(--gap-12);
-} .select__content_harye {
+} .select__content_18wc7 {
     flex: 1;
 }

package/modern/components/base-select/Component.js

@@ -10,11 +10,11 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-6e43d72c.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-ef23ef00.js';
 import { getListModalMobileProps } from './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import { getListBottomSheetMobileProps } from './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import { ListMobile } from './components/list-mobile/list-mobile.js';
-import { m as mobileStyles } from '../../mobile.module-208550e0.js';
+import { m as mobileStyles } from '../../mobile.module-4725bcd2.js';
 
 /* eslint-disable no-nested-ternary */
 const itemToString = (option) => (option ? option.key : '');

package/modern/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-6e43d72c.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-ef23ef00.js';

package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
-import { m as mobileStyles } from '../../../../mobile.module-208550e0.js';
+import { m as mobileStyles } from '../../../../mobile.module-4725bcd2.js';
 
 const ListBottomSheetMobile = (props) => {
     const { BottomSheet, dataTestId, open, label, placeholder, footer, swipeable, showSearch, bottomSheetProps, menuRef, scrollableContainerRef, onScroll, flatOptions, closeMenu, handleEntered, renderSearch, renderOptionsList, } = props;

package/modern/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
-import { m as mobileStyles } from '../../../../mobile.module-208550e0.js';
+import { m as mobileStyles } from '../../../../mobile.module-4725bcd2.js';
 
 const ListModalMobile = (props) => {
     const { ModalMobile, dataTestId, open, modalProps, modalHeaderProps, modalFooterProps, menuRef, scrollableContainerRef, label, placeholder, onScroll, flatOptions, closeMenu, handleEntered, renderSearch, renderOptionsList, } = props;

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

@@ -1,4 +1,4 @@
-/* hash: ppjoc */
+/* hash: 18yvq */
 :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;
@@ -50,21 +50,21 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1bajr {
+} .select__component_3w607 {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_1bajr {
+} .select__popoverInner_3w607 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_1bajr.select__popoverInner_1bajr {
+} .select__popoverInner_3w607.select__popoverInner_3w607 {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_1bajr {
+} .select__optionsListWrapper_3w607 {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -73,7 +73,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_1bajr {
+} .select__optionsListBorder_3w607 {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -82,7 +82,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_1bajr {
+} .select__nativeSelect_3w607 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -95,15 +95,15 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_1bajr {
+} .select__block_3w607 {
     width: 100%;
-} .select__emptySearchPlaceholder_1bajr {
+} .select__emptySearchPlaceholder_3w607 {
     text-align: center;
-} .select__search_1bajr {
+} .select__search_3w607 {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .select__search_1bajr.select__size-72_1bajr {
+} .select__search_3w607.select__size-72_3w607 {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
-    } .select__search_1bajr:last-child {
+    } .select__search_3w607:last-child {
         margin-bottom: var(--gap-12);
     }

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

@@ -1,4 +1,4 @@
-/* hash: 1rya8 */
+/* hash: psnuq */
 :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 */
@@ -39,30 +39,30 @@
     /* checkmark */
 
     /* optgroup */
-} .select__sheet_1osqr {
+} .select__sheet_1fnfh {
     overflow: hidden;
-} .select__sheetContent_1osqr.select__sheetContent_1osqr {
+} .select__sheetContent_1fnfh.select__sheetContent_1fnfh {
     padding: var(--gap-0)
-} .select__sheetContent_1osqr.select__sheetContent_1osqr .select__modalContent_1osqr {
+} .select__sheetContent_1fnfh.select__sheetContent_1fnfh .select__modalContent_1fnfh {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_1osqr {
+    } .select__sheetContainer_1fnfh {
     padding: var(--gap-0);
-} .select__optionsListWrapper_1osqr {
+} .select__optionsListWrapper_1fnfh {
     flex: 1;
-} .select__optionsList_1osqr.select__optionsList_1osqr {
+} .select__optionsList_1fnfh.select__optionsList_1fnfh {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_1osqr {
+} .select__scrollbar_1fnfh {
     flex: 1;
-} .select__search_1osqr {
+} .select__search_1fnfh {
     padding: var(--gap-8);
-} .select__option_1osqr.select__option_1osqr {
+} .select__option_1fnfh.select__option_1fnfh {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
-} .select__option_1osqr.select__option_1osqr:before {
+} .select__option_1fnfh.select__option_1fnfh:before {
         display: none;
-    } .select__optionGroup_1osqr.select__optionGroup_1osqr {
+    } .select__optionGroup_1fnfh.select__optionGroup_1fnfh {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

package/modern/components/checkmark/Component.js

@@ -5,7 +5,7 @@ import { Checkbox } from '@alfalab/core-components-checkbox/modern';
 import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"checkmark":"select__checkmark_15dpf","after":"select__after_15dpf","single":"select__single_15dpf","selected":"select__selected_15dpf","before":"select__before_15dpf","multiple":"select__multiple_15dpf","colorIcon":"select__colorIcon_15dpf"};
+const styles = {"checkmark":"select__checkmark_67mpk","after":"select__after_67mpk","single":"select__single_67mpk","selected":"select__selected_67mpk","before":"select__before_67mpk","multiple":"select__multiple_67mpk","colorIcon":"select__colorIcon_67mpk"};
 require('./index.css')
 
 const Checkmark = ({ selected, disabled = false, className, multiple, position = 'before', }) => {

package/modern/components/checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: svm7b */
+/* hash: 107fo */
 :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);
@@ -49,12 +49,12 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
 
     /* optgroup */
-} .select__checkmark_15dpf {
+} .select__checkmark_67mpk {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_15dpf.select__after_15dpf {
+} .select__checkmark_67mpk.select__after_67mpk {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_15dpf {
+    } .select__single_67mpk {
     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_15dpf.select__selected_15dpf {
+} .select__single_67mpk.select__selected_67mpk {
         opacity: 1;
-    } .select__before_15dpf {
+    } .select__before_67mpk {
     display: var(--select-checkmark-before-display)
-} .select__before_15dpf.select__multiple_15dpf {
+} .select__before_67mpk.select__multiple_67mpk {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_15dpf.select__after_15dpf {
+    } .select__after_67mpk.select__after_67mpk {
     display: var(--select-checkmark-after-display)
-} .select__after_15dpf.select__after_15dpf.select__single_15dpf {
+} .select__after_67mpk.select__after_67mpk.select__single_67mpk {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_15dpf {
+    } .select__colorIcon_67mpk {
     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_1y2qj","selected":"select__selected_1y2qj","displayIcon":"select__displayIcon_1y2qj","displayBadge":"select__displayBadge_1y2qj"};
+const styles = {"checkmark":"select__checkmark_8slhp","selected":"select__selected_8slhp","displayIcon":"select__displayIcon_8slhp","displayBadge":"select__displayBadge_8slhp"};
 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: 2y81q */
+/* hash: 1ib4q */
 :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 */
@@ -32,7 +32,7 @@
     --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
-} .select__checkmark_1y2qj {
+} .select__checkmark_8slhp {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -40,12 +40,12 @@
     width: 24px;
     height: 24px;
     opacity: 0
-} .select__checkmark_1y2qj:first-child {
+} .select__checkmark_8slhp:first-child {
         display: none;
-    } .select__checkmark_1y2qj.select__selected_1y2qj {
+    } .select__checkmark_8slhp.select__selected_8slhp {
         opacity: 1;
-    } .select__displayIcon_1y2qj {
+    } .select__displayIcon_8slhp {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_1y2qj {
+} .select__displayBadge_8slhp {
     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_1bd1j","clearButton":"select__clearButton_1bd1j"};
+const styles = {"clearIcon":"select__clearIcon_1gu5v","clearButton":"select__clearButton_1gu5v"};
 require('./index.css')
 
 const ClearButton = ({ disabled, onClick, dataTestId, size }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 14tyx */
+/* hash: 1ec9h */
 :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);
@@ -45,13 +45,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__clearIcon_1bd1j {
+} .select__clearIcon_1gu5v {
     display: block;
     color: var(--color-light-neutral-translucent-500)
-} .select__clearIcon_1bd1j:hover {
+} .select__clearIcon_1gu5v:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .select__clearIcon_1bd1j:active {
+    } .select__clearIcon_1gu5v:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } .select__clearButton_1bd1j + [data-addon='error-icon'] {
+    } .select__clearButton_1gu5v + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/modern/components/field/Component.d.ts

@@ -9,5 +9,5 @@ type FieldProps = {
      */
     FormControlComponent?: ElementType;
 };
-declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, clear, onClear, ...restProps }: BaseFieldProps & FormControlProps & FieldProps) => React.JSX.Element;
+declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, clear, onClear, valueSeparator, ...restProps }: BaseFieldProps & FormControlProps & FieldProps) => React.JSX.Element;
 export { Field };

package/modern/components/field/Component.js

@@ -5,16 +5,16 @@ import { useFocus } from '@alfalab/hooks';
 import { joinOptions } from '../../utils.js';
 import { ClearButton } from '../clear-button/Component.js';
 
-const styles = {"component":"select__component_1j1jx","field":"select__field_1j1jx","disabled":"select__disabled_1j1jx","arrow":"select__arrow_1j1jx","placeholder":"select__placeholder_1j1jx","show-placeholder":"select__show-placeholder_1j1jx","focused":"select__focused_1j1jx","contentWrapper":"select__contentWrapper_1j1jx","size-40":"select__size-40_1j1jx","value":"select__value_1j1jx","focusVisible":"select__focusVisible_1j1jx"};
+const styles = {"component":"select__component_1oio8","field":"select__field_1oio8","disabled":"select__disabled_1oio8","arrow":"select__arrow_1oio8","placeholder":"select__placeholder_1oio8","show-placeholder":"select__show-placeholder_1oio8","focused":"select__focused_1oio8","contentWrapper":"select__contentWrapper_1oio8","size-40":"select__size-40_1oio8","value":"select__value_1oio8","focusVisible":"select__focusVisible_1oio8"};
 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 }) => {
+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, valueSeparator, ...restProps }) => {
     const [focused, setFocused] = useState(false);
     const wrapperRef = useRef(null);
     const [focusVisible] = useFocus(wrapperRef, 'keyboard');
     const handleFocus = useCallback(() => setFocused(true), []);
     const handleBlur = useCallback(() => setFocused(false), []);
-    const value = valueRenderer({ selected, selectedMultiple });
+    const value = valueRenderer({ selected, selectedMultiple, valueSeparator });
     const filled = Boolean(value);
     const showLabel = !!label || labelView === 'outer';
     const showPlaceholder = !!placeholder && !filled && (open || !label || labelView === 'outer');

package/modern/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cihb */
+/* hash: 1m0ru */
 :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;
@@ -49,22 +49,22 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1j1jx {
+} .select__component_1oio8 {
     width: 100%;
     outline: none;
-} .select__field_1j1jx:not(.select__disabled_1j1jx) {
+} .select__field_1oio8:not(.select__disabled_1oio8) {
     cursor: pointer
-} .select__field_1j1jx:not(.select__disabled_1j1jx):hover .select__arrow_1j1jx {
+} .select__field_1oio8:not(.select__disabled_1oio8):hover .select__arrow_1oio8 {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_1j1jx {
+        } .select__disabled_1oio8 {
     cursor: var(--disabled-cursor);
-} .select__placeholder_1j1jx {
+} .select__placeholder_1oio8 {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_1j1jx 0.2s ease
-} .select__placeholder_1j1jx.select__focused_1j1jx {
+    animation: select__show-placeholder_1oio8 0.2s ease
+} .select__placeholder_1oio8.select__focused_1oio8 {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_1j1jx {
+    } .select__contentWrapper_1oio8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -73,22 +73,22 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%
-} .select__contentWrapper_1j1jx.select__size-40_1j1jx {
+} .select__contentWrapper_1oio8.select__size-40_1oio8 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__value_1j1jx {
+    } .select__value_1oio8 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left
-} .select__value_1j1jx.select__size-40_1j1jx {
+} .select__value_1oio8.select__size-40_1oio8 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__focusVisible_1j1jx {
+    } .select__focusVisible_1oio8 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_1j1jx {
+} @keyframes select__show-placeholder_1oio8 {
     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_xb78u","button":"select__button_xb78u","highlighted":"select__highlighted_xb78u"};
+const styles = {"footer":"select__footer_1lugq","button":"select__button_1lugq","highlighted":"select__highlighted_1lugq"};
 require('./index.css')
 
 const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {

package/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1y33g */
+/* hash: 8fz5s */
 :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;
@@ -34,17 +34,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_xb78u {
+} .select__footer_1lugq {
     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_xb78u .select__button_xb78u:first-of-type {
+} .select__footer_1lugq .select__button_1lugq:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_xb78u {
+    } .select__button_1lugq {
     width: 50%;
-} .select__highlighted_xb78u {
+} .select__highlighted_1lugq {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }