stone-kit 0.0.104 → 0.0.106
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/README.md +59 -59
- package/dist/components/SortSelect/hooks/useSortSelect.d.ts +2 -2
- package/dist/components/SortSelect/hooks/useSortSelect.js +1 -1
- package/dist/components/SortSelect/ui/SortSelect.js +21 -21
- package/dist/style.css +1 -1
- package/dist/useSortSelect-JtUibFEy.js +76 -0
- package/package.json +5 -3
- package/dist/useSortSelect-A7A_pNcU.js +0 -76
package/README.md
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
# Stone-kit
|
|
2
|
-
|
|
3
|
-
Uikit for stone redesign 2.0
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
Package installation:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm i stone-kit@latest
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
|
|
15
|
-
For Next.js page router in App.tsx:
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
import 'stone-kit/dist/style.css'
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
and then:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
import {Button} from 'stone-kit'
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
For other projects u can immediately:
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
import {Button} from 'stone-kit'
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## Docs
|
|
34
|
-
|
|
35
|
-
### ButtonProps
|
|
36
|
-
|
|
37
|
-
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
-
|
|
39
|
-
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
-
|
|
41
|
-
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
-
|
|
43
|
-
variant: optional, color variants of button. type:
|
|
44
|
-
'blue',
|
|
45
|
-
'gray',
|
|
46
|
-
'whiteStroke',
|
|
47
|
-
'sokolniki',
|
|
48
|
-
'black',
|
|
49
|
-
'whiteFilled'
|
|
50
|
-
|
|
51
|
-
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
-
|
|
53
|
-
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
-
|
|
55
|
-
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
-
|
|
57
|
-
### MobileButtonProps
|
|
58
|
-
|
|
59
|
-
### Tag
|
|
1
|
+
# Stone-kit
|
|
2
|
+
|
|
3
|
+
Uikit for stone redesign 2.0
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Package installation:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm i stone-kit@latest
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
For Next.js page router in App.tsx:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
import 'stone-kit/dist/style.css'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
and then:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
import {Button} from 'stone-kit'
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
For other projects u can immediately:
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
import {Button} from 'stone-kit'
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Docs
|
|
34
|
+
|
|
35
|
+
### ButtonProps
|
|
36
|
+
|
|
37
|
+
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
+
|
|
39
|
+
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
+
|
|
41
|
+
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
+
|
|
43
|
+
variant: optional, color variants of button. type:
|
|
44
|
+
'blue',
|
|
45
|
+
'gray',
|
|
46
|
+
'whiteStroke',
|
|
47
|
+
'sokolniki',
|
|
48
|
+
'black',
|
|
49
|
+
'whiteFilled'
|
|
50
|
+
|
|
51
|
+
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
+
|
|
53
|
+
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
+
|
|
55
|
+
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
+
|
|
57
|
+
### MobileButtonProps
|
|
58
|
+
|
|
59
|
+
### Tag
|
|
@@ -7,7 +7,7 @@ interface IUseSortSelect {
|
|
|
7
7
|
setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
8
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
9
9
|
isOpen: boolean;
|
|
10
|
-
|
|
10
|
+
isDesktop: boolean;
|
|
11
11
|
placeholder: string;
|
|
12
12
|
onChange?: (event: {
|
|
13
13
|
label: string;
|
|
@@ -18,7 +18,7 @@ interface IUseSortSelect {
|
|
|
18
18
|
value: string;
|
|
19
19
|
}) => void;
|
|
20
20
|
}
|
|
21
|
-
export declare const useSortSelect: ({ selectedOption, setSelectedOption, setIsOpen, containerRef, onBlur, onChange,
|
|
21
|
+
export declare const useSortSelect: ({ selectedOption, setSelectedOption, setIsOpen, containerRef, onBlur, onChange, isDesktop, placeholder, }: IUseSortSelect) => {
|
|
22
22
|
handleDocumentClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
23
23
|
handleBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
|
|
24
24
|
getInputValue: () => string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { useState as d, useRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { s as e, u as
|
|
2
|
+
import { useState as d, useRef as I, useEffect as B } from "react";
|
|
3
|
+
import { c as E } from "../../../index-DIxK0V-G.js";
|
|
4
|
+
import { s as e, u as L } from "../../../useSortSelect-JtUibFEy.js";
|
|
5
5
|
import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
|
|
6
6
|
import "../../Button/ui/Button.js";
|
|
7
7
|
import "../../mobileButton/ui/MobileButton.js";
|
|
@@ -9,16 +9,16 @@ import "../../DestinationTab/ui/DestinationTab.js";
|
|
|
9
9
|
import "../../RoundButton/ui/RoundButton.js";
|
|
10
10
|
import "../../Tag/ui/Tag.js";
|
|
11
11
|
import "../../Switcher/ui/Switcher.js";
|
|
12
|
-
import { Text as
|
|
12
|
+
import { Text as W } from "../../Text/ui/Text.js";
|
|
13
13
|
import "../../Flex/ui/Flex.js";
|
|
14
14
|
import "../../Input/ui/Input.js";
|
|
15
|
-
import { Modal as
|
|
15
|
+
import { Modal as w } from "../../Modal/ui/Modal.js";
|
|
16
16
|
import "../../TabSwitcher/ui/TabSwitcher.js";
|
|
17
17
|
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
18
18
|
import "../../MetroTag/ui/MetroTag.js";
|
|
19
19
|
import "../../Select/ui/Select.js";
|
|
20
|
-
import { useClientWidth as
|
|
21
|
-
const
|
|
20
|
+
import { useClientWidth as D } from "../../../shared/useClientWidth.js";
|
|
21
|
+
const n = E.bind(e), M = ({
|
|
22
22
|
options: s,
|
|
23
23
|
placeholder: f = "",
|
|
24
24
|
error: h,
|
|
@@ -27,35 +27,35 @@ const c = B.bind(e), M = ({
|
|
|
27
27
|
onChange: O,
|
|
28
28
|
onBlur: N
|
|
29
29
|
}) => {
|
|
30
|
-
const [x, b] = d(s[0]), [o, i] = d(!1),
|
|
30
|
+
const [x, b] = d(s[0]), [o, i] = d(!1), c = I(null), { isMobile: m, isDesktop: k } = D(), { handleBlur: C, getInputValue: y, getOption: a, handleDocumentClick: p } = L({
|
|
31
31
|
selectedOption: x,
|
|
32
32
|
setSelectedOption: b,
|
|
33
33
|
setIsOpen: i,
|
|
34
|
-
containerRef:
|
|
34
|
+
containerRef: c,
|
|
35
35
|
isOpen: o,
|
|
36
|
-
|
|
36
|
+
isDesktop: k,
|
|
37
37
|
placeholder: f,
|
|
38
38
|
onChange: O,
|
|
39
39
|
onBlur: N
|
|
40
40
|
});
|
|
41
|
-
return
|
|
41
|
+
return B(() => (document.addEventListener("click", p), () => {
|
|
42
42
|
document.removeEventListener("click", p);
|
|
43
43
|
}), []), /* @__PURE__ */ r(
|
|
44
44
|
"div",
|
|
45
45
|
{
|
|
46
|
-
ref:
|
|
47
|
-
className:
|
|
46
|
+
ref: c,
|
|
47
|
+
className: n(e.sortSelectWrapper, { [e.sortSelectWrapperError]: h }, v),
|
|
48
48
|
tabIndex: 0,
|
|
49
49
|
onBlur: C,
|
|
50
50
|
children: [
|
|
51
|
-
/* @__PURE__ */ r("div", { className:
|
|
51
|
+
/* @__PURE__ */ r("div", { className: n(e.inputWrapper), children: [
|
|
52
52
|
/* @__PURE__ */ t(
|
|
53
53
|
"input",
|
|
54
54
|
{
|
|
55
55
|
type: "text",
|
|
56
56
|
readOnly: !0,
|
|
57
|
-
value:
|
|
58
|
-
className:
|
|
57
|
+
value: y(),
|
|
58
|
+
className: n(e.selectedOptions, { [e.selectOptionsDisabled]: S }),
|
|
59
59
|
onClick: () => i(!o)
|
|
60
60
|
}
|
|
61
61
|
),
|
|
@@ -68,15 +68,15 @@ const c = B.bind(e), M = ({
|
|
|
68
68
|
}
|
|
69
69
|
)
|
|
70
70
|
] }),
|
|
71
|
-
o &&
|
|
72
|
-
|
|
71
|
+
o && m && /* @__PURE__ */ r(
|
|
72
|
+
w,
|
|
73
73
|
{
|
|
74
74
|
isOpen: o,
|
|
75
75
|
emitIsOpen: i,
|
|
76
76
|
additionalClassModalBody: e.modalAddBody,
|
|
77
77
|
children: [
|
|
78
78
|
/* @__PURE__ */ r("div", { className: e.mobileSortHeader, children: [
|
|
79
|
-
/* @__PURE__ */ t(
|
|
79
|
+
/* @__PURE__ */ t(W, { children: "Сортировка" }),
|
|
80
80
|
/* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
|
|
81
81
|
u,
|
|
82
82
|
{
|
|
@@ -85,11 +85,11 @@ const c = B.bind(e), M = ({
|
|
|
85
85
|
}
|
|
86
86
|
) })
|
|
87
87
|
] }),
|
|
88
|
-
/* @__PURE__ */ t("div", { className: e.mobileOptionList, children: s.map((
|
|
88
|
+
/* @__PURE__ */ t("div", { className: e.mobileOptionList, children: s.map((l) => a(l)) })
|
|
89
89
|
]
|
|
90
90
|
}
|
|
91
91
|
),
|
|
92
|
-
o && !
|
|
92
|
+
o && !m && /* @__PURE__ */ t("div", { className: e.optionsList, children: s.map((l) => a(l)) })
|
|
93
93
|
]
|
|
94
94
|
}
|
|
95
95
|
);
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._root_wkh0k_1{white-space:pre-wrap}._root_j8jt6_1{display:flex;width:100%}._root_j8jt6_1 input{position:absolute;z-index:-1000;width:0;height:0;opacity:0}._root_j8jt6_1 label{flex:1 0 0;width:auto}._item_j8jt6_17{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 15px;border:1px solid #E6E8EC;border-left:none;box-sizing:border-box}._firstItem_j8jt6_29{border-radius:48px 0 0 48px;border-left:1px solid #E6E8EC}._lastItem_j8jt6_34{border-radius:0 48px 48px 0}._text_j8jt6_38{width:max-content;font-size:16px;line-height:24px;font-weight:500;font-family:inherit}._rootCol_j8jt6_46{flex-wrap:wrap}._rootCol_j8jt6_46 label{min-width:50%}._rootCol_j8jt6_46 label:nth-child(1) ._item_j8jt6_17{border-radius:48px 0 0}._rootCol_j8jt6_46 label:nth-child(2) ._item_j8jt6_17{border-radius:0 48px 0 0}._rootCol_j8jt6_46 label:nth-child(3) ._item_j8jt6_17{border-top:none;border-left:1px solid #E6E8EC;border-radius:0 0 0 48px}._rootCol_j8jt6_46 label:nth-child(4) ._item_j8jt6_17{border-top:none;border-radius:0 0 48px}._rootCol_j8jt6_46 label:nth-child(n+5) ._item_j8jt6_17{display:none}._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17{color:#141416}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17{background-color:#141416;color:#fff}@media (min-width: 1024px){._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17:hover{background-color:#141416;color:#fff;opacity:.9}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17:hover{opacity:.9}._whiteRow_j8jt6_71 input:disabled~._item_j8jt6_17{opacity:.7}}@keyframes _swiperForward_iju0r_1{0%{background:#b1b5c3;border:1px solid #b1b5c3}50%{background:#777e90;border:1px solid #777e90}to{background:#015ff9;border:1px solid #015ff9}}@keyframes _swiperBackward_iju0r_1{0%{background:#015ff9;border:1px solid #015ff9}50%{background:#024ac0;border:1px solid #024AC0}to{background:#b1b5c3;border:1px solid #b1b5c3}}._switcherWrapper_iju0r_29{display:flex;justify-content:space-between;align-items:center;outline:none}._swiper_iju0r_36{position:relative;width:36px;height:20px;padding:1px;border-radius:50px;border:1px solid #b1b5c3;background:#b1b5c3;box-sizing:border-box;cursor:pointer;outline:none;color:green}._swiperActive_iju0r_50{animation:_swiperForward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperInactive_iju0r_55{animation:_swiperBackward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperPoint_iju0r_60{position:relative;left:0;width:16px;height:16px;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #1414163d}._swiperPointActive_iju0r_72{left:16px}._sortSelectWrapper_1l3mx_1{position:relative;width:max-content;-webkit-user-select:none;user-select:none;max-width:178px}._selectedOptions_1l3mx_8{display:flex;flex:1;min-width:92px;max-width:92px;width:100%;padding-right:1.5rem;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;padding:11px 40px 11px 15px;border-radius:48px;border:1px solid #B1B5C3;background:#fff;box-sizing:border-box;outline:none;overflow:hidden}._selectedOptions_1l3mx_8:hover{border:1px solid #777E90}._selectedOptionsOpened_1l3mx_33{border:1px solid #141416}._selectOptionsDisabled_1l3mx_37{pointer-events:none;background:#f4f5f6;border:1px solid #E6E8EC;color:#b1b5c3}._optionsList_1l3mx_44{position:absolute;top:52px;width:inherit;padding:12px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;background:#fff;box-shadow:0 5px 12px #0000001f,0 21px 21px #0000001a;z-index:120;box-sizing:border-box;max-height:241px;overflow-y:scroll}._mobileOptionList_1l3mx_59{width:100%;padding:24px;background:#fff;box-sizing:border-box}._mobileSortHeader_1l3mx_66{display:flex;justify-content:space-between;align-items:center;font-size:18px;line-height:24px;font-weight:400;font-family:inherit;padding:24px;border-radius:24px 24px 0 0;border-bottom:1px solid #E6E8EC;background:#fff}._modalAddBody_1l3mx_80{bottom:0;left:0;width:100%}._inputWrapper_1l3mx_86{display:flex;align-items:center}._inputWrapper_1l3mx_86 input{cursor:pointer}._option_1l3mx_44{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:16px;line-height:24px;font-weight:500;cursor:pointer}._option_1l3mx_44:not(:last-child){border-bottom:1px solid #F4F5F6}._option_1l3mx_44:hover{opacity:.7}._icon_1l3mx_111{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}._checkBox_1l3mx_118{width:24px;height:24px;border-radius:50%;border:1px solid #B1B5C3}._checkBoxChecked_1l3mx_125{display:flex;align-items:center;justify-content:center;border:1px solid #015FF9}._innerCheck_1l3mx_132{width:12px;height:12px;border-radius:50%;border:1px solid #015FF9;background:#015ff9}@media (min-width: 1024px){._selectedOptions_1l3mx_8{display:flex;flex:1;max-width:unset}._optionsList_1l3mx_44{top:52px;min-width:375px;right:0}._icon_1l3mx_111{left:unset;right:16px;transform:translate(0)}}._multiSelectWrapper_1hlrv_1{position:relative;width:100%;-webkit-user-select:none;user-select:none}._selectedOptions_1hlrv_7{display:flex;flex:1;padding-right:2.5rem;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 24px;border-radius:48px;border:1px solid #B1B5C3;background:#fff;box-sizing:border-box;outline:none}._selectedOptions_1hlrv_7:hover{border:1px solid #777E90}._selectedOptionsOpened_1hlrv_28{border:1px solid #141416}._selectOptionsDisabled_1hlrv_32{pointer-events:none;background:#f4f5f6;border:1px solid #E6E8EC;color:#b1b5c3}._optionsList_1hlrv_39{position:absolute;top:52px;width:inherit;padding:12px 24px;border:1px solid #e6e8ec;border-radius:24px;background:#fff;box-shadow:0 5px 12px #0000001f,0 21px 21px #0000001a;z-index:120;box-sizing:border-box;max-height:262px;overflow-y:scroll}._inputWrapper_1hlrv_54{display:flex;align-items:center}._inputWrapper_1hlrv_54 input{cursor:pointer}._option_1hlrv_39{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer}._option_1hlrv_39:not(:last-child){border-bottom:1px solid #F4F5F6}._option_1hlrv_39:hover{opacity:.7}._icon_1hlrv_76{position:absolute;right:12px;pointer-events:none}._btnRound_7sz3m_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_7sz3m_1:disabled{opacity:.2}._btnRound_7sz3m_1:focus{outline:0}._small-size_7sz3m_17{width:32px;height:32px}._medium-size_7sz3m_22{width:40px;height:40px;padding:9px}._large-size_7sz3m_28{width:48px;height:48px;padding:11px}._whiteStroke_7sz3m_34{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_7sz3m_34:hover{border:1px solid #b1b5c3}._whiteStroke_7sz3m_34:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_7sz3m_46{width:32px;height:32px}._medium-size_m_7sz3m_50{width:40px;height:40px;padding:9px}._large-size_m_7sz3m_55{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_7sz3m_62{width:32px;height:32px}._medium-size_l_7sz3m_66{width:40px;height:40px;padding:9px}._large-size_l_7sz3m_71{width:48px;height:48px;padding:11px}}._btnCommon_1cazw_1{position:relative;font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_1cazw_1:disabled{opacity:.2}._btnLoading_1cazw_19{pointer-events:none}._isHidden_1cazw_23{visibility:hidden}._auto-width_1cazw_27{width:max-content}._full-width_1cazw_31{width:100%}._tiny-size_1cazw_35{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_1cazw_43{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_1cazw_51{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_1cazw_59{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_1cazw_67{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_1cazw_67:hover{background:#024ac0;border:1px solid #024ac0}._blue_1cazw_67:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_1cazw_81{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_1cazw_81:hover{background:#494f29;border:1px solid #494f29}._sokolniki_1cazw_81:active{background:#303519;border:1px solid #303519}._black_1cazw_95{background:#141416;border:1px solid #141416;color:#fff}._black_1cazw_95:hover{background:#23262f;border:1px solid #353945}._black_1cazw_95:active{background:#353945;border:1px solid #777e90}._gray_1cazw_109{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_1cazw_109:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_1cazw_109:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_1cazw_123{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_1cazw_123:hover{border:1px solid #b1b5c3}._whiteStroke_1cazw_123:active{border:1px solid #141416}._whiteFilled_1cazw_135{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_1cazw_135:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1cazw_135:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_1cazw_149{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_1cazw_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._volodiyaLight_1cazw_163{background:#353945;border:1px solid #353945;color:#fff}._loader_1cazw_169{position:absolute;animation:_LoaderSpin_1cazw_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_1cazw_175{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_1cazw_182{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_1cazw_189{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_1cazw_196{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_1cazw_205{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_1cazw_212{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_1cazw_219{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_1cazw_226{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._destination_1c7de_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px;cursor:pointer}._destination_1c7de_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_1c7de_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_1c7de_29{width:max-content}._full-width_1c7de_33{width:100%}._medium-size_1c7de_37{padding:9px 23px}._medium-size_1c7de_37 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_1c7de_37 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_1c7de_51{padding:11px 31px}._large-size_1c7de_51 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_1c7de_51 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_1c7de_65{color:#353945;border:1px solid #f4f5f6}._whiteStroke_1c7de_65:hover{border:1px solid #b1b5c3}._whiteStroke_1c7de_65:active{background-color:#e6e8ec}._whiteStroke_1c7de_65 ._routeText_1c7de_45,._whiteStroke_1c7de_65 ._routeWrapper_1c7de_78{color:#777e90}._whiteStroke_1c7de_65:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_1c7de_65:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_1c7de_65:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_1c7de_65:has(input:checked) ._routeText_1c7de_45{color:#b1b5c3}._whiteStroke_1c7de_65:has(input:checked) ._routeWrapper_1c7de_78{color:#b1b5c3}._routeWrapper_1c7de_78{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_1c7de_109{padding:9px 23px}._medium-size_m_1c7de_109 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_1c7de_109 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_m_1c7de_122{padding:11px 31px}._large-size_m_1c7de_122 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_m_1c7de_122 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_1c7de_137{padding:9px 23px}._medium-size_l_1c7de_137 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_1c7de_137 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_l_1c7de_150{padding:11px 31px}._large-size_l_1c7de_150 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_l_1c7de_150 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}._tagCommon_16jzf_1{font-family:inherit;font-weight:400;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_16jzf_1:disabled{opacity:.2}._auto-width_16jzf_16{width:max-content}._full-width_16jzf_20{width:100%}._medium-size_16jzf_24{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._tiny-size_16jzf_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._small-size_16jzf_40{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_16jzf_48{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_16jzf_56{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}._red_16jzf_64{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_16jzf_70{background:#f4f5f6;border:none;color:#353945}._shade_16jzf_76{background:#141416cc;border:none;color:#fff}._blackGrey_16jzf_82{background-color:#23262f;border:none;color:#e6e8ec}._chineseBlack_16jzf_88{background-color:#141416;border:none;color:#fff}._white_16jzf_94{background-color:#fff;border:solid 1px #E6E8EC;color:#141416;font-weight:500}@media (min-width: 1024px){._tiny-size_m_16jzf_102{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_16jzf_109{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_m_16jzf_116{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge_size_m_16jzf_123{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_m_16jzf_130{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_16jzf_139{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_16jzf_146{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_l_16jzf_153{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_l_16jzf_160{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_l_16jzf_167{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}._root_fi64k_1{display:flex}._gap-1_fi64k_5{gap:4px}._gap-2_fi64k_9{gap:8px}._gap-3_fi64k_13{gap:12px}._gap-4_fi64k_17{gap:16px}._gap-5_fi64k_21{gap:20px}._gap-6_fi64k_25{gap:24px}._gap-7_fi64k_29{gap:28px}._gap-8_fi64k_33{gap:32px}._gap-9_fi64k_37{gap:36px}._gap-10_fi64k_41{gap:40px}._gap-11_fi64k_45{gap:44px}._gap-12_fi64k_49{gap:48px}._gap-13_fi64k_53{gap:52px}._gap-14_fi64k_57{gap:56px}._gap-15_fi64k_61{gap:60px}._gap-16_fi64k_65{gap:64px}._fd-row_fi64k_69{flex-direction:row}._fd-row-reverse_fi64k_73{flex-direction:row-reverse}._fd-column_fi64k_77{flex-direction:column}._fd-column-reverse_fi64k_81{flex-direction:column-reverse}._w-nowrap_fi64k_85{flex-wrap:nowrap}._w-wrap_fi64k_89{flex-wrap:wrap}._w-wrap-reverse_fi64k_93{flex-wrap:wrap-reverse}._jc-flex-start_fi64k_97{justify-content:flex-start}._jc-flex-end_fi64k_101{justify-content:flex-end}._jc-center_fi64k_105{justify-content:center}._jc-space-between_fi64k_109{justify-content:space-between}._jc-space-around_fi64k_113{justify-content:space-around}._jc-space-evenly_fi64k_117{justify-content:space-evenly}._ai-stretch_fi64k_121{align-items:stretch}._ai-flex-start_fi64k_125{align-items:flex-start}._ai-flex-end_fi64k_129{align-items:flex-end}._ai-center_fi64k_133{align-items:center}._ai-baseline_fi64k_137{align-items:baseline}._auto-width_qoqna_1{width:max-content;min-width:100px}._full-width_qoqna_6{width:100%}._inputWrapper_qoqna_10{display:flex;gap:4px;border-radius:48px;padding:10px 23px;border:1px solid #b1b5c3;box-sizing:border-box}._inputWrapper_qoqna_10 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._inputWrapper_qoqna_10 input{min-width:50px;width:100%;border:none;background:transparent;font-size:16px;line-height:24px;box-sizing:border-box}._inputWrapper_qoqna_10 input:focus{outline:none}._inputWrapperPost_qoqna_34,._inputWrapperPre_qoqna_35{font-size:16px;line-height:24px;font-weight:400;padding:10px 12px 10px 23px}._inputWrapperPost_qoqna_34 input,._inputWrapperPre_qoqna_35 input{font-size:16px;line-height:24px}._light_qoqna_47{background:#fff;border:1px solid #b1b5c3}._light_qoqna_47 input{color:#141416}._light_qoqna_47 input::placeholder{color:#b1b5c3}._light_qoqna_47 span{color:#b1b5c3}._light_qoqna_47:hover{border:1px solid #777e90}._light_qoqna_47:has(input:focus){border:1px solid #141416}._light_qoqna_47:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_qoqna_47:has(input:disabled) input{color:#b1b5c3}._light_qoqna_47:has(input:disabled) input::placeholder{color:#b1b5c3}._light_qoqna_47:has(input:disabled) span{color:#b1b5c3}._dark_qoqna_80{background:#23262f;border:1px solid #353945}._dark_qoqna_80 input{color:#fff}._dark_qoqna_80 input::placeholder{color:#777e90}._dark_qoqna_80 span{color:#777e90}._dark_qoqna_80:hover{border:1px solid #777e90}._dark_qoqna_80:has(input:focus){border:1px solid #ffffff}._dark_qoqna_80:has(input:disabled){background:#141416;border:1px solid #353945}._dark_qoqna_80:has(input:disabled) input{color:#353945}._dark_qoqna_80:has(input:disabled) input::placeholder{color:#353945}._dark_qoqna_80:has(input:disabled) span{color:#353945}._dark_qoqna_80:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_qoqna_116{border:1px solid #ec5353}._fieldInputWrapper_14ghj_1{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}._fieldInputWrapper_14ghj_1 label{font-family:inherit;font-size:12px;line-height:16px;font-weight:400;color:#141416}._root_oqb5i_1{display:flex;width:100%}._root_oqb5i_1>div:not(:first-of-type){border-left-width:.5px;border-top-left-radius:0;border-bottom-left-radius:0}._root_oqb5i_1>div:not(:last-of-type){border-right-width:.5px;border-top-right-radius:0;border-bottom-right-radius:0}._root_1x0xv_1{display:flex;padding:16px 0;gap:8px;width:max-content;box-sizing:border-box}._root_1x0xv_1 span{display:block;width:8px;height:8px;border-radius:50%}._metroColor_1x0xv_15{display:flex;align-items:center;font-size:14px;line-height:20px;font-weight:500;gap:8px;color:#353945}._route_1x0xv_25{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:#777e90}._auto_1x0xv_35{width:max-content}._full_1x0xv_39{width:100%}@media (min-width: 1024px){._root_1x0xv_1{padding:10px 24px;border-radius:110px;background:#f4f5f6}}._root_1ml5t_1{display:flex;padding:16px 0;gap:8px;width:max-content;box-sizing:border-box}._root_1ml5t_1 span{display:block;width:8px;height:8px;border-radius:50%}._metroColor_1ml5t_15{display:flex;align-items:center;font-size:16px;line-height:24px;font-weight:500;gap:8px;color:#353945}._route_1ml5t_25{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:#777e90}._auto_1ml5t_35{width:max-content}._full_1ml5t_39{width:100%}._root_1tlck_1{display:flex;flex-direction:column;padding:32px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;box-sizing:border-box}._lotImageWrapper_1tlck_10{display:flex;justify-content:center}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:16px;margin:32px 0 0}._infoHeader_1tlck_22{font-family:inherit;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.01em;color:#141416}._decor_1tlck_31{display:none}._decor_1tlck_31 span{display:block}._lotPropertyListMobile_1tlck_38{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}._lotPropertyItem_1tlck_46{display:flex;justify-content:space-between;font-family:inherit;font-size:14px;line-height:20px;padding:8px 0;border-bottom:1px solid #F4F5F6}._lotPropertyItem_1tlck_46 div:first-child{font-weight:400;color:#353945}._lotPropertyItem_1tlck_46 div:last-child{font-weight:500;color:#141416}._lotPropertyListDesktop_1tlck_64{display:none}._lotPriceWrapper_1tlck_68{font-family:inherit;font-size:18px;line-height:24px;margin:16px 0 0}._discountWrapper_1tlck_75{display:flex;justify-content:space-between;align-items:center}._discountWrapper_1tlck_75>div:last-child{font-weight:500;color:#141416}._discountPrice_1tlck_85{display:flex;align-items:center;font-weight:400;gap:8px;color:#b1b5c3}._discountPrice_1tlck_85 span{text-decoration:line-through;text-decoration-color:#ec5353}._lotPricePerMetr_1tlck_97{width:max-content;display:none}._btnWrapper_1tlck_102{display:flex;gap:8px;margin:24px 0 0}._btnWrapper_1tlck_102>button:first-child{display:none}@media (min-width: 1024px){._root_1tlck_1{flex-direction:row;gap:32px;padding:31px 30px 31px 32px}._lotImageWrapper_1tlck_10 img{width:148px;height:106px}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:0;margin:0}._decor_1tlck_31{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-family:inherit;font-size:16px;line-height:24px;font-weight:500;color:#777e90}._lotPropertyListMobile_1tlck_38{display:none}._lotPropertyListDesktop_1tlck_64{display:flex;gap:8px;margin:16px 0 0}._lotPriceWrapper_1tlck_68{font-size:24px;line-height:32px;margin:0 0 0 auto}._discountWrapper_1tlck_75{gap:12px}._discountPrice_1tlck_85{font-size:14px;line-height:20px;gap:12px}._lotPricePerMetr_1tlck_97{display:block;margin:0 0 0 auto;font-size:14px;line-height:20px;font-weight:400;color:#353945}._btnWrapper_1tlck_102{justify-content:flex-end}._btnWrapper_1tlck_102>button:first-child{display:block}._btnWrapper_1tlck_102>button:last-child{width:max-content}}._wrapper_nzllw_1{display:flex;align-items:center;gap:8px}._logo_nzllw_7{width:81px;height:16px}._wrapperBetween_nzllw_12{width:100%;justify-content:space-between}._uk_nzllw_17{font-size:8px;line-height:8px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}._uk_black_nzllw_24{color:#141416}._uk_white_nzllw_27{color:#fff}@media (min-width: 1024px){._logo_nzllw_7{width:101px;height:20px}._uk_nzllw_17{font-size:9px;line-height:10px}}._root_1cpat_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:102;overflow:auto;box-sizing:border-box}._modalBody_1cpat_15{position:absolute}._modalOverlay_1cpat_19{position:absolute;width:100%;height:100vh;background:#00000080}._isTransparentBack_1cpat_26{opacity:.5}
|
|
1
|
+
._root_wkh0k_1{white-space:pre-wrap}._root_j8jt6_1{display:flex;width:100%}._root_j8jt6_1 input{position:absolute;z-index:-1000;width:0;height:0;opacity:0}._root_j8jt6_1 label{flex:1 0 0;width:auto}._item_j8jt6_17{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 15px;border:1px solid #E6E8EC;border-left:none;box-sizing:border-box}._firstItem_j8jt6_29{border-radius:48px 0 0 48px;border-left:1px solid #E6E8EC}._lastItem_j8jt6_34{border-radius:0 48px 48px 0}._text_j8jt6_38{width:max-content;font-size:16px;line-height:24px;font-weight:500;font-family:inherit}._rootCol_j8jt6_46{flex-wrap:wrap}._rootCol_j8jt6_46 label{min-width:50%}._rootCol_j8jt6_46 label:nth-child(1) ._item_j8jt6_17{border-radius:48px 0 0}._rootCol_j8jt6_46 label:nth-child(2) ._item_j8jt6_17{border-radius:0 48px 0 0}._rootCol_j8jt6_46 label:nth-child(3) ._item_j8jt6_17{border-top:none;border-left:1px solid #E6E8EC;border-radius:0 0 0 48px}._rootCol_j8jt6_46 label:nth-child(4) ._item_j8jt6_17{border-top:none;border-radius:0 0 48px}._rootCol_j8jt6_46 label:nth-child(n+5) ._item_j8jt6_17{display:none}._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17{color:#141416}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17{background-color:#141416;color:#fff}@media (min-width: 1024px){._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17:hover{background-color:#141416;color:#fff;opacity:.9}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17:hover{opacity:.9}._whiteRow_j8jt6_71 input:disabled~._item_j8jt6_17{opacity:.7}}@keyframes _swiperForward_iju0r_1{0%{background:#b1b5c3;border:1px solid #b1b5c3}50%{background:#777e90;border:1px solid #777e90}to{background:#015ff9;border:1px solid #015ff9}}@keyframes _swiperBackward_iju0r_1{0%{background:#015ff9;border:1px solid #015ff9}50%{background:#024ac0;border:1px solid #024AC0}to{background:#b1b5c3;border:1px solid #b1b5c3}}._switcherWrapper_iju0r_29{display:flex;justify-content:space-between;align-items:center;outline:none}._swiper_iju0r_36{position:relative;width:36px;height:20px;padding:1px;border-radius:50px;border:1px solid #b1b5c3;background:#b1b5c3;box-sizing:border-box;cursor:pointer;outline:none;color:green}._swiperActive_iju0r_50{animation:_swiperForward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperInactive_iju0r_55{animation:_swiperBackward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperPoint_iju0r_60{position:relative;left:0;width:16px;height:16px;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #1414163d}._swiperPointActive_iju0r_72{left:16px}._sortSelectWrapper_wsnw1_1{position:relative;width:max-content;-webkit-user-select:none;user-select:none;max-width:178px}._selectedOptions_wsnw1_8{display:flex;flex:1;min-width:92px;max-width:92px;width:100%;padding-right:1.5rem;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;padding:11px 40px 11px 15px;border-radius:48px;border:1px solid #B1B5C3;background:#fff;box-sizing:border-box;outline:none;overflow:hidden}._selectedOptions_wsnw1_8:hover{border:1px solid #777E90}._selectedOptionsOpened_wsnw1_33{border:1px solid #141416}._selectOptionsDisabled_wsnw1_37{pointer-events:none;background:#f4f5f6;border:1px solid #E6E8EC;color:#b1b5c3}._optionsList_wsnw1_44{position:absolute;top:52px;width:inherit;padding:12px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;background:#fff;box-shadow:0 5px 12px #0000001f,0 21px 21px #0000001a;z-index:120;box-sizing:border-box;max-height:241px;overflow-y:scroll}._mobileOptionList_wsnw1_59{width:100%;padding:24px;background:#fff;box-sizing:border-box}._mobileSortHeader_wsnw1_66{display:flex;justify-content:space-between;align-items:center;font-size:18px;line-height:24px;font-weight:400;font-family:inherit;padding:24px;border-radius:24px 24px 0 0;border-bottom:1px solid #E6E8EC;background:#fff}._modalAddBody_wsnw1_80{bottom:0;left:0;width:100%}._inputWrapper_wsnw1_86{display:flex;align-items:center}._inputWrapper_wsnw1_86 input{cursor:pointer}._option_wsnw1_44{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:16px;line-height:24px;font-weight:500;cursor:pointer}._option_wsnw1_44:not(:last-child){border-bottom:1px solid #F4F5F6}._option_wsnw1_44:hover{opacity:.7}._icon_wsnw1_111{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}._checkBox_wsnw1_118{width:24px;height:24px;border-radius:50%;border:1px solid #B1B5C3}._checkBoxChecked_wsnw1_125{display:flex;align-items:center;justify-content:center;border:1px solid #015FF9}._innerCheck_wsnw1_132{width:12px;height:12px;border-radius:50%;border:1px solid #015FF9;background:#015ff9}@media (min-width: 1440px){._selectedOptions_wsnw1_8{display:flex;flex:1;max-width:unset}._optionsList_wsnw1_44{top:52px;min-width:375px;right:0}._icon_wsnw1_111{left:unset;right:16px;transform:translate(0)}}._multiSelectWrapper_1hlrv_1{position:relative;width:100%;-webkit-user-select:none;user-select:none}._selectedOptions_1hlrv_7{display:flex;flex:1;padding-right:2.5rem;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 24px;border-radius:48px;border:1px solid #B1B5C3;background:#fff;box-sizing:border-box;outline:none}._selectedOptions_1hlrv_7:hover{border:1px solid #777E90}._selectedOptionsOpened_1hlrv_28{border:1px solid #141416}._selectOptionsDisabled_1hlrv_32{pointer-events:none;background:#f4f5f6;border:1px solid #E6E8EC;color:#b1b5c3}._optionsList_1hlrv_39{position:absolute;top:52px;width:inherit;padding:12px 24px;border:1px solid #e6e8ec;border-radius:24px;background:#fff;box-shadow:0 5px 12px #0000001f,0 21px 21px #0000001a;z-index:120;box-sizing:border-box;max-height:262px;overflow-y:scroll}._inputWrapper_1hlrv_54{display:flex;align-items:center}._inputWrapper_1hlrv_54 input{cursor:pointer}._option_1hlrv_39{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer}._option_1hlrv_39:not(:last-child){border-bottom:1px solid #F4F5F6}._option_1hlrv_39:hover{opacity:.7}._icon_1hlrv_76{position:absolute;right:12px;pointer-events:none}._btnRound_7sz3m_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_7sz3m_1:disabled{opacity:.2}._btnRound_7sz3m_1:focus{outline:0}._small-size_7sz3m_17{width:32px;height:32px}._medium-size_7sz3m_22{width:40px;height:40px;padding:9px}._large-size_7sz3m_28{width:48px;height:48px;padding:11px}._whiteStroke_7sz3m_34{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_7sz3m_34:hover{border:1px solid #b1b5c3}._whiteStroke_7sz3m_34:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_7sz3m_46{width:32px;height:32px}._medium-size_m_7sz3m_50{width:40px;height:40px;padding:9px}._large-size_m_7sz3m_55{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_7sz3m_62{width:32px;height:32px}._medium-size_l_7sz3m_66{width:40px;height:40px;padding:9px}._large-size_l_7sz3m_71{width:48px;height:48px;padding:11px}}._btnCommon_1cazw_1{position:relative;font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_1cazw_1:disabled{opacity:.2}._btnLoading_1cazw_19{pointer-events:none}._isHidden_1cazw_23{visibility:hidden}._auto-width_1cazw_27{width:max-content}._full-width_1cazw_31{width:100%}._tiny-size_1cazw_35{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_1cazw_43{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_1cazw_51{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_1cazw_59{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_1cazw_67{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_1cazw_67:hover{background:#024ac0;border:1px solid #024ac0}._blue_1cazw_67:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_1cazw_81{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_1cazw_81:hover{background:#494f29;border:1px solid #494f29}._sokolniki_1cazw_81:active{background:#303519;border:1px solid #303519}._black_1cazw_95{background:#141416;border:1px solid #141416;color:#fff}._black_1cazw_95:hover{background:#23262f;border:1px solid #353945}._black_1cazw_95:active{background:#353945;border:1px solid #777e90}._gray_1cazw_109{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_1cazw_109:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_1cazw_109:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_1cazw_123{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_1cazw_123:hover{border:1px solid #b1b5c3}._whiteStroke_1cazw_123:active{border:1px solid #141416}._whiteFilled_1cazw_135{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_1cazw_135:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1cazw_135:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_1cazw_149{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_1cazw_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._volodiyaLight_1cazw_163{background:#353945;border:1px solid #353945;color:#fff}._loader_1cazw_169{position:absolute;animation:_LoaderSpin_1cazw_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_1cazw_175{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_1cazw_182{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_1cazw_189{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_1cazw_196{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_1cazw_205{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_1cazw_212{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_1cazw_219{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_1cazw_226{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._destination_1c7de_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px;cursor:pointer}._destination_1c7de_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_1c7de_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_1c7de_29{width:max-content}._full-width_1c7de_33{width:100%}._medium-size_1c7de_37{padding:9px 23px}._medium-size_1c7de_37 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_1c7de_37 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_1c7de_51{padding:11px 31px}._large-size_1c7de_51 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_1c7de_51 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_1c7de_65{color:#353945;border:1px solid #f4f5f6}._whiteStroke_1c7de_65:hover{border:1px solid #b1b5c3}._whiteStroke_1c7de_65:active{background-color:#e6e8ec}._whiteStroke_1c7de_65 ._routeText_1c7de_45,._whiteStroke_1c7de_65 ._routeWrapper_1c7de_78{color:#777e90}._whiteStroke_1c7de_65:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_1c7de_65:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_1c7de_65:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_1c7de_65:has(input:checked) ._routeText_1c7de_45{color:#b1b5c3}._whiteStroke_1c7de_65:has(input:checked) ._routeWrapper_1c7de_78{color:#b1b5c3}._routeWrapper_1c7de_78{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_1c7de_109{padding:9px 23px}._medium-size_m_1c7de_109 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_1c7de_109 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_m_1c7de_122{padding:11px 31px}._large-size_m_1c7de_122 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_m_1c7de_122 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_1c7de_137{padding:9px 23px}._medium-size_l_1c7de_137 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_1c7de_137 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_l_1c7de_150{padding:11px 31px}._large-size_l_1c7de_150 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_l_1c7de_150 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}._tagCommon_16jzf_1{font-family:inherit;font-weight:400;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_16jzf_1:disabled{opacity:.2}._auto-width_16jzf_16{width:max-content}._full-width_16jzf_20{width:100%}._medium-size_16jzf_24{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._tiny-size_16jzf_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._small-size_16jzf_40{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_16jzf_48{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_16jzf_56{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}._red_16jzf_64{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_16jzf_70{background:#f4f5f6;border:none;color:#353945}._shade_16jzf_76{background:#141416cc;border:none;color:#fff}._blackGrey_16jzf_82{background-color:#23262f;border:none;color:#e6e8ec}._chineseBlack_16jzf_88{background-color:#141416;border:none;color:#fff}._white_16jzf_94{background-color:#fff;border:solid 1px #E6E8EC;color:#141416;font-weight:500}@media (min-width: 1024px){._tiny-size_m_16jzf_102{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_16jzf_109{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_m_16jzf_116{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge_size_m_16jzf_123{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_m_16jzf_130{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_16jzf_139{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_16jzf_146{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_l_16jzf_153{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_l_16jzf_160{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_l_16jzf_167{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}._root_fi64k_1{display:flex}._gap-1_fi64k_5{gap:4px}._gap-2_fi64k_9{gap:8px}._gap-3_fi64k_13{gap:12px}._gap-4_fi64k_17{gap:16px}._gap-5_fi64k_21{gap:20px}._gap-6_fi64k_25{gap:24px}._gap-7_fi64k_29{gap:28px}._gap-8_fi64k_33{gap:32px}._gap-9_fi64k_37{gap:36px}._gap-10_fi64k_41{gap:40px}._gap-11_fi64k_45{gap:44px}._gap-12_fi64k_49{gap:48px}._gap-13_fi64k_53{gap:52px}._gap-14_fi64k_57{gap:56px}._gap-15_fi64k_61{gap:60px}._gap-16_fi64k_65{gap:64px}._fd-row_fi64k_69{flex-direction:row}._fd-row-reverse_fi64k_73{flex-direction:row-reverse}._fd-column_fi64k_77{flex-direction:column}._fd-column-reverse_fi64k_81{flex-direction:column-reverse}._w-nowrap_fi64k_85{flex-wrap:nowrap}._w-wrap_fi64k_89{flex-wrap:wrap}._w-wrap-reverse_fi64k_93{flex-wrap:wrap-reverse}._jc-flex-start_fi64k_97{justify-content:flex-start}._jc-flex-end_fi64k_101{justify-content:flex-end}._jc-center_fi64k_105{justify-content:center}._jc-space-between_fi64k_109{justify-content:space-between}._jc-space-around_fi64k_113{justify-content:space-around}._jc-space-evenly_fi64k_117{justify-content:space-evenly}._ai-stretch_fi64k_121{align-items:stretch}._ai-flex-start_fi64k_125{align-items:flex-start}._ai-flex-end_fi64k_129{align-items:flex-end}._ai-center_fi64k_133{align-items:center}._ai-baseline_fi64k_137{align-items:baseline}._auto-width_qoqna_1{width:max-content;min-width:100px}._full-width_qoqna_6{width:100%}._inputWrapper_qoqna_10{display:flex;gap:4px;border-radius:48px;padding:10px 23px;border:1px solid #b1b5c3;box-sizing:border-box}._inputWrapper_qoqna_10 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._inputWrapper_qoqna_10 input{min-width:50px;width:100%;border:none;background:transparent;font-size:16px;line-height:24px;box-sizing:border-box}._inputWrapper_qoqna_10 input:focus{outline:none}._inputWrapperPost_qoqna_34,._inputWrapperPre_qoqna_35{font-size:16px;line-height:24px;font-weight:400;padding:10px 12px 10px 23px}._inputWrapperPost_qoqna_34 input,._inputWrapperPre_qoqna_35 input{font-size:16px;line-height:24px}._light_qoqna_47{background:#fff;border:1px solid #b1b5c3}._light_qoqna_47 input{color:#141416}._light_qoqna_47 input::placeholder{color:#b1b5c3}._light_qoqna_47 span{color:#b1b5c3}._light_qoqna_47:hover{border:1px solid #777e90}._light_qoqna_47:has(input:focus){border:1px solid #141416}._light_qoqna_47:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_qoqna_47:has(input:disabled) input{color:#b1b5c3}._light_qoqna_47:has(input:disabled) input::placeholder{color:#b1b5c3}._light_qoqna_47:has(input:disabled) span{color:#b1b5c3}._dark_qoqna_80{background:#23262f;border:1px solid #353945}._dark_qoqna_80 input{color:#fff}._dark_qoqna_80 input::placeholder{color:#777e90}._dark_qoqna_80 span{color:#777e90}._dark_qoqna_80:hover{border:1px solid #777e90}._dark_qoqna_80:has(input:focus){border:1px solid #ffffff}._dark_qoqna_80:has(input:disabled){background:#141416;border:1px solid #353945}._dark_qoqna_80:has(input:disabled) input{color:#353945}._dark_qoqna_80:has(input:disabled) input::placeholder{color:#353945}._dark_qoqna_80:has(input:disabled) span{color:#353945}._dark_qoqna_80:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_qoqna_116{border:1px solid #ec5353}._fieldInputWrapper_14ghj_1{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}._fieldInputWrapper_14ghj_1 label{font-family:inherit;font-size:12px;line-height:16px;font-weight:400;color:#141416}._root_oqb5i_1{display:flex;width:100%}._root_oqb5i_1>div:not(:first-of-type){border-left-width:.5px;border-top-left-radius:0;border-bottom-left-radius:0}._root_oqb5i_1>div:not(:last-of-type){border-right-width:.5px;border-top-right-radius:0;border-bottom-right-radius:0}._root_1x0xv_1{display:flex;padding:16px 0;gap:8px;width:max-content;box-sizing:border-box}._root_1x0xv_1 span{display:block;width:8px;height:8px;border-radius:50%}._metroColor_1x0xv_15{display:flex;align-items:center;font-size:14px;line-height:20px;font-weight:500;gap:8px;color:#353945}._route_1x0xv_25{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:#777e90}._auto_1x0xv_35{width:max-content}._full_1x0xv_39{width:100%}@media (min-width: 1024px){._root_1x0xv_1{padding:10px 24px;border-radius:110px;background:#f4f5f6}}._root_1ml5t_1{display:flex;padding:16px 0;gap:8px;width:max-content;box-sizing:border-box}._root_1ml5t_1 span{display:block;width:8px;height:8px;border-radius:50%}._metroColor_1ml5t_15{display:flex;align-items:center;font-size:16px;line-height:24px;font-weight:500;gap:8px;color:#353945}._route_1ml5t_25{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:#777e90}._auto_1ml5t_35{width:max-content}._full_1ml5t_39{width:100%}._root_1tlck_1{display:flex;flex-direction:column;padding:32px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;box-sizing:border-box}._lotImageWrapper_1tlck_10{display:flex;justify-content:center}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:16px;margin:32px 0 0}._infoHeader_1tlck_22{font-family:inherit;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.01em;color:#141416}._decor_1tlck_31{display:none}._decor_1tlck_31 span{display:block}._lotPropertyListMobile_1tlck_38{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}._lotPropertyItem_1tlck_46{display:flex;justify-content:space-between;font-family:inherit;font-size:14px;line-height:20px;padding:8px 0;border-bottom:1px solid #F4F5F6}._lotPropertyItem_1tlck_46 div:first-child{font-weight:400;color:#353945}._lotPropertyItem_1tlck_46 div:last-child{font-weight:500;color:#141416}._lotPropertyListDesktop_1tlck_64{display:none}._lotPriceWrapper_1tlck_68{font-family:inherit;font-size:18px;line-height:24px;margin:16px 0 0}._discountWrapper_1tlck_75{display:flex;justify-content:space-between;align-items:center}._discountWrapper_1tlck_75>div:last-child{font-weight:500;color:#141416}._discountPrice_1tlck_85{display:flex;align-items:center;font-weight:400;gap:8px;color:#b1b5c3}._discountPrice_1tlck_85 span{text-decoration:line-through;text-decoration-color:#ec5353}._lotPricePerMetr_1tlck_97{width:max-content;display:none}._btnWrapper_1tlck_102{display:flex;gap:8px;margin:24px 0 0}._btnWrapper_1tlck_102>button:first-child{display:none}@media (min-width: 1024px){._root_1tlck_1{flex-direction:row;gap:32px;padding:31px 30px 31px 32px}._lotImageWrapper_1tlck_10 img{width:148px;height:106px}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:0;margin:0}._decor_1tlck_31{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-family:inherit;font-size:16px;line-height:24px;font-weight:500;color:#777e90}._lotPropertyListMobile_1tlck_38{display:none}._lotPropertyListDesktop_1tlck_64{display:flex;gap:8px;margin:16px 0 0}._lotPriceWrapper_1tlck_68{font-size:24px;line-height:32px;margin:0 0 0 auto}._discountWrapper_1tlck_75{gap:12px}._discountPrice_1tlck_85{font-size:14px;line-height:20px;gap:12px}._lotPricePerMetr_1tlck_97{display:block;margin:0 0 0 auto;font-size:14px;line-height:20px;font-weight:400;color:#353945}._btnWrapper_1tlck_102{justify-content:flex-end}._btnWrapper_1tlck_102>button:first-child{display:block}._btnWrapper_1tlck_102>button:last-child{width:max-content}}._wrapper_nzllw_1{display:flex;align-items:center;gap:8px}._logo_nzllw_7{width:81px;height:16px}._wrapperBetween_nzllw_12{width:100%;justify-content:space-between}._uk_nzllw_17{font-size:8px;line-height:8px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}._uk_black_nzllw_24{color:#141416}._uk_white_nzllw_27{color:#fff}@media (min-width: 1024px){._logo_nzllw_7{width:101px;height:20px}._uk_nzllw_17{font-size:9px;line-height:10px}}._root_1cpat_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:102;overflow:auto;box-sizing:border-box}._modalBody_1cpat_15{position:absolute}._modalOverlay_1cpat_19{position:absolute;width:100%;height:100vh;background:#00000080}._isTransparentBack_1cpat_26{opacity:.5}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsxs as k, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { c as p } from "./index-DIxK0V-G.js";
|
|
3
|
+
const v = "_sortSelectWrapper_wsnw1_1", b = "_selectedOptions_wsnw1_8", x = "_selectedOptionsOpened_wsnw1_33", B = "_selectOptionsDisabled_wsnw1_37", C = "_optionsList_wsnw1_44", S = "_mobileOptionList_wsnw1_59", f = "_mobileSortHeader_wsnw1_66", g = "_modalAddBody_wsnw1_80", L = "_inputWrapper_wsnw1_86", W = "_option_wsnw1_44", D = "_icon_wsnw1_111", N = "_checkBox_wsnw1_118", y = "_checkBoxChecked_wsnw1_125", A = "_innerCheck_wsnw1_132", e = {
|
|
4
|
+
sortSelectWrapper: v,
|
|
5
|
+
selectedOptions: b,
|
|
6
|
+
selectedOptionsOpened: x,
|
|
7
|
+
selectOptionsDisabled: B,
|
|
8
|
+
optionsList: C,
|
|
9
|
+
mobileOptionList: S,
|
|
10
|
+
mobileSortHeader: f,
|
|
11
|
+
modalAddBody: g,
|
|
12
|
+
inputWrapper: L,
|
|
13
|
+
option: W,
|
|
14
|
+
icon: D,
|
|
15
|
+
checkBox: N,
|
|
16
|
+
checkBoxChecked: y,
|
|
17
|
+
innerCheck: A
|
|
18
|
+
}, i = p.bind(e), q = ({
|
|
19
|
+
selectedOption: n,
|
|
20
|
+
setSelectedOption: u,
|
|
21
|
+
setIsOpen: t,
|
|
22
|
+
containerRef: r,
|
|
23
|
+
onBlur: a,
|
|
24
|
+
onChange: l,
|
|
25
|
+
isDesktop: w,
|
|
26
|
+
placeholder: d
|
|
27
|
+
}) => {
|
|
28
|
+
const h = (s) => (c) => {
|
|
29
|
+
c.stopPropagation();
|
|
30
|
+
const _ = (n == null ? void 0 : n.value) === s.value ? null : s;
|
|
31
|
+
if (u(_), l) {
|
|
32
|
+
const m = {
|
|
33
|
+
...c,
|
|
34
|
+
target: { value: _ }
|
|
35
|
+
};
|
|
36
|
+
l(m);
|
|
37
|
+
}
|
|
38
|
+
t(!1);
|
|
39
|
+
};
|
|
40
|
+
return { handleDocumentClick: (s) => {
|
|
41
|
+
r.current && !r.current.contains(s.target) && t(!1);
|
|
42
|
+
}, handleBlur: (s) => {
|
|
43
|
+
if (a) {
|
|
44
|
+
const c = {
|
|
45
|
+
...s,
|
|
46
|
+
target: { value: n }
|
|
47
|
+
};
|
|
48
|
+
a(c);
|
|
49
|
+
}
|
|
50
|
+
}, getInputValue: () => w ? n ? n.label : d : "", getOption: (s) => /* @__PURE__ */ k(
|
|
51
|
+
"div",
|
|
52
|
+
{
|
|
53
|
+
className: i(e.option, {
|
|
54
|
+
[e.selected]: (n == null ? void 0 : n.value) === s.value
|
|
55
|
+
}),
|
|
56
|
+
onClick: h(s),
|
|
57
|
+
children: [
|
|
58
|
+
/* @__PURE__ */ o("div", { children: s.label }),
|
|
59
|
+
/* @__PURE__ */ o(
|
|
60
|
+
"div",
|
|
61
|
+
{
|
|
62
|
+
className: i(e.checkBox, {
|
|
63
|
+
[e.checkBoxChecked]: (n == null ? void 0 : n.value) === s.value
|
|
64
|
+
}),
|
|
65
|
+
children: (n == null ? void 0 : n.value) === s.value && /* @__PURE__ */ o("div", { className: e.innerCheck })
|
|
66
|
+
}
|
|
67
|
+
)
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
s.value
|
|
71
|
+
) };
|
|
72
|
+
};
|
|
73
|
+
export {
|
|
74
|
+
e as s,
|
|
75
|
+
q as u
|
|
76
|
+
};
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "stone-kit",
|
|
3
3
|
"description": "uikit for redesign",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.106",
|
|
6
6
|
"author": "Mollycodd1e",
|
|
7
7
|
"license": "ISC",
|
|
8
8
|
"type": "module",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
16
16
|
"preview": "vite preview",
|
|
17
17
|
"prepublishOnly": "npm run build",
|
|
18
|
-
"release": "node scripts/versionUpdate.js && npm publish"
|
|
18
|
+
"release": "node scripts/versionUpdate.js && npm publish && git add . && git commit -m 'Release version ${npm_package_version}' && git push origin master"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"classnames": "^2.5.1"
|
|
@@ -60,7 +60,9 @@
|
|
|
60
60
|
"keywords": [
|
|
61
61
|
"kit",
|
|
62
62
|
"stone",
|
|
63
|
-
"ui"
|
|
63
|
+
"ui",
|
|
64
|
+
"stone-kit",
|
|
65
|
+
"stonehedge"
|
|
64
66
|
],
|
|
65
67
|
"bugs": {
|
|
66
68
|
"url": "https://github.com/Mollycodd1e/viteKit/issues"
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { jsxs as k, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { c as p } from "./index-DIxK0V-G.js";
|
|
3
|
-
const v = "_sortSelectWrapper_1l3mx_1", b = "_selectedOptions_1l3mx_8", B = "_selectedOptionsOpened_1l3mx_33", C = "_selectOptionsDisabled_1l3mx_37", S = "_optionsList_1l3mx_44", f = "_mobileOptionList_1l3mx_59", g = "_mobileSortHeader_1l3mx_66", L = "_modalAddBody_1l3mx_80", W = "_inputWrapper_1l3mx_86", D = "_option_1l3mx_44", N = "_icon_1l3mx_111", y = "_checkBox_1l3mx_118", A = "_checkBoxChecked_1l3mx_125", H = "_innerCheck_1l3mx_132", o = {
|
|
4
|
-
sortSelectWrapper: v,
|
|
5
|
-
selectedOptions: b,
|
|
6
|
-
selectedOptionsOpened: B,
|
|
7
|
-
selectOptionsDisabled: C,
|
|
8
|
-
optionsList: S,
|
|
9
|
-
mobileOptionList: f,
|
|
10
|
-
mobileSortHeader: g,
|
|
11
|
-
modalAddBody: L,
|
|
12
|
-
inputWrapper: W,
|
|
13
|
-
option: D,
|
|
14
|
-
icon: N,
|
|
15
|
-
checkBox: y,
|
|
16
|
-
checkBoxChecked: A,
|
|
17
|
-
innerCheck: H
|
|
18
|
-
}, i = p.bind(o), q = ({
|
|
19
|
-
selectedOption: e,
|
|
20
|
-
setSelectedOption: m,
|
|
21
|
-
setIsOpen: s,
|
|
22
|
-
containerRef: t,
|
|
23
|
-
onBlur: r,
|
|
24
|
-
onChange: a,
|
|
25
|
-
isMobile: u,
|
|
26
|
-
placeholder: x
|
|
27
|
-
}) => {
|
|
28
|
-
const d = (c) => (n) => {
|
|
29
|
-
n.stopPropagation();
|
|
30
|
-
const _ = (e == null ? void 0 : e.value) === c.value ? null : c;
|
|
31
|
-
if (m(_), a) {
|
|
32
|
-
const h = {
|
|
33
|
-
...n,
|
|
34
|
-
target: { value: _ }
|
|
35
|
-
};
|
|
36
|
-
a(h);
|
|
37
|
-
}
|
|
38
|
-
s(!1);
|
|
39
|
-
};
|
|
40
|
-
return { handleDocumentClick: (c) => {
|
|
41
|
-
t.current && !t.current.contains(c.target) && s(!1);
|
|
42
|
-
}, handleBlur: (c) => {
|
|
43
|
-
if (r) {
|
|
44
|
-
const n = {
|
|
45
|
-
...c,
|
|
46
|
-
target: { value: e }
|
|
47
|
-
};
|
|
48
|
-
r(n);
|
|
49
|
-
}
|
|
50
|
-
}, getInputValue: () => u ? "" : e ? e.label : x, getOption: (c) => /* @__PURE__ */ k(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
className: i(o.option, {
|
|
54
|
-
[o.selected]: (e == null ? void 0 : e.value) === c.value
|
|
55
|
-
}),
|
|
56
|
-
onClick: d(c),
|
|
57
|
-
children: [
|
|
58
|
-
/* @__PURE__ */ l("div", { children: c.label }),
|
|
59
|
-
/* @__PURE__ */ l(
|
|
60
|
-
"div",
|
|
61
|
-
{
|
|
62
|
-
className: i(o.checkBox, {
|
|
63
|
-
[o.checkBoxChecked]: (e == null ? void 0 : e.value) === c.value
|
|
64
|
-
}),
|
|
65
|
-
children: (e == null ? void 0 : e.value) === c.value && /* @__PURE__ */ l("div", { className: o.innerCheck })
|
|
66
|
-
}
|
|
67
|
-
)
|
|
68
|
-
]
|
|
69
|
-
},
|
|
70
|
-
c.value
|
|
71
|
-
) };
|
|
72
|
-
};
|
|
73
|
-
export {
|
|
74
|
-
o as s,
|
|
75
|
-
q as u
|
|
76
|
-
};
|