@alfalab/core-components 47.14.0-beta.0 → 47.14.0

package/select/components/virtual-options-list/index.css

@@ -22,6 +22,9 @@
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
 } :root {
 } :root {
 } :root {
@@ -33,8 +36,8 @@
 
     /* option */
 
-    --select-option-left-padding: var(--gap-s);
-    --select-option-right-padding: var(--gap-s);
+    --select-option-left-padding: var(--gap-12);
+    --select-option-right-padding: var(--gap-12);
 
     /* checkmark */
 
@@ -83,10 +86,10 @@
     .select__highlighted_1gsun + .select__virtualRow_1gsun:before {
         display: none;
     } .select__emptyPlaceholder_1gsun {
-    padding: var(--gap-m) var(--gap-s);
+    padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 } .select__size-64_1gsun .select__emptyPlaceholder_1gsun,
 .select__size-72_1gsun .select__emptyPlaceholder_1gsun {
-    padding: var(--gap-xl) var(--gap-m);
+    padding: var(--gap-24) var(--gap-16);
 }

package/select/cssm/components/base-option/index.module.css

@@ -23,6 +23,9 @@
     --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
 } :root {
 } :root {
     --disabled-cursor: not-allowed;
@@ -64,17 +67,17 @@
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     } .option.checkmarkBefore {
-        padding: 0 0 0 var(--gap-s)
+        padding: 0 0 0 var(--gap-12)
     } .option.checkmarkBefore.mobile {
-            padding-left: var(--gap-m);
+            padding-left: var(--gap-16);
         } .option.checkmarkAfter.checkmarkAfter {
-        padding: 0 var(--gap-s) 0 0
+        padding: 0 var(--gap-12) 0 0
     } .option.checkmarkAfter.checkmarkAfter.mobile {
-            padding-right: var(--gap-l);
+            padding-right: var(--gap-20);
         } .option.textContent {
-        padding: var(--gap-s)
+        padding: var(--gap-12)
     } .option.textContent.mobile {
-            padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
+            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
         } .selected {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
@@ -87,9 +90,9 @@
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 } .checkmarkBeforeContent {
-    margin-right: var(--gap-s);
+    margin-right: var(--gap-12);
 } .checkmarkAfterContent {
-    margin-left: var(--gap-s);
+    margin-left: var(--gap-12);
 } .content {
     flex: 1;
 }

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

@@ -397,7 +397,7 @@ function (props, ref) {
             return null;
         var listProps = optionsListProps;
         return (React__default.default.createElement("div", tslib.__assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn__default.default(optionsListClassName, view === 'mobile' && mobileStyles__default.default.optionsListWrapper, view === 'desktop' && styles__default.default.optionsListWrapper) }),
-            React__default.default.createElement(OptionsList, tslib.__assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn__default.default((_a = {}, _a[mobileStyles__default.default.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn__default.default((_b = {}, _b[mobileStyles__default.default.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: optionsSize, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, groupOptionProps: groupOptionProps, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn__default.default(optionGroupClassName, (_c = {},
+            React__default.default.createElement(OptionsList, tslib.__assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn__default.default((_a = {}, _a[mobileStyles__default.default.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn__default.default((_b = {}, _b[mobileStyles__default.default.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, groupOptionProps: groupOptionProps, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn__default.default(optionGroupClassName, (_c = {},
                     _c[mobileStyles__default.default.optionGroup] = view === 'mobile',
                     _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize })),
             view === 'desktop' && React__default.default.createElement("div", { className: styles__default.default.optionsListBorder })));

package/select/cssm/components/base-select/index.module.css

@@ -22,6 +22,8 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } :root {
@@ -30,7 +32,7 @@
 
     --select-options-list-border-radius: var(--border-radius-m);
     --select-options-list-box-shadow: var(--shadow-m);
-    --select-options-list-offset: var(--gap-2xs);
+    --select-options-list-offset: var(--gap-4);
     --select-options-list-top-padding: 0;
     --select-options-list-bottom-padding: 0;
 
@@ -90,7 +92,7 @@
 } .emptySearchPlaceholder {
     text-align: center;
 } .search {
-    margin: var(--gap-s) var(--gap-s) 0
+    margin: var(--gap-12) var(--gap-12) 0
 } .search:last-child {
-        margin-bottom: var(--gap-s);
+        margin-bottom: var(--gap-12);
     }

package/select/cssm/components/base-select/mobile.module.css

@@ -19,6 +19,10 @@
     --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
 } :root {
 } :root {
 } :root {
@@ -49,11 +53,11 @@
 } .scrollbar {
     flex: 1;
 } .search {
-    padding: var(--gap-xs);
+    padding: var(--gap-8);
 } .option.option {
-    padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
+    padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
 } .option.option:before {
         display: none;
     } .optionGroup.optionGroup {
-    padding: var(--gap-m) var(--gap-m) var(--gap-xs);
+    padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

package/select/cssm/components/checkmark/index.module.css

@@ -20,6 +20,8 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } :root {
@@ -30,7 +32,7 @@
 
     /* checkmark */
 
-    --select-checkmark-margin: 0 var(--gap-xs) 0 0;
+    --select-checkmark-margin: 0 var(--gap-8) 0 0;
     --select-checkmark-margin-after: var(--select-checkmark-margin);
     --select-checkmark-size: 4px;
     --select-checkmark-before-display: 'flex';
@@ -62,7 +64,7 @@
     } .before {
     display: var(--select-checkmark-before-display)
 } .before.multiple {
-        margin-right: var(--gap-s);
+        margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     } .after.after {
     display: var(--select-checkmark-after-display)

package/select/cssm/components/clear-button/index.module.css

@@ -19,6 +19,7 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
 } :root {
@@ -52,5 +53,5 @@
     } .clearButton + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 } .clearButton + * {
-    margin-left: var(--gap-2xs);
+    margin-left: var(--gap-4);
 }

package/select/cssm/components/footer/index.module.css

@@ -18,6 +18,7 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
 } :root {
@@ -33,10 +34,10 @@
     display: flex;
     box-sizing: border-box;
     width: 100%;
-    padding: var(--gap-m) var(--gap-m);
+    padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary)
 } .footer .button:first-of-type {
-        margin-right: var(--gap-m);
+        margin-right: var(--gap-16);
     } .button {
     width: 50%;
 } .highlighted {

package/select/cssm/components/optgroup/index.module.css

@@ -20,6 +20,9 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
 } :root {
@@ -34,15 +37,15 @@
 
     --select-optgroup-color: var(--color-light-text-secondary);
     --select-optgroup-background: var(--color-light-modal-bg-primary);
-    --select-optgroup-left-padding: var(--gap-s);
-    --select-optgroup-right-padding: var(--gap-s);
-    --select-optgroup-l-left-padding: var(--gap-m);
-    --select-optgroup-l-right-padding: var(--gap-m);
+    --select-optgroup-left-padding: var(--gap-12);
+    --select-optgroup-right-padding: var(--gap-12);
+    --select-optgroup-l-left-padding: var(--gap-16);
+    --select-optgroup-l-right-padding: var(--gap-16);
 } .optgroup {
     position: relative;
     display: flex;
     align-items: center;
-    padding: var(--gap-s) var(--select-optgroup-right-padding) var(--gap-2xs)
+    padding: var(--gap-12) var(--select-optgroup-right-padding) var(--gap-4)
         var(--select-optgroup-left-padding);
     box-sizing: border-box;
     background: var(--select-optgroup-background);

package/select/cssm/components/option/index.module.css

@@ -23,6 +23,8 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
     --disabled-cursor: not-allowed;
@@ -38,10 +40,10 @@
 
     /* option */
 
-    --select-option-left-padding: var(--gap-s);
-    --select-option-right-padding: var(--gap-s);
-    --select-option-l-left-padding: var(--gap-m);
-    --select-option-l-right-padding: var(--gap-m);
+    --select-option-left-padding: var(--gap-12);
+    --select-option-right-padding: var(--gap-12);
+    --select-option-l-left-padding: var(--gap-16);
+    --select-option-l-right-padding: var(--gap-16);
     --select-option-background: var(--color-light-modal-bg-primary);
     --select-option-selected-background: var(--color-light-modal-bg-primary);
     --select-option-hover-background: var(--color-light-transparent-default-hover);
@@ -121,6 +123,6 @@
     text-overflow: ellipsis;
     white-space: nowrap;
 } .textContent {
-    padding-top: var(--gap-s);
-    padding-bottom: var(--gap-s);
+    padding-top: var(--gap-12);
+    padding-bottom: var(--gap-12);
 }

package/select/cssm/components/options-list/index.module.css

@@ -20,6 +20,9 @@
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
 } :root {
 } :root {
 } :root {
@@ -55,9 +58,9 @@
     overflow: auto;
     width: 100%;
 } .emptyPlaceholder {
-    padding: var(--gap-m) var(--gap-s);
+    padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 } .size-64 .emptyPlaceholder,
 .size-72 .emptyPlaceholder {
-    padding: var(--gap-xl) var(--gap-m);
+    padding: var(--gap-24) var(--gap-16);
 }

package/select/cssm/components/virtual-options-list/index.module.css

@@ -21,6 +21,9 @@
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
 } :root {
 } :root {
 } :root {
@@ -32,8 +35,8 @@
 
     /* option */
 
-    --select-option-left-padding: var(--gap-s);
-    --select-option-right-padding: var(--gap-s);
+    --select-option-left-padding: var(--gap-12);
+    --select-option-right-padding: var(--gap-12);
 
     /* checkmark */
 
@@ -82,10 +85,10 @@
     .highlighted + .virtualRow:before {
         display: none;
     } .emptyPlaceholder {
-    padding: var(--gap-m) var(--gap-s);
+    padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 } .size-64 .emptyPlaceholder,
 .size-72 .emptyPlaceholder {
-    padding: var(--gap-xl) var(--gap-m);
+    padding: var(--gap-24) var(--gap-16);
 }

package/select/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css

@@ -18,12 +18,14 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } .footer {
     background-color: var(--color-light-base-bg-primary);
-    padding: var(--gap-s);
+    padding: var(--gap-12);
     outline: none
 } .footer > .button + .button {
-        margin-left: var(--gap-xs);
+        margin-left: var(--gap-8);
     }

package/select/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css

@@ -17,10 +17,12 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } .desktop {
-    padding: var(--gap-s);
+    padding: var(--gap-12);
 } .mobile {
-    padding: var(--gap-s) var(--gap-xs);
+    padding: var(--gap-12) var(--gap-8);
 }

package/select/esm/Component.responsive.js

@@ -19,12 +19,12 @@ import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import './list-popover-desktop-aca36dc9.js';
+import './list-popover-desktop-446b6d5f.js';
 import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/base-select/components/list-mobile/list-mobile.js';
 import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import './mobile.module-94d955f8.js';
+import './mobile.module-eaf56278.js';
 import './components/base-select/components/list-mobile/list-modal-mobile.js';
 import './components/field/Component.js';
 import './components/clear-button/Component.js';
@@ -52,7 +52,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-238e823a.js';
+import './hook-570b8ac7.js';
 import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';

package/select/esm/components/base-option/index.css

@@ -24,6 +24,9 @@
     --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
 } :root {
 } :root {
     --disabled-cursor: not-allowed;
@@ -65,17 +68,17 @@
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     } .select__option_tn92w.select__checkmarkBefore_tn92w {
-        padding: 0 0 0 var(--gap-s)
+        padding: 0 0 0 var(--gap-12)
     } .select__option_tn92w.select__checkmarkBefore_tn92w.select__mobile_tn92w {
-            padding-left: var(--gap-m);
+            padding-left: var(--gap-16);
         } .select__option_tn92w.select__checkmarkAfter_tn92w.select__checkmarkAfter_tn92w {
-        padding: 0 var(--gap-s) 0 0
+        padding: 0 var(--gap-12) 0 0
     } .select__option_tn92w.select__checkmarkAfter_tn92w.select__checkmarkAfter_tn92w.select__mobile_tn92w {
-            padding-right: var(--gap-l);
+            padding-right: var(--gap-20);
         } .select__option_tn92w.select__textContent_tn92w {
-        padding: var(--gap-s)
+        padding: var(--gap-12)
     } .select__option_tn92w.select__textContent_tn92w.select__mobile_tn92w {
-            padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
+            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
         } .select__selected_tn92w {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
@@ -88,9 +91,9 @@
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 } .select__checkmarkBeforeContent_tn92w {
-    margin-right: var(--gap-s);
+    margin-right: var(--gap-12);
 } .select__checkmarkAfterContent_tn92w {
-    margin-left: var(--gap-s);
+    margin-left: var(--gap-12);
 } .select__content_tn92w {
     flex: 1;
 }

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

@@ -10,11 +10,11 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 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-aca36dc9.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-446b6d5f.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-94d955f8.js';
+import { m as mobileStyles } from '../../mobile.module-eaf56278.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
 import './components/list-mobile/list-modal-mobile.js';
 
@@ -388,7 +388,7 @@ function (props, ref) {
             return null;
         var listProps = optionsListProps;
         return (React.createElement("div", __assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) }),
-            React.createElement(OptionsList, __assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn((_a = {}, _a[mobileStyles.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn((_b = {}, _b[mobileStyles.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: optionsSize, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, groupOptionProps: groupOptionProps, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, (_c = {},
+            React.createElement(OptionsList, __assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn((_a = {}, _a[mobileStyles.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn((_b = {}, _b[mobileStyles.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, groupOptionProps: groupOptionProps, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, (_c = {},
                     _c[mobileStyles.optionGroup] = view === 'mobile',
                     _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize })),
             view === 'desktop' && React.createElement("div", { className: styles.optionsListBorder })));

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

@@ -1,4 +1,4 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-aca36dc9.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-446b6d5f.js';

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

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-94d955f8.js';
+import { m as mobileStyles } from '../../../../mobile.module-eaf56278.js';
 
 var ListBottomSheetMobile = function (props) {
     var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

package/select/esm/components/base-select/components/list-mobile/list-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { ListBottomSheetMobile } from './list-bottom-sheet-mobile.js';
 import { ListModalMobile } from './list-modal-mobile.js';
 import '../../../../../../shared/esm';
-import '../../../../mobile.module-94d955f8.js';
+import '../../../../mobile.module-eaf56278.js';
 import 'react-merge-refs';
 import 'classnames';
 

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

@@ -3,7 +3,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-94d955f8.js';
+import { m as mobileStyles } from '../../../../mobile.module-eaf56278.js';
 
 var ListModalMobile = function (props) {
     var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

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

@@ -23,6 +23,8 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } :root {
@@ -31,7 +33,7 @@
 
     --select-options-list-border-radius: var(--border-radius-m);
     --select-options-list-box-shadow: var(--shadow-m);
-    --select-options-list-offset: var(--gap-2xs);
+    --select-options-list-offset: var(--gap-4);
     --select-options-list-top-padding: 0;
     --select-options-list-bottom-padding: 0;
 
@@ -91,7 +93,7 @@
 } .select__emptySearchPlaceholder_d0r31 {
     text-align: center;
 } .select__search_d0r31 {
-    margin: var(--gap-s) var(--gap-s) 0
+    margin: var(--gap-12) var(--gap-12) 0
 } .select__search_d0r31:last-child {
-        margin-bottom: var(--gap-s);
+        margin-bottom: var(--gap-12);
     }

package/select/esm/components/base-select/index.js

@@ -11,10 +11,10 @@ import '@alfalab/hooks';
 import '../../utils.js';
 import '../native-select/Component.js';
 import './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../../list-popover-desktop-aca36dc9.js';
+import '../../list-popover-desktop-446b6d5f.js';
 import './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/list-mobile/list-mobile.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
-import '../../mobile.module-94d955f8.js';
+import '../../mobile.module-eaf56278.js';
 import './components/list-mobile/list-modal-mobile.js';

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

@@ -20,6 +20,10 @@
     --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
 } :root {
 } :root {
 } :root {
@@ -50,11 +54,11 @@
 } .select__scrollbar_rk2oo {
     flex: 1;
 } .select__search_rk2oo {
-    padding: var(--gap-xs);
+    padding: var(--gap-8);
 } .select__option_rk2oo.select__option_rk2oo {
-    padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
+    padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
 } .select__option_rk2oo.select__option_rk2oo:before {
         display: none;
     } .select__optionGroup_rk2oo.select__optionGroup_rk2oo {
-    padding: var(--gap-m) var(--gap-m) var(--gap-xs);
+    padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

package/select/esm/components/checkmark/index.css

@@ -21,6 +21,8 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } :root {
@@ -31,7 +33,7 @@
 
     /* checkmark */
 
-    --select-checkmark-margin: 0 var(--gap-xs) 0 0;
+    --select-checkmark-margin: 0 var(--gap-8) 0 0;
     --select-checkmark-margin-after: var(--select-checkmark-margin);
     --select-checkmark-size: 4px;
     --select-checkmark-before-display: 'flex';
@@ -63,7 +65,7 @@
     } .select__before_1533w {
     display: var(--select-checkmark-before-display)
 } .select__before_1533w.select__multiple_1533w {
-        margin-right: var(--gap-s);
+        margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     } .select__after_1533w.select__after_1533w {
     display: var(--select-checkmark-after-display)

package/select/esm/components/clear-button/index.css

@@ -20,6 +20,7 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
 } :root {
@@ -53,5 +54,5 @@
     } .select__clearButton_13ggn + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 } .select__clearButton_13ggn + * {
-    margin-left: var(--gap-2xs);
+    margin-left: var(--gap-4);
 }