@alfalab/core-components-select 17.19.0 → 17.20.0
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 +5 -5
- package/components/base-checkmark/Component.js +1 -1
- package/components/base-checkmark/index.css +6 -6
- package/components/base-option/Component.js +1 -1
- package/components/base-option/index.css +15 -15
- package/components/base-select/Component.js +2 -2
- package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
- 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 +11 -11
- package/components/base-select/mobile.css +12 -12
- package/components/checkmark/Component.js +1 -1
- package/components/checkmark/index.css +10 -10
- package/components/checkmark-mobile/Component.js +1 -1
- package/components/checkmark-mobile/index.css +6 -6
- 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 +14 -14
- package/components/footer/Component.js +1 -1
- package/components/footer/index.css +5 -5
- package/components/index.js +6 -2
- package/components/optgroup/Component.js +1 -1
- package/components/optgroup/index.css +6 -6
- package/components/option/Component.d.ts +16 -3
- package/components/option/Component.js +4 -9
- package/components/option/Component.responsive.d.ts +5 -0
- package/components/option/Component.responsive.js +19 -0
- package/components/option/desktop/Component.d.ts +5 -0
- package/components/option/desktop/Component.js +22 -0
- package/components/option/desktop/index.css +135 -0
- package/components/option/index.d.ts +3 -1
- package/components/option/index.js +6 -2
- package/components/option/mobile/Component.d.ts +5 -0
- package/components/option/mobile/Component.js +22 -0
- package/components/option/{index.css → mobile/index.css} +19 -19
- package/components/options-list/Component.js +1 -1
- package/components/options-list/index.css +11 -11
- package/components/search/Component.js +1 -1
- package/components/search/index.css +2 -2
- package/components/virtual-options-list/Component.js +8 -4
- package/components/virtual-options-list/index.css +15 -15
- package/cssm/components/index.js +6 -2
- package/cssm/components/option/Component.d.ts +16 -3
- package/cssm/components/option/Component.js +10 -14
- package/cssm/components/option/Component.responsive.d.ts +5 -0
- package/cssm/components/option/Component.responsive.js +19 -0
- package/cssm/components/option/desktop/Component.d.ts +5 -0
- package/cssm/components/option/desktop/Component.js +21 -0
- package/cssm/components/option/desktop/index.module.css +134 -0
- package/cssm/components/option/index.d.ts +3 -1
- package/cssm/components/option/index.js +6 -2
- package/cssm/components/option/mobile/Component.d.ts +5 -0
- package/cssm/components/option/mobile/Component.js +21 -0
- package/cssm/components/option/mobile/index.module.css +128 -0
- package/cssm/components/virtual-options-list/Component.js +7 -3
- package/cssm/desktop/Component.desktop.js +11 -2
- package/cssm/mobile/Component.mobile.js +11 -2
- package/cssm/presets/useLazyLoading/hook.js +11 -2
- package/cssm/presets/useSelectWithLoading/hook.js +11 -2
- package/cssm/shared/index.js +6 -2
- package/cssm/typings.d.ts +5 -3
- package/desktop/Component.desktop.js +7 -2
- package/esm/components/arrow/Component.js +1 -1
- package/esm/components/arrow/index.css +5 -5
- package/esm/components/base-checkmark/Component.js +1 -1
- package/esm/components/base-checkmark/index.css +6 -6
- package/esm/components/base-option/Component.js +1 -1
- package/esm/components/base-option/index.css +15 -15
- 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 +11 -11
- package/esm/components/base-select/mobile.css +12 -12
- package/esm/components/checkmark/Component.js +1 -1
- package/esm/components/checkmark/index.css +10 -10
- package/esm/components/checkmark-mobile/Component.js +1 -1
- package/esm/components/checkmark-mobile/index.css +6 -6
- 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 +14 -14
- package/esm/components/footer/Component.js +1 -1
- package/esm/components/footer/index.css +5 -5
- package/esm/components/index.js +3 -1
- package/esm/components/optgroup/Component.js +1 -1
- package/esm/components/optgroup/index.css +6 -6
- package/esm/components/option/Component.d.ts +16 -3
- package/esm/components/option/Component.js +6 -11
- package/esm/components/option/Component.responsive.d.ts +5 -0
- package/esm/components/option/Component.responsive.js +11 -0
- package/esm/components/option/desktop/Component.d.ts +5 -0
- package/esm/components/option/desktop/Component.js +14 -0
- package/esm/components/option/desktop/index.css +135 -0
- package/esm/components/option/index.d.ts +3 -1
- package/esm/components/option/index.js +3 -1
- package/esm/components/option/mobile/Component.d.ts +5 -0
- package/esm/components/option/mobile/Component.js +14 -0
- package/esm/components/option/{index.css → mobile/index.css} +19 -19
- package/esm/components/options-list/Component.js +1 -1
- package/esm/components/options-list/index.css +11 -11
- package/esm/components/search/Component.js +1 -1
- package/esm/components/search/index.css +2 -2
- package/esm/components/virtual-options-list/Component.js +8 -4
- package/esm/components/virtual-options-list/index.css +15 -15
- package/esm/desktop/Component.desktop.js +8 -3
- package/esm/{list-popover-desktop-3f111509.js → list-popover-desktop-e50a493c.js} +1 -1
- package/esm/mobile/Component.mobile.js +9 -4
- package/esm/mobile.module-3e93ab18.js +4 -0
- package/esm/presets/index.js +1 -1
- package/esm/presets/useLazyLoading/hook.js +8 -3
- 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 +3 -3
- 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 +9 -4
- package/esm/presets/useSelectWithLoading/index.css +2 -2
- package/esm/shared/index.js +4 -2
- package/esm/typings.d.ts +5 -3
- package/{list-popover-desktop-a809f4f3.js → list-popover-desktop-65455002.js} +1 -1
- package/mobile/Component.mobile.js +8 -3
- package/mobile.module-f81e94c5.js +6 -0
- package/modern/components/arrow/Component.js +1 -1
- package/modern/components/arrow/index.css +5 -5
- package/modern/components/base-checkmark/Component.js +1 -1
- package/modern/components/base-checkmark/index.css +6 -6
- package/modern/components/base-option/Component.js +1 -1
- package/modern/components/base-option/index.css +15 -15
- 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 +11 -11
- package/modern/components/base-select/mobile.css +12 -12
- package/modern/components/checkmark/Component.js +1 -1
- package/modern/components/checkmark/index.css +10 -10
- package/modern/components/checkmark-mobile/Component.js +1 -1
- package/modern/components/checkmark-mobile/index.css +6 -6
- 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 +14 -14
- package/modern/components/footer/Component.js +1 -1
- package/modern/components/footer/index.css +5 -5
- package/modern/components/index.js +3 -1
- package/modern/components/optgroup/Component.js +1 -1
- package/modern/components/optgroup/index.css +6 -6
- package/modern/components/option/Component.d.ts +16 -3
- package/modern/components/option/Component.js +4 -9
- package/modern/components/option/Component.responsive.d.ts +5 -0
- package/modern/components/option/Component.responsive.js +7 -0
- package/modern/components/option/desktop/Component.d.ts +5 -0
- package/modern/components/option/desktop/Component.js +10 -0
- package/modern/components/option/desktop/index.css +135 -0
- package/modern/components/option/index.d.ts +3 -1
- package/modern/components/option/index.js +3 -1
- package/modern/components/option/mobile/Component.d.ts +5 -0
- package/modern/components/option/mobile/Component.js +10 -0
- package/modern/components/option/{index.css → mobile/index.css} +19 -19
- package/modern/components/options-list/Component.js +1 -1
- package/modern/components/options-list/index.css +11 -11
- package/modern/components/search/Component.js +1 -1
- package/modern/components/search/index.css +2 -2
- package/modern/components/virtual-options-list/Component.js +3 -3
- package/modern/components/virtual-options-list/index.css +15 -15
- package/modern/desktop/Component.desktop.js +7 -2
- package/modern/{list-popover-desktop-6d15956b.js → list-popover-desktop-39136773.js} +1 -1
- package/modern/mobile/Component.mobile.js +9 -4
- package/modern/mobile.module-7061a16e.js +4 -0
- package/modern/presets/index.js +1 -1
- package/modern/presets/useLazyLoading/hook.js +8 -3
- 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 +3 -3
- 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 +9 -4
- package/modern/presets/useSelectWithLoading/index.css +2 -2
- package/modern/shared/index.js +4 -2
- package/modern/typings.d.ts +5 -3
- package/moderncssm/components/index.js +3 -1
- package/moderncssm/components/option/Component.d.ts +16 -3
- package/moderncssm/components/option/Component.js +4 -7
- package/moderncssm/components/option/Component.responsive.d.ts +5 -0
- package/moderncssm/components/option/Component.responsive.js +7 -0
- package/moderncssm/components/option/desktop/Component.d.ts +5 -0
- package/moderncssm/components/option/desktop/Component.js +8 -0
- package/moderncssm/components/option/desktop/index.module.css +118 -0
- package/moderncssm/components/option/index.d.ts +3 -1
- package/moderncssm/components/option/index.js +3 -1
- package/moderncssm/components/option/mobile/Component.d.ts +5 -0
- package/moderncssm/components/option/mobile/Component.js +8 -0
- package/moderncssm/components/option/mobile/index.module.css +110 -0
- package/moderncssm/components/virtual-options-list/Component.js +2 -2
- package/moderncssm/desktop/Component.desktop.js +11 -2
- package/moderncssm/mobile/Component.mobile.js +12 -3
- package/moderncssm/presets/useLazyLoading/hook.js +12 -3
- package/moderncssm/presets/useSelectWithLoading/hook.js +12 -3
- package/moderncssm/shared/index.js +3 -1
- package/moderncssm/typings.d.ts +5 -3
- package/package.json +1 -1
- package/presets/index.js +1 -1
- package/presets/useLazyLoading/hook.js +7 -2
- 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 +3 -3
- 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 +8 -3
- package/presets/useSelectWithLoading/index.css +2 -2
- package/shared/index.js +7 -3
- package/src/components/option/Component.responsive.tsx +9 -0
- package/src/components/option/Component.tsx +17 -6
- package/src/components/option/desktop/Component.tsx +11 -0
- package/src/components/option/desktop/index.module.css +13 -0
- package/src/components/option/index.ts +3 -1
- package/src/components/option/mobile/Component.tsx +11 -0
- package/src/components/option/mobile/index.module.css +3 -0
- package/src/components/virtual-options-list/Component.tsx +6 -3
- package/src/typings.ts +4 -2
- package/typings.d.ts +5 -3
- package/esm/mobile.module-8b1bdca7.js +0 -4
- package/mobile.module-e1d050c2.js +0 -6
- package/modern/mobile.module-13db2bf1.js +0 -4
- /package/esm/{hook-1ba9fd0a.d.ts → hook-754422a7.d.ts} +0 -0
- /package/esm/{hook-1ba9fd0a.js → hook-754422a7.js} +0 -0
- /package/esm/{list-popover-desktop-3f111509.d.ts → list-popover-desktop-e50a493c.d.ts} +0 -0
- /package/{hook-639eaf6a.d.ts → hook-e07a6d8c.d.ts} +0 -0
- /package/{hook-639eaf6a.js → hook-e07a6d8c.js} +0 -0
- /package/{list-popover-desktop-a809f4f3.d.ts → list-popover-desktop-65455002.d.ts} +0 -0
- /package/modern/{hook-f9dc9773.d.ts → hook-80b83b8e.d.ts} +0 -0
- /package/modern/{hook-f9dc9773.js → hook-80b83b8e.js} +0 -0
- /package/modern/{list-popover-desktop-6d15956b.d.ts → list-popover-desktop-39136773.d.ts} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { getDataTestId } from '@alfalab/core-components-shared/esm';
|
|
4
|
-
import { m as mobileStyles } from '../../../../mobile.module-
|
|
4
|
+
import { m as mobileStyles } from '../../../../mobile.module-3e93ab18.js';
|
|
5
5
|
|
|
6
6
|
var ListBottomSheetMobile = function (props) {
|
|
7
7
|
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;
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import mergeRefs from 'react-merge-refs';
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { getDataTestId } from '@alfalab/core-components-shared/esm';
|
|
6
|
-
import { m as mobileStyles } from '../../../../mobile.module-
|
|
6
|
+
import { m as mobileStyles } from '../../../../mobile.module-3e93ab18.js';
|
|
7
7
|
|
|
8
8
|
var ListModalMobile = function (props) {
|
|
9
9
|
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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 12enh */
|
|
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-modal-bg-primary: #fff;
|
|
@@ -45,21 +45,21 @@
|
|
|
45
45
|
/* checkmark */
|
|
46
46
|
|
|
47
47
|
/* optgroup */
|
|
48
|
-
} .
|
|
48
|
+
} .select__component_1kgez {
|
|
49
49
|
width: max-content;
|
|
50
50
|
position: relative;
|
|
51
51
|
outline: 0;
|
|
52
52
|
max-width: 100%;
|
|
53
|
-
} .
|
|
53
|
+
} .select__popoverInner_1kgez {
|
|
54
54
|
padding-top: var(--select-options-list-offset);
|
|
55
55
|
padding-bottom: var(--select-options-list-offset);
|
|
56
56
|
background: transparent;
|
|
57
57
|
border-radius: 0;
|
|
58
58
|
position: relative;
|
|
59
|
-
} .
|
|
59
|
+
} .select__popoverInner_1kgez.select__popoverInner_1kgez {
|
|
60
60
|
box-shadow: none;
|
|
61
61
|
border: none;
|
|
62
|
-
} .
|
|
62
|
+
} .select__optionsListWrapper_1kgez {
|
|
63
63
|
position: relative;
|
|
64
64
|
padding-top: var(--select-options-list-top-padding);
|
|
65
65
|
padding-bottom: var(--select-options-list-bottom-padding);
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
background: var(--select-option-background);
|
|
69
69
|
overflow: hidden;
|
|
70
70
|
will-change: transform;
|
|
71
|
-
} .
|
|
71
|
+
} .select__optionsListBorder_1kgez {
|
|
72
72
|
position: absolute;
|
|
73
73
|
top: var(--gap-0);
|
|
74
74
|
right: var(--gap-0);
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
|
|
78
78
|
border-radius: inherit;
|
|
79
79
|
pointer-events: none;
|
|
80
|
-
} .
|
|
80
|
+
} .select__nativeSelect_1kgez {
|
|
81
81
|
opacity: 0;
|
|
82
82
|
overflow: hidden;
|
|
83
83
|
position: absolute;
|
|
@@ -90,12 +90,12 @@
|
|
|
90
90
|
height: 100%;
|
|
91
91
|
cursor: pointer;
|
|
92
92
|
z-index: 1;
|
|
93
|
-
} .
|
|
93
|
+
} .select__block_1kgez {
|
|
94
94
|
width: 100%;
|
|
95
|
-
} .
|
|
95
|
+
} .select__emptySearchPlaceholder_1kgez {
|
|
96
96
|
text-align: center;
|
|
97
|
-
} .
|
|
97
|
+
} .select__search_1kgez {
|
|
98
98
|
margin: var(--gap-12) var(--gap-12) var(--gap-0)
|
|
99
|
-
} .
|
|
99
|
+
} .select__search_1kgez:last-child {
|
|
100
100
|
margin-bottom: var(--gap-12);
|
|
101
101
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1hbqk */
|
|
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 */
|
|
@@ -36,30 +36,30 @@
|
|
|
36
36
|
/* checkmark */
|
|
37
37
|
|
|
38
38
|
/* optgroup */
|
|
39
|
-
} .
|
|
39
|
+
} .select__sheet_1pg0v {
|
|
40
40
|
overflow: hidden;
|
|
41
|
-
} .
|
|
41
|
+
} .select__sheetContent_1pg0v.select__sheetContent_1pg0v {
|
|
42
42
|
padding: var(--gap-0)
|
|
43
|
-
} .
|
|
43
|
+
} .select__sheetContent_1pg0v.select__sheetContent_1pg0v .select__modalContent_1pg0v {
|
|
44
44
|
padding: var(--gap-0);
|
|
45
45
|
display: flex;
|
|
46
46
|
flex-direction: column;
|
|
47
|
-
} .
|
|
47
|
+
} .select__sheetContainer_1pg0v {
|
|
48
48
|
padding: var(--gap-0);
|
|
49
|
-
} .
|
|
49
|
+
} .select__optionsListWrapper_1pg0v {
|
|
50
50
|
flex: 1;
|
|
51
|
-
} .
|
|
51
|
+
} .select__optionsList_1pg0v.select__optionsList_1pg0v {
|
|
52
52
|
height: 100%;
|
|
53
53
|
display: flex;
|
|
54
54
|
flex-direction: column;
|
|
55
|
-
} .
|
|
55
|
+
} .select__scrollbar_1pg0v {
|
|
56
56
|
flex: 1;
|
|
57
|
-
} .
|
|
57
|
+
} .select__search_1pg0v {
|
|
58
58
|
padding: var(--gap-8);
|
|
59
|
-
} .
|
|
59
|
+
} .select__option_1pg0v.select__option_1pg0v {
|
|
60
60
|
padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
|
|
61
|
-
} .
|
|
61
|
+
} .select__option_1pg0v.select__option_1pg0v:before {
|
|
62
62
|
display: none;
|
|
63
|
-
} .
|
|
63
|
+
} .select__optionGroup_1pg0v.select__optionGroup_1pg0v {
|
|
64
64
|
padding: var(--gap-16) var(--gap-16) var(--gap-8);
|
|
65
65
|
}
|
|
@@ -5,7 +5,7 @@ import { Checkbox } from '@alfalab/core-components-checkbox/esm';
|
|
|
5
5
|
import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
|
|
6
6
|
import CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';
|
|
7
7
|
|
|
8
|
-
var styles = {"checkmark":"
|
|
8
|
+
var styles = {"checkmark":"select__checkmark_9ls9k","after":"select__after_9ls9k","single":"select__single_9ls9k","selected":"select__selected_9ls9k","before":"select__before_9ls9k","multiple":"select__multiple_9ls9k","colorIcon":"select__colorIcon_9ls9k"};
|
|
9
9
|
require('./index.css')
|
|
10
10
|
|
|
11
11
|
var Checkmark = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: dlg22 */
|
|
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-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
@@ -46,12 +46,12 @@
|
|
|
46
46
|
--select-checkmark-border-radius: var(--border-radius-circle);
|
|
47
47
|
|
|
48
48
|
/* optgroup */
|
|
49
|
-
} .
|
|
49
|
+
} .select__checkmark_9ls9k {
|
|
50
50
|
flex-shrink: 0;
|
|
51
51
|
margin: var(--select-checkmark-margin)
|
|
52
|
-
} .
|
|
52
|
+
} .select__checkmark_9ls9k.select__after_9ls9k {
|
|
53
53
|
margin: var(--select-checkmark-margin-after);
|
|
54
|
-
} .
|
|
54
|
+
} .select__single_9ls9k {
|
|
55
55
|
display: flex;
|
|
56
56
|
align-items: center;
|
|
57
57
|
justify-content: center;
|
|
@@ -61,17 +61,17 @@
|
|
|
61
61
|
border-radius: var(--select-checkmark-border-radius);
|
|
62
62
|
width: var(--select-checkmark-size);
|
|
63
63
|
height: var(--select-checkmark-size)
|
|
64
|
-
} .
|
|
64
|
+
} .select__single_9ls9k.select__selected_9ls9k {
|
|
65
65
|
opacity: 1;
|
|
66
|
-
} .
|
|
66
|
+
} .select__before_9ls9k {
|
|
67
67
|
display: var(--select-checkmark-before-display)
|
|
68
|
-
} .
|
|
68
|
+
} .select__before_9ls9k.select__multiple_9ls9k {
|
|
69
69
|
margin-right: var(--gap-12);
|
|
70
70
|
display: var(--select-checkmark-before-display-multiple);
|
|
71
|
-
} .
|
|
71
|
+
} .select__after_9ls9k.select__after_9ls9k {
|
|
72
72
|
display: var(--select-checkmark-after-display)
|
|
73
|
-
} .
|
|
73
|
+
} .select__after_9ls9k.select__after_9ls9k.select__single_9ls9k {
|
|
74
74
|
display: var(--select-checkmark-after-display-single);
|
|
75
|
-
} .
|
|
75
|
+
} .select__colorIcon_9ls9k {
|
|
76
76
|
color: var(--color-light-status-positive);
|
|
77
77
|
}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
|
|
4
4
|
|
|
5
|
-
var styles = {"checkmark":"
|
|
5
|
+
var styles = {"checkmark":"select__checkmark_1yo41","selected":"select__selected_1yo41","displayIcon":"select__displayIcon_1yo41","displayBadge":"select__displayBadge_1yo41"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Checkmark = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1klu8 */
|
|
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 */
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
--select-mobile-checkmark-display-badge: none;
|
|
30
30
|
|
|
31
31
|
/* optgroup */
|
|
32
|
-
} .
|
|
32
|
+
} .select__checkmark_1yo41 {
|
|
33
33
|
flex-shrink: 0;
|
|
34
34
|
display: flex;
|
|
35
35
|
align-items: center;
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
width: 24px;
|
|
38
38
|
height: 24px;
|
|
39
39
|
opacity: 0
|
|
40
|
-
} .
|
|
40
|
+
} .select__checkmark_1yo41:first-child {
|
|
41
41
|
display: none;
|
|
42
|
-
} .
|
|
42
|
+
} .select__checkmark_1yo41.select__selected_1yo41 {
|
|
43
43
|
opacity: 1;
|
|
44
|
-
} .
|
|
44
|
+
} .select__displayIcon_1yo41 {
|
|
45
45
|
display: var(--select-mobile-checkmark-display-icon);
|
|
46
|
-
} .
|
|
46
|
+
} .select__displayBadge_1yo41 {
|
|
47
47
|
display: var(--select-mobile-checkmark-display-badge);
|
|
48
48
|
}
|
|
@@ -4,7 +4,7 @@ import { Button } from '@alfalab/core-components-button/esm';
|
|
|
4
4
|
import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
|
|
5
5
|
import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
|
|
6
6
|
|
|
7
|
-
var styles = {"clearIcon":"
|
|
7
|
+
var styles = {"clearIcon":"select__clearIcon_xia6c","clearButton":"select__clearButton_xia6c","size-40":"select__size-40_xia6c"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var ClearButton = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 16e8v */
|
|
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-neutral-translucent-500: rgba(9, 12, 37, 0.28);
|
|
@@ -44,17 +44,17 @@
|
|
|
44
44
|
/* checkmark */
|
|
45
45
|
|
|
46
46
|
/* optgroup */
|
|
47
|
-
} .
|
|
47
|
+
} .select__clearIcon_xia6c {
|
|
48
48
|
display: block;
|
|
49
49
|
color: var(--color-light-neutral-translucent-500)
|
|
50
|
-
} .
|
|
50
|
+
} .select__clearIcon_xia6c:hover {
|
|
51
51
|
color: var(--color-light-neutral-translucent-500-hover);
|
|
52
|
-
} .
|
|
52
|
+
} .select__clearIcon_xia6c:active {
|
|
53
53
|
color: var(--color-light-neutral-translucent-500-press);
|
|
54
|
-
} .
|
|
54
|
+
} .select__clearButton_xia6c + [data-addon='error-icon'] {
|
|
55
55
|
display: var(--input-error-icon-display);
|
|
56
|
-
} .
|
|
56
|
+
} .select__clearButton_xia6c + * {
|
|
57
57
|
margin-left: var(--gap-4);
|
|
58
|
-
} .
|
|
58
|
+
} .select__clearButton_xia6c.select__size-40_xia6c + * {
|
|
59
59
|
margin-left: 6px;
|
|
60
60
|
}
|
|
@@ -6,7 +6,7 @@ import { useFocus } from '@alfalab/hooks';
|
|
|
6
6
|
import { joinOptions } from '../../utils.js';
|
|
7
7
|
import { ClearButton } from '../clear-button/Component.js';
|
|
8
8
|
|
|
9
|
-
var styles = {"component":"
|
|
9
|
+
var styles = {"component":"select__component_3ltqn","field":"select__field_3ltqn","disabled":"select__disabled_3ltqn","arrow":"select__arrow_3ltqn","placeholder":"select__placeholder_3ltqn","show-placeholder":"select__show-placeholder_3ltqn","focused":"select__focused_3ltqn","contentWrapper":"select__contentWrapper_3ltqn","size-40":"select__size-40_3ltqn","value":"select__value_3ltqn","focusVisible":"select__focusVisible_3ltqn"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
var Field = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1e2r9 */
|
|
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-status-info: #2288fa;
|
|
@@ -46,22 +46,22 @@
|
|
|
46
46
|
/* checkmark */
|
|
47
47
|
|
|
48
48
|
/* optgroup */
|
|
49
|
-
} .
|
|
49
|
+
} .select__component_3ltqn {
|
|
50
50
|
width: 100%;
|
|
51
51
|
outline: none;
|
|
52
|
-
} .
|
|
52
|
+
} .select__field_3ltqn:not(.select__disabled_3ltqn) {
|
|
53
53
|
cursor: pointer
|
|
54
|
-
} .
|
|
54
|
+
} .select__field_3ltqn:not(.select__disabled_3ltqn):hover .select__arrow_3ltqn {
|
|
55
55
|
opacity: var(--select-arrow-hover-opacity);
|
|
56
|
-
} .
|
|
56
|
+
} .select__disabled_3ltqn {
|
|
57
57
|
cursor: var(--disabled-cursor);
|
|
58
|
-
} .
|
|
58
|
+
} .select__placeholder_3ltqn {
|
|
59
59
|
color: var(--input-placeholder-color);
|
|
60
60
|
transition: color 0.2s ease;
|
|
61
|
-
animation: select__show-
|
|
62
|
-
} .
|
|
61
|
+
animation: select__show-placeholder_3ltqn 0.2s ease
|
|
62
|
+
} .select__placeholder_3ltqn.select__focused_3ltqn {
|
|
63
63
|
color: var(--input-focus-placeholder-color);
|
|
64
|
-
} .
|
|
64
|
+
} .select__contentWrapper_3ltqn {
|
|
65
65
|
font-size: 16px;
|
|
66
66
|
line-height: 20px;
|
|
67
67
|
font-weight: 400;
|
|
@@ -70,22 +70,22 @@
|
|
|
70
70
|
text-overflow: ellipsis;
|
|
71
71
|
overflow: hidden;
|
|
72
72
|
width: 100%
|
|
73
|
-
} .
|
|
73
|
+
} .select__contentWrapper_3ltqn.select__size-40_3ltqn {
|
|
74
74
|
font-size: 14px;
|
|
75
75
|
line-height: 18px;
|
|
76
76
|
font-weight: 400;
|
|
77
|
-
} .
|
|
77
|
+
} .select__value_3ltqn {
|
|
78
78
|
overflow: hidden;
|
|
79
79
|
text-overflow: ellipsis;
|
|
80
80
|
text-align: left
|
|
81
|
-
} .
|
|
81
|
+
} .select__value_3ltqn.select__size-40_3ltqn {
|
|
82
82
|
font-size: 14px;
|
|
83
83
|
line-height: 18px;
|
|
84
84
|
font-weight: 400;
|
|
85
|
-
} .
|
|
85
|
+
} .select__focusVisible_3ltqn {
|
|
86
86
|
outline: 2px solid var(--focus-color);
|
|
87
87
|
outline-offset: 2px;
|
|
88
|
-
} @keyframes select__show-
|
|
88
|
+
} @keyframes select__show-placeholder_3ltqn {
|
|
89
89
|
from {
|
|
90
90
|
opacity: 0;
|
|
91
91
|
}
|
|
@@ -4,7 +4,7 @@ import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
|
|
|
4
4
|
import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
|
|
5
5
|
import { getDataTestId } from '@alfalab/core-components-shared/esm';
|
|
6
6
|
|
|
7
|
-
var styles = {"footer":"
|
|
7
|
+
var styles = {"footer":"select__footer_1l3r2","button":"select__button_1l3r2","highlighted":"select__highlighted_1l3r2"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var Footer = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1lpps */
|
|
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-modal-bg-primary: #fff;
|
|
@@ -31,17 +31,17 @@
|
|
|
31
31
|
/* checkmark */
|
|
32
32
|
|
|
33
33
|
/* optgroup */
|
|
34
|
-
} .
|
|
34
|
+
} .select__footer_1l3r2 {
|
|
35
35
|
display: flex;
|
|
36
36
|
box-sizing: border-box;
|
|
37
37
|
width: 100%;
|
|
38
38
|
padding: var(--gap-16) var(--gap-16);
|
|
39
39
|
background-color: var(--color-light-modal-bg-primary)
|
|
40
|
-
} .
|
|
40
|
+
} .select__footer_1l3r2 .select__button_1l3r2:first-of-type {
|
|
41
41
|
margin-right: var(--gap-16);
|
|
42
|
-
} .
|
|
42
|
+
} .select__button_1l3r2 {
|
|
43
43
|
width: 50%;
|
|
44
|
-
} .
|
|
44
|
+
} .select__highlighted_1l3r2 {
|
|
45
45
|
border-top: 1px solid var(--color-light-neutral-300);
|
|
46
46
|
background-color: var(--color-light-modal-bg-primary);
|
|
47
47
|
}
|
package/esm/components/index.js
CHANGED
|
@@ -2,7 +2,9 @@ export { Arrow } from './arrow/Component.js';
|
|
|
2
2
|
export { BaseSelect } from './base-select/Component.js';
|
|
3
3
|
export { Field } from './field/Component.js';
|
|
4
4
|
export { Optgroup } from './optgroup/Component.js';
|
|
5
|
-
export {
|
|
5
|
+
export { OptionDesktop } from './option/desktop/Component.js';
|
|
6
|
+
export { OptionMobile } from './option/mobile/Component.js';
|
|
7
|
+
export { OptionResponsive as Option } from './option/Component.responsive.js';
|
|
6
8
|
export { OptionsList } from './options-list/Component.js';
|
|
7
9
|
export { VirtualOptionsList } from './virtual-options-list/Component.js';
|
|
8
10
|
export { BaseOption } from './base-option/Component.js';
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
|
|
4
4
|
|
|
5
|
-
var styles = {"optgroup":"
|
|
5
|
+
var styles = {"optgroup":"select__optgroup_1jy7w","label":"select__label_1jy7w","size-64":"select__size-64_1jy7w","size-72":"select__size-72_1jy7w"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Optgroup = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1haxd */
|
|
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-modal-bg-primary: #fff;
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
--select-optgroup-right-padding: var(--gap-12);
|
|
43
43
|
--select-optgroup-l-left-padding: var(--gap-16);
|
|
44
44
|
--select-optgroup-l-right-padding: var(--gap-16);
|
|
45
|
-
} .
|
|
45
|
+
} .select__optgroup_1jy7w {
|
|
46
46
|
position: relative;
|
|
47
47
|
display: flex;
|
|
48
48
|
align-items: center;
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
box-sizing: border-box;
|
|
52
52
|
background: var(--select-optgroup-background);
|
|
53
53
|
min-height: 40px
|
|
54
|
-
} .
|
|
54
|
+
} .select__optgroup_1jy7w + *[role='option']:before {
|
|
55
55
|
display: none;
|
|
56
|
-
} .
|
|
56
|
+
} .select__label_1jy7w {
|
|
57
57
|
font-size: 12px;
|
|
58
58
|
line-height: 16px;
|
|
59
59
|
font-weight: 500;
|
|
@@ -62,8 +62,8 @@
|
|
|
62
62
|
|
|
63
63
|
display: block;
|
|
64
64
|
color: var(--select-optgroup-color);
|
|
65
|
-
} .select__size-
|
|
66
|
-
.select__size-
|
|
65
|
+
} .select__size-64_1jy7w,
|
|
66
|
+
.select__size-72_1jy7w {
|
|
67
67
|
padding-left: var(--select-optgroup-l-left-padding);
|
|
68
68
|
padding-right: var(--select-optgroup-l-right-padding);
|
|
69
69
|
}
|
|
@@ -1,4 +1,17 @@
|
|
|
1
|
+
/// <reference types="module.d.ts" />
|
|
1
2
|
import { FC } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import { OptionCommonProps } from "../../typings";
|
|
4
|
+
import stylesDesktop from './desktop/index.module.css';
|
|
5
|
+
import stylesMobile from './mobile/index.module.css';
|
|
6
|
+
type OptionPrivateProps = {
|
|
7
|
+
/**
|
|
8
|
+
* Мобильная версия option.
|
|
9
|
+
*/
|
|
10
|
+
mobile: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Стили
|
|
13
|
+
*/
|
|
14
|
+
styles: typeof stylesDesktop | typeof stylesMobile;
|
|
15
|
+
};
|
|
16
|
+
declare const OptionBase: FC<OptionCommonProps & OptionPrivateProps>;
|
|
17
|
+
export { OptionBase };
|
|
@@ -2,27 +2,22 @@ import { __assign } from 'tslib';
|
|
|
2
2
|
import React, { isValidElement } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
|
|
5
|
-
import { Checkmark as Checkmark$1 } from '../checkmark/Component.js';
|
|
6
|
-
import { Checkmark } from '../checkmark-mobile/Component.js';
|
|
7
5
|
|
|
8
|
-
var
|
|
9
|
-
require('./index.css')
|
|
10
|
-
|
|
11
|
-
var Option = function (_a) {
|
|
6
|
+
var OptionBase = function (_a) {
|
|
12
7
|
var _b, _c;
|
|
13
|
-
var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile,
|
|
8
|
+
var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, Checkmark = _a.Checkmark, innerProps = _a.innerProps, dataTestId = _a.dataTestId, styles = _a.styles;
|
|
14
9
|
var content = children || option.content || option.key;
|
|
15
|
-
var
|
|
10
|
+
var _e = option.showCheckMark, showCheckMark = _e === void 0 ? true : _e;
|
|
16
11
|
return (React.createElement("div", __assign({}, innerProps, { className: cn(styles.option, styles[SIZE_TO_CLASSNAME_MAP[size]], className, (_b = {},
|
|
17
12
|
_b[styles.highlighted] = !mobile && highlighted,
|
|
18
13
|
_b[styles.selected] = selected,
|
|
19
14
|
_b[styles.disabled] = disabled,
|
|
20
15
|
_b)), "data-test-id": dataTestId }),
|
|
21
|
-
Checkmark
|
|
16
|
+
Checkmark && showCheckMark && (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
|
|
22
17
|
React.createElement("div", { className: cn(styles.content, (_c = {},
|
|
23
18
|
_c[styles.textContent] = !isValidElement(content),
|
|
24
19
|
_c)) }, content),
|
|
25
|
-
Checkmark
|
|
20
|
+
Checkmark && showCheckMark && (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
|
|
26
21
|
};
|
|
27
22
|
|
|
28
|
-
export {
|
|
23
|
+
export { OptionBase };
|