@alfalab/core-components-select 17.11.0 → 17.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/arrow/Component.js +1 -1
- package/components/arrow/index.css +4 -4
- package/components/base-checkmark/Component.js +1 -1
- package/components/base-checkmark/index.css +7 -7
- package/components/base-option/Component.js +1 -1
- package/components/base-option/index.css +19 -18
- package/components/base-select/Component.js +2 -2
- package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/components/base-select/index.css +25 -23
- package/components/base-select/mobile.css +17 -16
- package/components/checkmark/Component.js +1 -1
- package/components/checkmark/index.css +13 -12
- package/components/checkmark-mobile/Component.js +1 -1
- package/components/checkmark-mobile/index.css +7 -7
- package/components/clear-button/Component.js +1 -1
- package/components/clear-button/index.css +7 -7
- package/components/field/Component.js +1 -1
- package/components/field/index.css +13 -13
- package/components/footer/Component.js +1 -1
- package/components/footer/index.css +6 -6
- package/components/optgroup/Component.js +1 -1
- package/components/optgroup/index.css +7 -7
- package/components/option/Component.js +1 -1
- package/components/option/index.css +22 -22
- package/components/options-list/Component.js +3 -3
- package/components/options-list/index.css +15 -12
- package/components/search/Component.js +1 -1
- package/components/search/index.css +3 -3
- package/components/virtual-options-list/Component.js +1 -1
- package/components/virtual-options-list/index.css +21 -20
- package/cssm/components/arrow/index.module.css +1 -1
- package/cssm/components/base-checkmark/index.module.css +1 -1
- package/cssm/components/base-option/index.module.css +4 -3
- package/cssm/components/base-select/index.module.css +14 -12
- package/cssm/components/base-select/mobile.module.css +5 -4
- package/cssm/components/checkmark/index.module.css +3 -2
- package/cssm/components/checkmark-mobile/index.module.css +1 -1
- package/cssm/components/clear-button/index.module.css +1 -1
- package/cssm/components/field/index.module.css +1 -1
- package/cssm/components/footer/index.module.css +1 -1
- package/cssm/components/optgroup/index.module.css +1 -1
- package/cssm/components/option/index.module.css +3 -3
- package/cssm/components/options-list/Component.js +2 -2
- package/cssm/components/options-list/index.module.css +5 -2
- package/cssm/components/search/index.module.css +1 -1
- package/cssm/components/virtual-options-list/index.module.css +6 -5
- package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +3 -1
- package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +0 -0
- package/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +1 -1
- package/cssm/utils.d.ts +1 -1
- package/cssm/utils.js +11 -0
- package/esm/components/arrow/Component.js +1 -1
- package/esm/components/arrow/index.css +4 -4
- package/esm/components/base-checkmark/Component.js +1 -1
- package/esm/components/base-checkmark/index.css +7 -7
- package/esm/components/base-option/Component.js +1 -1
- package/esm/components/base-option/index.css +19 -18
- package/esm/components/base-select/Component.js +2 -2
- package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/esm/components/base-select/index.css +25 -23
- package/esm/components/base-select/mobile.css +17 -16
- package/esm/components/checkmark/Component.js +1 -1
- package/esm/components/checkmark/index.css +13 -12
- package/esm/components/checkmark-mobile/Component.js +1 -1
- package/esm/components/checkmark-mobile/index.css +7 -7
- package/esm/components/clear-button/Component.js +1 -1
- package/esm/components/clear-button/index.css +7 -7
- package/esm/components/field/Component.js +1 -1
- package/esm/components/field/index.css +13 -13
- package/esm/components/footer/Component.js +1 -1
- package/esm/components/footer/index.css +6 -6
- package/esm/components/optgroup/Component.js +1 -1
- package/esm/components/optgroup/index.css +7 -7
- package/esm/components/option/Component.js +1 -1
- package/esm/components/option/index.css +22 -22
- package/esm/components/options-list/Component.js +3 -3
- package/esm/components/options-list/index.css +15 -12
- package/esm/components/search/Component.js +1 -1
- package/esm/components/search/index.css +3 -3
- package/esm/components/virtual-options-list/Component.js +1 -1
- package/esm/components/virtual-options-list/index.css +21 -20
- package/esm/{list-popover-desktop-3b5200e4.js → list-popover-desktop-d8b3abfb.js} +1 -1
- package/esm/mobile/Component.mobile.js +1 -1
- package/esm/mobile.module-15868123.js +4 -0
- package/esm/presets/index.js +1 -1
- package/esm/presets/useSelectWithApply/hook.js +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
- package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/esm/presets/useSelectWithLoading/hook.js +1 -1
- package/esm/presets/useSelectWithLoading/index.css +2 -2
- package/esm/shared/index.js +1 -1
- package/esm/utils.d.ts +1 -1
- package/esm/utils.js +13 -2
- package/{list-popover-desktop-3e8f155e.js → list-popover-desktop-4aec6d4b.js} +1 -1
- package/mobile/Component.mobile.js +1 -1
- package/mobile.module-54208123.js +6 -0
- package/modern/components/arrow/Component.js +1 -1
- package/modern/components/arrow/index.css +4 -4
- package/modern/components/base-checkmark/Component.js +1 -1
- package/modern/components/base-checkmark/index.css +7 -7
- package/modern/components/base-option/Component.js +1 -1
- package/modern/components/base-option/index.css +19 -18
- package/modern/components/base-select/Component.js +2 -2
- package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/modern/components/base-select/index.css +25 -23
- package/modern/components/base-select/mobile.css +17 -16
- package/modern/components/checkmark/Component.js +1 -1
- package/modern/components/checkmark/index.css +13 -12
- package/modern/components/checkmark-mobile/Component.js +1 -1
- package/modern/components/checkmark-mobile/index.css +7 -7
- package/modern/components/clear-button/Component.js +1 -1
- package/modern/components/clear-button/index.css +7 -7
- package/modern/components/field/Component.js +1 -1
- package/modern/components/field/index.css +13 -13
- package/modern/components/footer/Component.js +1 -1
- package/modern/components/footer/index.css +6 -6
- package/modern/components/optgroup/Component.js +1 -1
- package/modern/components/optgroup/index.css +7 -7
- package/modern/components/option/Component.js +1 -1
- package/modern/components/option/index.css +22 -22
- package/modern/components/options-list/Component.js +3 -3
- package/modern/components/options-list/index.css +15 -12
- package/modern/components/search/Component.js +1 -1
- package/modern/components/search/index.css +3 -3
- package/modern/components/virtual-options-list/Component.js +1 -1
- package/modern/components/virtual-options-list/index.css +21 -20
- package/modern/{list-popover-desktop-387dae64.js → list-popover-desktop-3bfc5ee1.js} +1 -1
- package/modern/mobile/Component.mobile.js +1 -1
- package/modern/mobile.module-3f4bbe1a.js +4 -0
- package/modern/presets/index.js +1 -1
- package/modern/presets/useSelectWithApply/hook.js +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
- package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/modern/presets/useSelectWithLoading/hook.js +1 -1
- package/modern/presets/useSelectWithLoading/index.css +2 -2
- package/modern/shared/index.js +1 -1
- package/modern/utils.d.ts +1 -1
- package/modern/utils.js +13 -2
- package/moderncssm/components/base-option/index.module.css +2 -2
- package/moderncssm/components/base-select/index.module.css +11 -11
- package/moderncssm/components/base-select/mobile.module.css +3 -3
- package/moderncssm/components/checkmark/index.module.css +1 -1
- package/moderncssm/components/option/index.module.css +1 -2
- package/moderncssm/components/options-list/Component.js +2 -2
- package/moderncssm/components/options-list/index.module.css +4 -1
- package/moderncssm/components/virtual-options-list/index.module.css +4 -4
- package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +4 -3
- package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +0 -0
- package/moderncssm/utils.d.ts +1 -1
- package/moderncssm/utils.js +13 -2
- package/package.json +15 -15
- package/presets/index.js +1 -1
- package/presets/useSelectWithApply/hook.js +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
- package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
- package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/presets/useSelectWithLoading/hook.js +1 -1
- package/presets/useSelectWithLoading/index.css +2 -2
- package/shared/index.js +1 -1
- package/src/components/base-option/index.module.css +2 -2
- package/src/components/base-select/index.module.css +8 -8
- package/src/components/base-select/mobile.module.css +3 -3
- package/src/components/option/index.module.css +1 -2
- package/src/components/options-list/Component.tsx +2 -1
- package/src/components/options-list/index.module.css +5 -1
- package/src/components/virtual-options-list/index.module.css +4 -4
- package/src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +2 -1
- package/src/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +3 -0
- package/src/utils.ts +28 -3
- package/src/vars.css +4 -4
- package/utils.d.ts +1 -1
- package/utils.js +11 -0
- package/esm/mobile.module-841dbab1.js +0 -4
- package/mobile.module-6a431abb.js +0 -6
- package/modern/mobile.module-5583797d.js +0 -4
- /package/esm/{hook-4a4a5429.d.ts → hook-9859170a.d.ts} +0 -0
- /package/esm/{hook-4a4a5429.js → hook-9859170a.js} +0 -0
- /package/esm/{list-popover-desktop-3b5200e4.d.ts → list-popover-desktop-d8b3abfb.d.ts} +0 -0
- /package/{hook-06aedfaf.d.ts → hook-9116639c.d.ts} +0 -0
- /package/{hook-06aedfaf.js → hook-9116639c.js} +0 -0
- /package/{list-popover-desktop-3e8f155e.d.ts → list-popover-desktop-4aec6d4b.d.ts} +0 -0
- /package/modern/{hook-07ac3ee1.d.ts → hook-8e453871.d.ts} +0 -0
- /package/modern/{hook-07ac3ee1.js → hook-8e453871.js} +0 -0
- /package/modern/{list-popover-desktop-387dae64.d.ts → list-popover-desktop-3bfc5ee1.d.ts} +0 -0
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
|
|
3
3
|
import { getDataTestId } from '@alfalab/core-components-shared/modern';
|
|
4
4
|
|
|
5
|
-
const styles = {"footer":"
|
|
5
|
+
const styles = {"footer":"select__footer_yg98u","button":"select__button_yg98u"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], dataTestId, }) => (React.createElement("div", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: y80va */
|
|
2
2
|
: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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-base-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -23,10 +23,12 @@
|
|
|
23
23
|
--gap-12: var(--gap-s);
|
|
24
24
|
} :root {
|
|
25
25
|
} :root {
|
|
26
|
-
}
|
|
26
|
+
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
27
|
+
--select-option-list-footer-button-gap: var(--gap-8);
|
|
28
|
+
} .select__footer_yg98u {
|
|
27
29
|
background-color: var(--color-light-base-bg-primary);
|
|
28
30
|
padding: var(--gap-12);
|
|
29
31
|
outline: none
|
|
30
|
-
} .
|
|
31
|
-
margin-left: var(--gap
|
|
32
|
+
} .select__footer_yg98u > .select__button_yg98u + .select__button_yg98u {
|
|
33
|
+
margin-left: var(--select-option-list-footer-button-gap);
|
|
32
34
|
}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Checkbox } from '@alfalab/core-components-checkbox/modern';
|
|
4
4
|
|
|
5
|
-
const styles = {"desktop":"
|
|
5
|
+
const styles = {"desktop":"select__desktop_qh4u3","mobile":"select__mobile_qh4u3"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
const Header = ({ onChange, checked, indeterminate, mobile }) => (React.createElement("div", { className: cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile }) },
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: q8wgk */
|
|
2
2
|
: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 */
|
|
3
3
|
} /* 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 */
|
|
4
4
|
} :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 */
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
--gap-12: var(--gap-s);
|
|
23
23
|
} :root {
|
|
24
24
|
} :root {
|
|
25
|
-
} .
|
|
25
|
+
} /* сбрасывает синюю подсветку при нажатии */ .select__desktop_qh4u3 {
|
|
26
26
|
padding: var(--gap-12);
|
|
27
|
-
} .
|
|
27
|
+
} .select__mobile_qh4u3 {
|
|
28
28
|
padding: var(--gap-12) var(--gap-8);
|
|
29
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../../hook-
|
|
1
|
+
export * from "../../../hook-8e453871";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { O as OptionsListWithApply } from '../../../hook-
|
|
1
|
+
export { O as OptionsListWithApply } from '../../../hook-8e453871.js';
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { Skeleton } from '@alfalab/core-components-skeleton/modern';
|
|
3
3
|
import { Option } from '../../components/option/Component.js';
|
|
4
4
|
|
|
5
|
-
const styles = {"skeleton":"
|
|
5
|
+
const styles = {"skeleton":"select__skeleton_ckvwc"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {
|
package/modern/shared/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
|
|
2
2
|
export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
|
|
3
|
-
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-
|
|
3
|
+
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-8e453871.js';
|
|
4
4
|
export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
|
|
5
5
|
export { Option } from '../components/option/Component.js';
|
|
6
6
|
export { BaseOption } from '../components/base-option/Component.js';
|
package/modern/utils.d.ts
CHANGED
|
@@ -45,7 +45,7 @@ type useVisibleOptionsArgs = {
|
|
|
45
45
|
*/
|
|
46
46
|
actualOptionsCount?: boolean;
|
|
47
47
|
};
|
|
48
|
-
declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs):
|
|
48
|
+
declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): boolean;
|
|
49
49
|
declare function defaultFilterFn(optionText: string, search: string): boolean;
|
|
50
50
|
declare function defaultGroupAccessor(option: GroupShape): string | undefined;
|
|
51
51
|
declare function defaultAccessor(option: OptionShape): string;
|
package/modern/utils.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { isValidElement, cloneElement, useEffect, useRef } from 'react';
|
|
2
|
-
import { getDataTestId } from '@alfalab/core-components-shared/modern';
|
|
1
|
+
import { isValidElement, cloneElement, useState, useEffect, useRef } from 'react';
|
|
2
|
+
import { useIsMounted, fnUtils, getDataTestId } from '@alfalab/core-components-shared/modern';
|
|
3
3
|
|
|
4
4
|
const isGroup = (item) => Object.prototype.hasOwnProperty.call(item, 'options');
|
|
5
5
|
const isOptionShape = (item) => !!item && Object.prototype.hasOwnProperty.call(item, 'key');
|
|
@@ -69,6 +69,8 @@ function processOptions(options, selected = [], filterFn = () => true, filterGro
|
|
|
69
69
|
return { filteredOptions, flatOptions, selectedOptions };
|
|
70
70
|
}
|
|
71
71
|
function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef, open, invalidate, options, size, actualOptionsCount, }) {
|
|
72
|
+
const [, runIfMounted] = useIsMounted();
|
|
73
|
+
const [measured, setMeasured] = useState(false);
|
|
72
74
|
useEffect(() => {
|
|
73
75
|
const measureOptionHeight = (element) => typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;
|
|
74
76
|
const list = listRef.current;
|
|
@@ -96,8 +98,15 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
|
|
|
96
98
|
height += size / 2;
|
|
97
99
|
}
|
|
98
100
|
}
|
|
101
|
+
const prevHeight = styleTarget.style.height;
|
|
99
102
|
styleTarget.style.height = `${height}px`;
|
|
103
|
+
setMeasured(true);
|
|
104
|
+
return () => {
|
|
105
|
+
styleTarget.style.height = prevHeight;
|
|
106
|
+
runIfMounted(() => setMeasured(false));
|
|
107
|
+
};
|
|
100
108
|
}
|
|
109
|
+
return fnUtils.noop;
|
|
101
110
|
}, [
|
|
102
111
|
actualOptionsCount,
|
|
103
112
|
listRef,
|
|
@@ -107,7 +116,9 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
|
|
|
107
116
|
styleTargetRef,
|
|
108
117
|
visibleOptions,
|
|
109
118
|
invalidate,
|
|
119
|
+
runIfMounted,
|
|
110
120
|
]);
|
|
121
|
+
return measured;
|
|
111
122
|
}
|
|
112
123
|
function defaultFilterFn(optionText, search) {
|
|
113
124
|
if (!search)
|
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
color: var(--select-option-active-color);
|
|
40
40
|
}
|
|
41
41
|
.option.checkmarkBefore {
|
|
42
|
-
padding: 0 0 0 var(--gap-12)
|
|
42
|
+
padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
|
|
43
43
|
}
|
|
44
44
|
.option.checkmarkBefore.mobile {
|
|
45
45
|
padding-left: var(--gap-16);
|
|
46
46
|
}
|
|
47
47
|
.option.checkmarkAfter.checkmarkAfter {
|
|
48
|
-
padding: 0 var(--gap-12) 0 0
|
|
48
|
+
padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
|
|
49
49
|
}
|
|
50
50
|
.option.checkmarkAfter.checkmarkAfter.mobile {
|
|
51
51
|
padding-right: var(--gap-20);
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
|
|
4
4
|
/* options list */
|
|
5
5
|
|
|
6
|
-
--select-options-list-border-radius: var(--border-radius-
|
|
6
|
+
--select-options-list-border-radius: var(--border-radius-8);
|
|
7
7
|
--select-options-list-box-shadow: var(--shadow-m);
|
|
8
8
|
--select-options-list-offset: var(--gap-4);
|
|
9
|
-
--select-options-list-top-padding: 0;
|
|
10
|
-
--select-options-list-bottom-padding: 0;
|
|
9
|
+
--select-options-list-top-padding: var(--gap-0);
|
|
10
|
+
--select-options-list-bottom-padding: var(--gap-0);
|
|
11
11
|
|
|
12
12
|
/* option */
|
|
13
13
|
--select-option-background: var(--color-light-modal-bg-primary);
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
}
|
|
46
46
|
.optionsListBorder {
|
|
47
47
|
position: absolute;
|
|
48
|
-
top: 0;
|
|
49
|
-
right: 0;
|
|
50
|
-
bottom: 0;
|
|
51
|
-
left: 0;
|
|
48
|
+
top: var(--gap-0);
|
|
49
|
+
right: var(--gap-0);
|
|
50
|
+
bottom: var(--gap-0);
|
|
51
|
+
left: var(--gap-0);
|
|
52
52
|
box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
|
|
53
53
|
border-radius: inherit;
|
|
54
54
|
pointer-events: none;
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
opacity: 0;
|
|
58
58
|
overflow: hidden;
|
|
59
59
|
position: absolute;
|
|
60
|
-
top: 0;
|
|
61
|
-
bottom: 0;
|
|
62
|
-
left: 0;
|
|
60
|
+
top: var(--gap-0);
|
|
61
|
+
bottom: var(--gap-0);
|
|
62
|
+
left: var(--gap-0);
|
|
63
63
|
width: 100%;
|
|
64
64
|
max-width: 100%;
|
|
65
65
|
min-width: 0;
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
text-align: center;
|
|
75
75
|
}
|
|
76
76
|
.search {
|
|
77
|
-
margin: var(--gap-12) var(--gap-12) 0
|
|
77
|
+
margin: var(--gap-12) var(--gap-12) var(--gap-0)
|
|
78
78
|
}
|
|
79
79
|
.search:last-child {
|
|
80
80
|
margin-bottom: var(--gap-12);
|
|
@@ -13,15 +13,15 @@
|
|
|
13
13
|
overflow: hidden;
|
|
14
14
|
}
|
|
15
15
|
.sheetContent.sheetContent {
|
|
16
|
-
padding: 0
|
|
16
|
+
padding: var(--gap-0)
|
|
17
17
|
}
|
|
18
18
|
.sheetContent.sheetContent .modalContent {
|
|
19
|
-
padding: 0;
|
|
19
|
+
padding: var(--gap-0);
|
|
20
20
|
display: flex;
|
|
21
21
|
flex-direction: column;
|
|
22
22
|
}
|
|
23
23
|
.sheetContainer {
|
|
24
|
-
padding: 0;
|
|
24
|
+
padding: var(--gap-0);
|
|
25
25
|
}
|
|
26
26
|
.optionsListWrapper {
|
|
27
27
|
flex: 1;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
/* checkmark */
|
|
9
9
|
|
|
10
|
-
--select-checkmark-margin: 0 var(--gap-8) 0 0;
|
|
10
|
+
--select-checkmark-margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-0);
|
|
11
11
|
--select-checkmark-margin-after: var(--select-checkmark-margin);
|
|
12
12
|
--select-checkmark-size: 4px;
|
|
13
13
|
--select-checkmark-before-display: 'flex';
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
position: absolute;
|
|
52
52
|
left: var(--select-option-left-padding);
|
|
53
53
|
right: var(--select-option-right-padding);
|
|
54
|
-
top: 0;
|
|
54
|
+
top: var(--gap-0);
|
|
55
55
|
height: 1px;
|
|
56
56
|
background: var(--select-option-divider-background);
|
|
57
57
|
display: var(--select-option-divider-display);
|
|
@@ -103,7 +103,6 @@
|
|
|
103
103
|
overflow: hidden;
|
|
104
104
|
flex: 1;
|
|
105
105
|
text-overflow: ellipsis;
|
|
106
|
-
white-space: nowrap;
|
|
107
106
|
}
|
|
108
107
|
.textContent {
|
|
109
108
|
padding-top: var(--gap-12);
|
|
@@ -39,7 +39,7 @@ const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, sc
|
|
|
39
39
|
};
|
|
40
40
|
return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple, ...groupOptionProps }, group.options.map((option) => renderOption(option, counter()))));
|
|
41
41
|
};
|
|
42
|
-
useVisibleOptions({
|
|
42
|
+
const measured = useVisibleOptions({
|
|
43
43
|
...(!nativeScrollbar && { styleTargetRef: scrollbarRef }),
|
|
44
44
|
visibleOptions,
|
|
45
45
|
listRef,
|
|
@@ -69,7 +69,7 @@ const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, sc
|
|
|
69
69
|
'data-test-id': dataTestId,
|
|
70
70
|
ref: ref,
|
|
71
71
|
};
|
|
72
|
-
return (React.createElement(Scrollbar, { className: cn(styles.scrollable, scrollbarClassName), ref: scrollbarRef, horizontalAutoStretch: optionsListWidth === 'content', scrollableNodeProps: scrollableNodeProps, contentNodeProps: { ref: listRef } }, renderListItems()));
|
|
72
|
+
return (React.createElement(Scrollbar, { className: cn(styles.scrollable, scrollbarClassName), ref: scrollbarRef, horizontalAutoStretch: optionsListWidth === 'content', scrollableNodeProps: scrollableNodeProps, contentNodeProps: { ref: listRef }, maskProps: { className: measured ? undefined : styles.mask } }, renderListItems()));
|
|
73
73
|
};
|
|
74
74
|
const renderWithNativeScrollbar = () => (React.createElement("div", { className: cn(styles.scrollable, scrollbarClassName), ref: mergeRefs([listRef, ref]), onScroll: handleScroll }, renderListItems()));
|
|
75
75
|
const resetHighlightedIndex = () => setHighlightedIndex?.(-1);
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
}
|
|
27
27
|
.optionsListFooter {
|
|
28
28
|
position: sticky;
|
|
29
|
-
bottom: 0;
|
|
29
|
+
bottom: var(--gap-0);
|
|
30
30
|
box-sizing: border-box;
|
|
31
31
|
border-top: 1px solid transparent;
|
|
32
32
|
transition: border-color 0.2s ease
|
|
@@ -38,6 +38,9 @@
|
|
|
38
38
|
overflow: auto;
|
|
39
39
|
width: 100%;
|
|
40
40
|
}
|
|
41
|
+
.mask {
|
|
42
|
+
min-width: 4000px;
|
|
43
|
+
}
|
|
41
44
|
.emptyPlaceholder {
|
|
42
45
|
padding: var(--gap-16) var(--gap-12);
|
|
43
46
|
color: var(--select-options-list-empty-placeholder-color);
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
}
|
|
29
29
|
.virtualOptionsListFooter {
|
|
30
30
|
position: sticky;
|
|
31
|
-
bottom: 0;
|
|
31
|
+
bottom: var(--gap-0);
|
|
32
32
|
box-sizing: border-box;
|
|
33
33
|
border-top: 1px solid transparent
|
|
34
34
|
}
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
}
|
|
47
47
|
.virtualRow {
|
|
48
48
|
position: absolute;
|
|
49
|
-
top: 0;
|
|
50
|
-
left: 0;
|
|
49
|
+
top: var(--gap-0);
|
|
50
|
+
left: var(--gap-0);
|
|
51
51
|
width: 100%
|
|
52
52
|
}
|
|
53
53
|
.virtualRow:before {
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
z-index: 1;
|
|
57
57
|
left: var(--select-option-left-padding);
|
|
58
58
|
right: var(--select-option-right-padding);
|
|
59
|
-
top: 0;
|
|
59
|
+
top: var(--gap-0);
|
|
60
60
|
height: 1px;
|
|
61
61
|
background: var(--select-option-divider-background);
|
|
62
62
|
display: var(--select-option-divider-display);
|
package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/* */
|
|
2
|
-
|
|
2
|
+
:root {
|
|
3
|
+
--select-option-list-footer-button-gap: var(--gap-8);
|
|
4
|
+
}
|
|
3
5
|
.footer {
|
|
4
6
|
background-color: var(--color-light-base-bg-primary);
|
|
5
7
|
padding: var(--gap-12);
|
|
6
8
|
outline: none
|
|
7
9
|
}
|
|
8
|
-
|
|
9
10
|
.footer > .button + .button {
|
|
10
|
-
margin-left: var(--gap
|
|
11
|
+
margin-left: var(--select-option-list-footer-button-gap);
|
|
11
12
|
}
|
|
File without changes
|
package/moderncssm/utils.d.ts
CHANGED
|
@@ -45,7 +45,7 @@ type useVisibleOptionsArgs = {
|
|
|
45
45
|
*/
|
|
46
46
|
actualOptionsCount?: boolean;
|
|
47
47
|
};
|
|
48
|
-
declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs):
|
|
48
|
+
declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): boolean;
|
|
49
49
|
declare function defaultFilterFn(optionText: string, search: string): boolean;
|
|
50
50
|
declare function defaultGroupAccessor(option: GroupShape): string | undefined;
|
|
51
51
|
declare function defaultAccessor(option: OptionShape): string;
|
package/moderncssm/utils.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { isValidElement, cloneElement, useEffect, useRef } from 'react';
|
|
2
|
-
import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
|
|
1
|
+
import { isValidElement, cloneElement, useState, useEffect, useRef } from 'react';
|
|
2
|
+
import { useIsMounted, fnUtils, getDataTestId } from '@alfalab/core-components-shared/moderncssm';
|
|
3
3
|
|
|
4
4
|
const isGroup = (item) => Object.prototype.hasOwnProperty.call(item, 'options');
|
|
5
5
|
const isOptionShape = (item) => !!item && Object.prototype.hasOwnProperty.call(item, 'key');
|
|
@@ -69,6 +69,8 @@ function processOptions(options, selected = [], filterFn = () => true, filterGro
|
|
|
69
69
|
return { filteredOptions, flatOptions, selectedOptions };
|
|
70
70
|
}
|
|
71
71
|
function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef, open, invalidate, options, size, actualOptionsCount, }) {
|
|
72
|
+
const [, runIfMounted] = useIsMounted();
|
|
73
|
+
const [measured, setMeasured] = useState(false);
|
|
72
74
|
useEffect(() => {
|
|
73
75
|
const measureOptionHeight = (element) => typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;
|
|
74
76
|
const list = listRef.current;
|
|
@@ -96,8 +98,15 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
|
|
|
96
98
|
height += size / 2;
|
|
97
99
|
}
|
|
98
100
|
}
|
|
101
|
+
const prevHeight = styleTarget.style.height;
|
|
99
102
|
styleTarget.style.height = `${height}px`;
|
|
103
|
+
setMeasured(true);
|
|
104
|
+
return () => {
|
|
105
|
+
styleTarget.style.height = prevHeight;
|
|
106
|
+
runIfMounted(() => setMeasured(false));
|
|
107
|
+
};
|
|
100
108
|
}
|
|
109
|
+
return fnUtils.noop;
|
|
101
110
|
}, [
|
|
102
111
|
actualOptionsCount,
|
|
103
112
|
listRef,
|
|
@@ -107,7 +116,9 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
|
|
|
107
116
|
styleTargetRef,
|
|
108
117
|
visibleOptions,
|
|
109
118
|
invalidate,
|
|
119
|
+
runIfMounted,
|
|
110
120
|
]);
|
|
121
|
+
return measured;
|
|
111
122
|
}
|
|
112
123
|
function defaultFilterFn(optionText, search) {
|
|
113
124
|
if (!search)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-select",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.12.1",
|
|
4
4
|
"description": "Select component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -15,19 +15,19 @@
|
|
|
15
15
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-badge": "^5.6.
|
|
19
|
-
"@alfalab/core-components-base-modal": "^5.8.
|
|
20
|
-
"@alfalab/core-components-bottom-sheet": "^6.17.
|
|
21
|
-
"@alfalab/core-components-button": "^11.
|
|
22
|
-
"@alfalab/core-components-checkbox": "^4.6.
|
|
23
|
-
"@alfalab/core-components-form-control": "^12.
|
|
24
|
-
"@alfalab/core-components-input": "^15.1.
|
|
25
|
-
"@alfalab/core-components-modal": "^9.
|
|
18
|
+
"@alfalab/core-components-badge": "^5.6.1",
|
|
19
|
+
"@alfalab/core-components-base-modal": "^5.8.1",
|
|
20
|
+
"@alfalab/core-components-bottom-sheet": "^6.17.2",
|
|
21
|
+
"@alfalab/core-components-button": "^11.7.1",
|
|
22
|
+
"@alfalab/core-components-checkbox": "^4.6.1",
|
|
23
|
+
"@alfalab/core-components-form-control": "^12.4.0",
|
|
24
|
+
"@alfalab/core-components-input": "^15.1.2",
|
|
25
|
+
"@alfalab/core-components-modal": "^9.5.1",
|
|
26
26
|
"@alfalab/core-components-mq": "^4.3.0",
|
|
27
|
-
"@alfalab/core-components-popover": "^6.3.
|
|
28
|
-
"@alfalab/core-components-scrollbar": "^3.1.
|
|
29
|
-
"@alfalab/core-components-skeleton": "^5.
|
|
30
|
-
"@alfalab/core-components-shared": "^0.12.
|
|
27
|
+
"@alfalab/core-components-popover": "^6.3.1",
|
|
28
|
+
"@alfalab/core-components-scrollbar": "^3.1.1",
|
|
29
|
+
"@alfalab/core-components-skeleton": "^5.2.0",
|
|
30
|
+
"@alfalab/core-components-shared": "^0.12.1",
|
|
31
31
|
"@alfalab/hooks": "^1.13.0",
|
|
32
32
|
"@alfalab/icons-glyph": "^2.139.0",
|
|
33
33
|
"@juggle/resize-observer": "^3.3.1",
|
|
@@ -39,6 +39,6 @@
|
|
|
39
39
|
"react-virtual": "^2.3.2",
|
|
40
40
|
"tslib": "^2.4.0"
|
|
41
41
|
},
|
|
42
|
-
"themesVersion": "13.
|
|
43
|
-
"varsVersion": "9.
|
|
42
|
+
"themesVersion": "13.2.0",
|
|
43
|
+
"varsVersion": "9.13.1"
|
|
44
44
|
}
|
package/presets/index.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
|
|
6
6
|
var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
|
|
7
|
-
var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-
|
|
7
|
+
var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-9116639c.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -6,7 +6,7 @@ require('tslib');
|
|
|
6
6
|
require('react');
|
|
7
7
|
require('deep-equal');
|
|
8
8
|
require('../../utils.js');
|
|
9
|
-
var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-
|
|
9
|
+
var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-9116639c.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@ require('tslib');
|
|
|
6
6
|
require('react');
|
|
7
7
|
require('../../../components/options-list/Component.js');
|
|
8
8
|
require('../../../consts.js');
|
|
9
|
-
var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-
|
|
9
|
+
var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-9116639c.js');
|
|
10
10
|
require('./footer/Component.js');
|
|
11
11
|
require('./header/Component.js');
|
|
12
12
|
|
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
|
|
13
|
-
var styles = {"footer":"
|
|
13
|
+
var styles = {"footer":"select__footer_yg98u","button":"select__button_yg98u"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Footer = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: y80va */
|
|
2
2
|
: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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-base-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -23,10 +23,12 @@
|
|
|
23
23
|
--gap-12: var(--gap-s);
|
|
24
24
|
} :root {
|
|
25
25
|
} :root {
|
|
26
|
-
}
|
|
26
|
+
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
27
|
+
--select-option-list-footer-button-gap: var(--gap-8);
|
|
28
|
+
} .select__footer_yg98u {
|
|
27
29
|
background-color: var(--color-light-base-bg-primary);
|
|
28
30
|
padding: var(--gap-12);
|
|
29
31
|
outline: none
|
|
30
|
-
} .
|
|
31
|
-
margin-left: var(--gap
|
|
32
|
+
} .select__footer_yg98u > .select__button_yg98u + .select__button_yg98u {
|
|
33
|
+
margin-left: var(--select-option-list-footer-button-gap);
|
|
32
34
|
}
|