stone-kit 0.0.34 → 0.0.36
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/dist/components/Button/ui/Button.js +2 -2
- package/dist/components/DestinationTab/ui/DestinationTab.js +4 -4
- package/dist/components/Flex/ui/Flex.d.ts +1 -1
- package/dist/components/Flex/ui/Flex.js +19 -9
- package/dist/components/Flex/ui/Flex.types.d.ts +1 -0
- package/dist/components/Input/ui/Input.js +1 -1
- package/dist/components/MobileButton/ui/MobileButton.js +5 -5
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.js +4 -0
- package/dist/components/Modal/ui/Modal.d.ts +10 -0
- package/dist/components/Modal/ui/Modal.js +21 -0
- package/dist/components/Modal/ui/Modal.types.d.ts +0 -0
- package/dist/components/Modal/ui/Modal.types.js +1 -0
- package/dist/components/NewIcon/ui/NewIcon.d.ts +9 -3
- package/dist/components/NewIcon/ui/NewIcon.js +1 -1
- package/dist/components/RoundButton/ui/RoundButton.js +42 -42
- package/dist/components/Tag/ui/Tag.js +34 -34
- package/dist/components/Text/ui/Text.d.ts +1 -1
- package/dist/components/Text/ui/Text.js +8 -8
- package/dist/components/Text/ui/Text.types.d.ts +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +14 -12
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -35,7 +35,7 @@ const w = "_btnCommon_2h1hm_1", y = "_blue_2h1hm_58", g = "_sokolniki_2h1hm_72",
|
|
|
35
35
|
post: m = !1,
|
|
36
36
|
variant: z = "blue",
|
|
37
37
|
width: u = "auto",
|
|
38
|
-
additionalClass: b,
|
|
38
|
+
additionalClass: b = "",
|
|
39
39
|
isLoading: l = !1,
|
|
40
40
|
...s
|
|
41
41
|
}) => {
|
|
@@ -55,7 +55,7 @@ const w = "_btnCommon_2h1hm_1", y = "_blue_2h1hm_58", g = "_sokolniki_2h1hm_72",
|
|
|
55
55
|
name: "loader",
|
|
56
56
|
size: "24",
|
|
57
57
|
color: "#fff",
|
|
58
|
-
|
|
58
|
+
additionalClass: _.loader
|
|
59
59
|
}
|
|
60
60
|
),
|
|
61
61
|
!l && /* @__PURE__ */ t(o, { children: [
|
|
@@ -14,7 +14,7 @@ const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeTe
|
|
|
14
14
|
"large-size_m": "_large-size_m_1c7de_122",
|
|
15
15
|
"medium-size_l": "_medium-size_l_1c7de_137",
|
|
16
16
|
"large-size_l": "_large-size_l_1c7de_150"
|
|
17
|
-
},
|
|
17
|
+
}, b = N.bind(_), f = ({
|
|
18
18
|
size: m = "medium",
|
|
19
19
|
size_m: c,
|
|
20
20
|
size_l: a,
|
|
@@ -24,19 +24,19 @@ const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeTe
|
|
|
24
24
|
routes: l = [],
|
|
25
25
|
checked: o,
|
|
26
26
|
onChange: u,
|
|
27
|
-
additionalClass: p,
|
|
27
|
+
additionalClass: p = "",
|
|
28
28
|
...h
|
|
29
29
|
}) => /* @__PURE__ */ t(
|
|
30
30
|
"label",
|
|
31
31
|
{
|
|
32
|
-
className:
|
|
32
|
+
className: b(
|
|
33
33
|
_.destination,
|
|
34
34
|
_[`${m}-size`],
|
|
35
35
|
_[`${c}-size_m`],
|
|
36
36
|
_[`${a}-size_l`],
|
|
37
37
|
_[`${d}`],
|
|
38
38
|
_[`${i}-width`],
|
|
39
|
-
|
|
39
|
+
p
|
|
40
40
|
),
|
|
41
41
|
...h,
|
|
42
42
|
htmlFor: e.destName,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IFlexProps } from './Flex.types';
|
|
2
2
|
|
|
3
|
-
export declare const Flex: ({ className, children, jc, ai, gap, fd, w, }: IFlexProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const Flex: ({ className, children, jc, ai, gap, fd, w, additionalClass, }: IFlexProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
const
|
|
4
|
-
root:
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "../../../index-DIxK0V-G.js";
|
|
3
|
+
const t = "_root_fi64k_1", _ = {
|
|
4
|
+
root: t,
|
|
5
5
|
"gap-1": "_gap-1_fi64k_5",
|
|
6
6
|
"gap-2": "_gap-2_fi64k_9",
|
|
7
7
|
"gap-3": "_gap-3_fi64k_13",
|
|
@@ -36,21 +36,31 @@ const s = "_root_fi64k_1", _ = {
|
|
|
36
36
|
"ai-flex-end": "_ai-flex-end_fi64k_129",
|
|
37
37
|
"ai-center": "_ai-center_fi64k_133",
|
|
38
38
|
"ai-baseline": "_ai-baseline_fi64k_137"
|
|
39
|
-
},
|
|
39
|
+
}, o = s.bind(_), l = ({
|
|
40
40
|
className: a,
|
|
41
41
|
children: e,
|
|
42
42
|
jc: f = "start",
|
|
43
43
|
ai: i = "center",
|
|
44
44
|
gap: p,
|
|
45
45
|
fd: r = "row",
|
|
46
|
-
w: c = "nowrap"
|
|
47
|
-
|
|
46
|
+
w: c = "nowrap",
|
|
47
|
+
additionalClass: k = ""
|
|
48
|
+
}) => /* @__PURE__ */ g(
|
|
48
49
|
"div",
|
|
49
50
|
{
|
|
50
|
-
className:
|
|
51
|
+
className: o(
|
|
52
|
+
_.root,
|
|
53
|
+
a,
|
|
54
|
+
_[`w-${c}`],
|
|
55
|
+
_[`jc-${f}`],
|
|
56
|
+
_[`ai-${i}`],
|
|
57
|
+
_[`gap-${p}`],
|
|
58
|
+
_[`fd-${r}`],
|
|
59
|
+
k
|
|
60
|
+
),
|
|
51
61
|
children: e
|
|
52
62
|
}
|
|
53
63
|
);
|
|
54
64
|
export {
|
|
55
|
-
|
|
65
|
+
l as Flex
|
|
56
66
|
};
|
|
@@ -13,11 +13,11 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
|
|
|
13
13
|
post: l = !1,
|
|
14
14
|
variant: m = "whiteFilled",
|
|
15
15
|
width: o = "auto",
|
|
16
|
-
additionalClass: c,
|
|
16
|
+
additionalClass: c = "",
|
|
17
17
|
...i
|
|
18
18
|
}) => {
|
|
19
19
|
if (i.as === "link") {
|
|
20
|
-
const { as:
|
|
20
|
+
const { as: C, ...b } = i;
|
|
21
21
|
return /* @__PURE__ */ _(
|
|
22
22
|
"a",
|
|
23
23
|
{
|
|
@@ -27,7 +27,7 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
|
|
|
27
27
|
n[`${m}`],
|
|
28
28
|
{ [n.btnCommonInline]: t || l },
|
|
29
29
|
n[`${o}-width`],
|
|
30
|
-
|
|
30
|
+
c
|
|
31
31
|
),
|
|
32
32
|
...b,
|
|
33
33
|
children: [
|
|
@@ -38,7 +38,7 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
|
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
40
|
}
|
|
41
|
-
const { as:
|
|
41
|
+
const { as: f, ...d } = i;
|
|
42
42
|
return /* @__PURE__ */ _(
|
|
43
43
|
"button",
|
|
44
44
|
{
|
|
@@ -48,7 +48,7 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
|
|
|
48
48
|
n[`${m}`],
|
|
49
49
|
{ [n.btnCommonInline]: t || l },
|
|
50
50
|
n[`${o}-width`],
|
|
51
|
-
|
|
51
|
+
c
|
|
52
52
|
),
|
|
53
53
|
...d,
|
|
54
54
|
children: [
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Modal } from './ui/Modal';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React, FC } from 'react';
|
|
2
|
+
|
|
3
|
+
interface IModalProps {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
emitIsOpen: (isOpen: boolean) => void;
|
|
6
|
+
modifierClassesStyle?: string[];
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const Modal: FC<IModalProps>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsxs as t, jsx as o, Fragment as c } from "react/jsx-runtime";
|
|
2
|
+
const n = "_root_1vvin_1", a = {
|
|
3
|
+
root: n
|
|
4
|
+
}, i = ({ isOpen: s = !1, emitIsOpen: l, children: e }) => {
|
|
5
|
+
const r = () => {
|
|
6
|
+
l(!1);
|
|
7
|
+
};
|
|
8
|
+
return s ? /* @__PURE__ */ t("div", { className: `${a.root}`, children: [
|
|
9
|
+
/* @__PURE__ */ o(
|
|
10
|
+
"div",
|
|
11
|
+
{
|
|
12
|
+
onClick: r,
|
|
13
|
+
className: a.modal__overlay
|
|
14
|
+
}
|
|
15
|
+
),
|
|
16
|
+
/* @__PURE__ */ o("div", { className: a.modal__body, children: /* @__PURE__ */ o("div", { className: a.modal__contentWrap, children: /* @__PURE__ */ o("div", { className: a.modal__content, children: e }) }) })
|
|
17
|
+
] }) : /* @__PURE__ */ o(c, {});
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
i as Modal
|
|
21
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
+
import { ReactSVGComponent } from './NewIcon.types';
|
|
2
|
+
|
|
1
3
|
type IconComponentProps = {
|
|
2
|
-
name:
|
|
4
|
+
name: keyof typeof iconTypes;
|
|
3
5
|
size?: string;
|
|
4
6
|
color?: string;
|
|
5
|
-
|
|
7
|
+
additionalClass?: string;
|
|
6
8
|
deg?: string;
|
|
7
9
|
};
|
|
8
|
-
|
|
10
|
+
type IconTypes = {
|
|
11
|
+
[name: string]: ReactSVGComponent;
|
|
12
|
+
};
|
|
13
|
+
declare const iconTypes: IconTypes;
|
|
14
|
+
export declare const NewIcon: ({ name, size, color, additionalClass, deg }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
15
|
export {};
|
|
@@ -197,7 +197,7 @@ const m = ({
|
|
|
197
197
|
building: () => /* @__PURE__ */ n(R1, {}),
|
|
198
198
|
case: () => /* @__PURE__ */ n(S1, {}),
|
|
199
199
|
sport: () => /* @__PURE__ */ n(H1, {})
|
|
200
|
-
}, P1 = ({ name: t, size: l = "24", color: r,
|
|
200
|
+
}, P1 = ({ name: t, size: l = "24", color: r, additionalClass: a, deg: c }) => {
|
|
201
201
|
const s = $1[t];
|
|
202
202
|
return /* @__PURE__ */ n(
|
|
203
203
|
"div",
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as o, Fragment as f } from "react/jsx-runtime";
|
|
2
|
+
import { useState as g, useEffect as S } from "react";
|
|
3
3
|
import { c as R } from "../../../index-DIxK0V-G.js";
|
|
4
4
|
import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
|
|
5
5
|
import { sizeMap as s } from "./RoundButton.types.js";
|
|
6
|
-
const
|
|
7
|
-
btnRound:
|
|
8
|
-
"small-size": "_small-
|
|
9
|
-
"medium-size": "_medium-
|
|
10
|
-
"large-size": "_large-
|
|
11
|
-
whiteStroke:
|
|
12
|
-
"small-size_m": "_small-
|
|
13
|
-
"medium-size_m": "_medium-
|
|
14
|
-
"large-size_m": "_large-
|
|
15
|
-
"small-size_l": "_small-
|
|
16
|
-
"medium-size_l": "_medium-
|
|
17
|
-
"large-size_l": "_large-
|
|
6
|
+
const k = "_btnRound_7sz3m_1", $ = "_whiteStroke_7sz3m_34", e = {
|
|
7
|
+
btnRound: k,
|
|
8
|
+
"small-size": "_small-size_7sz3m_17",
|
|
9
|
+
"medium-size": "_medium-size_7sz3m_22",
|
|
10
|
+
"large-size": "_large-size_7sz3m_28",
|
|
11
|
+
whiteStroke: $,
|
|
12
|
+
"small-size_m": "_small-size_m_7sz3m_46",
|
|
13
|
+
"medium-size_m": "_medium-size_m_7sz3m_50",
|
|
14
|
+
"large-size_m": "_large-size_m_7sz3m_55",
|
|
15
|
+
"small-size_l": "_small-size_l_7sz3m_62",
|
|
16
|
+
"medium-size_l": "_medium-size_l_7sz3m_66",
|
|
17
|
+
"large-size_l": "_large-size_l_7sz3m_71"
|
|
18
18
|
}, v = R.bind(e), j = ({
|
|
19
|
-
size:
|
|
20
|
-
size_m:
|
|
21
|
-
size_l:
|
|
22
|
-
children:
|
|
23
|
-
iconName:
|
|
24
|
-
variant:
|
|
25
|
-
additionalClass: d,
|
|
26
|
-
deg:
|
|
27
|
-
...
|
|
19
|
+
size: i = "small",
|
|
20
|
+
size_m: m,
|
|
21
|
+
size_l: t,
|
|
22
|
+
children: z = "",
|
|
23
|
+
iconName: l = "",
|
|
24
|
+
variant: a = "whiteStroke",
|
|
25
|
+
additionalClass: d = "",
|
|
26
|
+
deg: c,
|
|
27
|
+
...r
|
|
28
28
|
}) => {
|
|
29
|
-
const [
|
|
29
|
+
const [u, w] = g(s.small), { color: h } = r;
|
|
30
30
|
return S(() => {
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
|
|
31
|
+
const _ = () => {
|
|
32
|
+
const n = window.innerWidth, b = n > 1440 && t ? s[t] : n >= 1024 && n <= 1440 && m ? s[m] : s[i] || s.small;
|
|
33
|
+
w(b);
|
|
34
34
|
};
|
|
35
|
-
return window.addEventListener("resize",
|
|
36
|
-
window.removeEventListener("resize",
|
|
35
|
+
return window.addEventListener("resize", _), _(), () => {
|
|
36
|
+
window.removeEventListener("resize", _);
|
|
37
37
|
};
|
|
38
|
-
}, [
|
|
38
|
+
}, [i, m, t]), /* @__PURE__ */ o(
|
|
39
39
|
"button",
|
|
40
40
|
{
|
|
41
41
|
className: v(
|
|
42
42
|
e.btnRound,
|
|
43
|
-
e[`${
|
|
44
|
-
e[`${
|
|
45
|
-
e[`${
|
|
46
|
-
e[`${
|
|
47
|
-
|
|
43
|
+
e[`${i}-size`],
|
|
44
|
+
e[`${m}-size_m`],
|
|
45
|
+
e[`${t}-size_l`],
|
|
46
|
+
e[`${a}`],
|
|
47
|
+
d
|
|
48
48
|
),
|
|
49
|
-
...
|
|
50
|
-
children: /* @__PURE__ */
|
|
49
|
+
...r,
|
|
50
|
+
children: /* @__PURE__ */ o(f, { children: l ? /* @__PURE__ */ o(
|
|
51
51
|
p,
|
|
52
52
|
{
|
|
53
|
-
name:
|
|
54
|
-
size:
|
|
55
|
-
deg:
|
|
56
|
-
color:
|
|
53
|
+
name: l,
|
|
54
|
+
size: u,
|
|
55
|
+
deg: c,
|
|
56
|
+
color: h
|
|
57
57
|
}
|
|
58
|
-
) :
|
|
58
|
+
) : z })
|
|
59
59
|
}
|
|
60
60
|
);
|
|
61
61
|
};
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
const
|
|
4
|
-
tagCommon:
|
|
5
|
-
"auto-width": "_auto-
|
|
6
|
-
"full-width": "_full-
|
|
7
|
-
"medium-size": "_medium-
|
|
8
|
-
"tiny-size": "_tiny-
|
|
9
|
-
red:
|
|
10
|
-
gray:
|
|
11
|
-
shade:
|
|
12
|
-
"tiny-size_m": "_tiny-
|
|
13
|
-
"medium-size_m": "_medium-
|
|
14
|
-
"tiny-size_l": "_tiny-
|
|
15
|
-
"medium-size_l": "_medium-
|
|
16
|
-
}, l =
|
|
17
|
-
size:
|
|
18
|
-
size_m:
|
|
19
|
-
size_l:
|
|
20
|
-
children:
|
|
21
|
-
variant:
|
|
22
|
-
width:
|
|
23
|
-
additionalClass:
|
|
24
|
-
...
|
|
25
|
-
}) => /* @__PURE__ */
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import { c as d } from "../../../index-DIxK0V-G.js";
|
|
3
|
+
const n = "_tagCommon_1acg9_1", z = "_red_1acg9_40", r = "_gray_1acg9_46", u = "_shade_1acg9_52", _ = {
|
|
4
|
+
tagCommon: n,
|
|
5
|
+
"auto-width": "_auto-width_1acg9_16",
|
|
6
|
+
"full-width": "_full-width_1acg9_20",
|
|
7
|
+
"medium-size": "_medium-size_1acg9_24",
|
|
8
|
+
"tiny-size": "_tiny-size_1acg9_32",
|
|
9
|
+
red: z,
|
|
10
|
+
gray: r,
|
|
11
|
+
shade: u,
|
|
12
|
+
"tiny-size_m": "_tiny-size_m_1acg9_67",
|
|
13
|
+
"medium-size_m": "_medium-size_m_1acg9_74",
|
|
14
|
+
"tiny-size_l": "_tiny-size_l_1acg9_89",
|
|
15
|
+
"medium-size_l": "_medium-size_l_1acg9_96"
|
|
16
|
+
}, l = d.bind(_), w = ({
|
|
17
|
+
size: i = "medium",
|
|
18
|
+
size_m: m,
|
|
19
|
+
size_l: s,
|
|
20
|
+
children: a = "",
|
|
21
|
+
variant: e = "gray",
|
|
22
|
+
width: t = "auto",
|
|
23
|
+
additionalClass: c = "",
|
|
24
|
+
...o
|
|
25
|
+
}) => /* @__PURE__ */ g(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
28
|
className: l(
|
|
29
29
|
_.tagCommon,
|
|
30
|
-
_[`${
|
|
31
|
-
_[`${
|
|
32
|
-
_[`${
|
|
33
|
-
_[`${
|
|
34
|
-
_[`${
|
|
35
|
-
|
|
30
|
+
_[`${i}-size`],
|
|
31
|
+
_[`${m}-size_m`],
|
|
32
|
+
_[`${s}-size_l`],
|
|
33
|
+
_[`${e}`],
|
|
34
|
+
_[`${t}-width`],
|
|
35
|
+
c
|
|
36
36
|
),
|
|
37
|
-
...
|
|
38
|
-
children:
|
|
37
|
+
...o,
|
|
38
|
+
children: a
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
w as Tag
|
|
43
43
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITextProps } from './Text.types';
|
|
2
2
|
|
|
3
|
-
export declare const Text: ({ children, className, html, ...rest }: ITextProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const Text: ({ children, className, additionalClass, html, ...rest }: ITextProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
const o = {},
|
|
2
|
+
import { c as i } from "../../../index-DIxK0V-G.js";
|
|
3
|
+
const o = {}, c = i.bind(o), f = ({ children: m, className: r, additionalClass: t = "", html: s, ...e }) => s ? /* @__PURE__ */ n(
|
|
4
4
|
"div",
|
|
5
5
|
{
|
|
6
|
-
className:
|
|
7
|
-
...
|
|
6
|
+
className: c(o.root, r, t),
|
|
7
|
+
...e,
|
|
8
8
|
dangerouslySetInnerHTML: { __html: s }
|
|
9
9
|
}
|
|
10
10
|
) : /* @__PURE__ */ n(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
|
-
className:
|
|
14
|
-
...
|
|
15
|
-
children:
|
|
13
|
+
className: c(o.root, r, t),
|
|
14
|
+
...e,
|
|
15
|
+
children: m
|
|
16
16
|
}
|
|
17
17
|
);
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
f as Text
|
|
20
20
|
};
|
package/dist/main.d.ts
CHANGED
package/dist/main.js
CHANGED
|
@@ -2,21 +2,23 @@ import { Button as t } from "./components/Button/ui/Button.js";
|
|
|
2
2
|
import { MobileButton as x } from "./components/MobileButton/ui/MobileButton.js";
|
|
3
3
|
import { NewIcon as f } from "./components/NewIcon/ui/NewIcon.js";
|
|
4
4
|
import { DestinationTab as n } from "./components/DestinationTab/ui/DestinationTab.js";
|
|
5
|
-
import { RoundButton as
|
|
6
|
-
import { Tag as
|
|
7
|
-
import { Switcher as
|
|
8
|
-
import { Text as
|
|
9
|
-
import { Flex as
|
|
10
|
-
import { Input as
|
|
5
|
+
import { RoundButton as a } from "./components/RoundButton/ui/RoundButton.js";
|
|
6
|
+
import { Tag as l } from "./components/Tag/ui/Tag.js";
|
|
7
|
+
import { Switcher as T } from "./components/Switcher/ui/Switcher.js";
|
|
8
|
+
import { Text as c } from "./components/Text/ui/Text.js";
|
|
9
|
+
import { Flex as w } from "./components/Flex/ui/Flex.js";
|
|
10
|
+
import { Input as M } from "./components/Input/ui/Input.js";
|
|
11
|
+
import { Modal as h } from "./components/Modal/ui/Modal.js";
|
|
11
12
|
export {
|
|
12
13
|
t as Button,
|
|
13
14
|
n as DestinationTab,
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
w as Flex,
|
|
16
|
+
M as Input,
|
|
16
17
|
x as MobileButton,
|
|
18
|
+
h as Modal,
|
|
17
19
|
f as NewIcon,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
a as RoundButton,
|
|
21
|
+
T as Switcher,
|
|
22
|
+
l as Tag,
|
|
23
|
+
c as Text
|
|
22
24
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._tagCommon_96we6_1{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}._tagCommon_96we6_1:disabled{opacity:.2}._auto-width_96we6_16{width:max-content}._full-width_96we6_20{width:100%}._medium-size_96we6_24{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._tiny-size_96we6_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._red_96we6_40{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_96we6_46{background:#f4f5f6;border:1px solid #f4f5f6;color:#353945}._shade_96we6_52{background:#141416cc;border:none;color:#fff}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}@media (min-width: 1024px){._tiny-size_m_96we6_67{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_96we6_74{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}}@media (min-width: 1440px){._tiny-size_l_96we6_89{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_96we6_96{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}}@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}._btnRound_4g1ag_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_4g1ag_1:disabled{opacity:.2}._small-size_4g1ag_14{width:32px;height:32px}._medium-size_4g1ag_19{width:40px;height:40px;padding:9px}._large-size_4g1ag_25{width:48px;height:48px;padding:11px}._whiteStroke_4g1ag_31{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_4g1ag_31:hover{border:1px solid #b1b5c3}._whiteStroke_4g1ag_31:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_4g1ag_43{width:32px;height:32px}._medium-size_m_4g1ag_47{width:40px;height:40px;padding:9px}._large-size_m_4g1ag_52{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_4g1ag_59{width:32px;height:32px}._medium-size_l_4g1ag_63{width:40px;height:40px;padding:9px}._large-size_l_4g1ag_68{width:48px;height:48px;padding:11px}}._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}._auto-width_yxw8x_1{width:max-content}._full-width_yxw8x_5{width:100%}._inputWrapper_yxw8x_9{display:flex;gap:4px;border-radius:48px;padding:11px 23px;border:1px solid #b1b5c3}._inputWrapper_yxw8x_9 input{border:none;background:transparent}._inputWrapper_yxw8x_9 input:focus{outline:none}._inputWrapperPost_yxw8x_24{font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 23px}._inputWrapperPost_yxw8x_24 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._light_yxw8x_34{background:#fff;border:1px solid #b1b5c3}._light_yxw8x_34 input{color:#141416}._light_yxw8x_34 input::placeholder{color:#b1b5c3}._light_yxw8x_34 span{color:#b1b5c3}._light_yxw8x_34:hover{border:1px solid #777e90}._light_yxw8x_34:has(input:focus){border:1px solid #141416}._light_yxw8x_34:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_yxw8x_34:has(input:disabled) input{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) input::placeholder{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) span{color:#b1b5c3}._dark_yxw8x_67{background:#23262f;border:1px solid #353945}._dark_yxw8x_67 input{color:#fff}._dark_yxw8x_67 input::placeholder{color:#777e90}._dark_yxw8x_67 span{color:#777e90}._dark_yxw8x_67:hover{border:1px solid #777e90}._dark_yxw8x_67:has(input:focus){border:1px solid #ffffff}._dark_yxw8x_67:has(input:disabled){background:#141416;border:1px solid #353945}._dark_yxw8x_67:has(input:disabled) input{color:#353945}._dark_yxw8x_67:has(input:disabled) input::placeholder{color:#353945}._dark_yxw8x_67:has(input:disabled) span{color:#353945}._dark_yxw8x_67:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_yxw8x_103{border:1px solid #ec5353}._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}._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}}._btnCommon_2h1hm_1{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_2h1hm_1:disabled{opacity:.2}._auto-width_2h1hm_18{width:max-content}._full-width_2h1hm_22{width:100%}._tiny-size_2h1hm_26{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_2h1hm_34{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_2h1hm_42{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_2h1hm_50{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_2h1hm_58{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_2h1hm_58:hover{background:#024ac0;border:1px solid #024ac0}._blue_2h1hm_58:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_2h1hm_72{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_2h1hm_72:hover{background:#494f29;border:1px solid #494f29}._sokolniki_2h1hm_72:active{background:#303519;border:1px solid #303519}._black_2h1hm_86{background:#141416;border:1px solid #141416;color:#fff}._black_2h1hm_86:hover{background:#23262f;border:1px solid #353945}._black_2h1hm_86:active{background:#353945;border:1px solid #777e90}._gray_2h1hm_100{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_2h1hm_100:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_2h1hm_100:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_2h1hm_114{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_2h1hm_114:hover{border:1px solid #b1b5c3}._whiteStroke_2h1hm_114:active{border:1px solid #141416}._whiteFilled_2h1hm_126{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_2h1hm_126:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_2h1hm_126:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_2h1hm_140{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_2h1hm_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_2h1hm_154{animation:_LoaderSpin_2h1hm_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_2h1hm_159{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_2h1hm_166{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_2h1hm_173{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_2h1hm_180{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_2h1hm_189{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_2h1hm_196{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_2h1hm_203{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_2h1hm_210{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}
|
|
1
|
+
._tagCommon_1acg9_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_1acg9_1:disabled{opacity:.2}._auto-width_1acg9_16{width:max-content}._full-width_1acg9_20{width:100%}._medium-size_1acg9_24{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._tiny-size_1acg9_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._red_1acg9_40{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_1acg9_46{background:#f4f5f6;border:1px solid #f4f5f6;color:#353945}._shade_1acg9_52{background:#141416cc;border:none;color:#fff}._medium-size_1acg9_24._shade_1acg9_52{padding:10px 16px}._tiny-size_1acg9_32._shade_1acg9_52{padding:6px}@media (min-width: 1024px){._tiny-size_m_1acg9_67{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_1acg9_74{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_1acg9_24._shade_1acg9_52{padding:10px 16px}._tiny-size_1acg9_32._shade_1acg9_52{padding:6px}}@media (min-width: 1440px){._tiny-size_l_1acg9_89{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_1acg9_96{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_1acg9_24._shade_1acg9_52{padding:10px 16px}._tiny-size_1acg9_32._shade_1acg9_52{padding:6px}}@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}._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}}._root_1vvin_1{display:flex;justify-content:center;align-items:center;position:fixed;top:56px;left:0;width:100%;height:100%;z-index:102}._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}._auto-width_yxw8x_1{width:max-content}._full-width_yxw8x_5{width:100%}._inputWrapper_yxw8x_9{display:flex;gap:4px;border-radius:48px;padding:11px 23px;border:1px solid #b1b5c3}._inputWrapper_yxw8x_9 input{border:none;background:transparent}._inputWrapper_yxw8x_9 input:focus{outline:none}._inputWrapperPost_yxw8x_24{font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 23px}._inputWrapperPost_yxw8x_24 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._light_yxw8x_34{background:#fff;border:1px solid #b1b5c3}._light_yxw8x_34 input{color:#141416}._light_yxw8x_34 input::placeholder{color:#b1b5c3}._light_yxw8x_34 span{color:#b1b5c3}._light_yxw8x_34:hover{border:1px solid #777e90}._light_yxw8x_34:has(input:focus){border:1px solid #141416}._light_yxw8x_34:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_yxw8x_34:has(input:disabled) input{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) input::placeholder{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) span{color:#b1b5c3}._dark_yxw8x_67{background:#23262f;border:1px solid #353945}._dark_yxw8x_67 input{color:#fff}._dark_yxw8x_67 input::placeholder{color:#777e90}._dark_yxw8x_67 span{color:#777e90}._dark_yxw8x_67:hover{border:1px solid #777e90}._dark_yxw8x_67:has(input:focus){border:1px solid #ffffff}._dark_yxw8x_67:has(input:disabled){background:#141416;border:1px solid #353945}._dark_yxw8x_67:has(input:disabled) input{color:#353945}._dark_yxw8x_67:has(input:disabled) input::placeholder{color:#353945}._dark_yxw8x_67:has(input:disabled) span{color:#353945}._dark_yxw8x_67:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_yxw8x_103{border:1px solid #ec5353}._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}._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}}._btnCommon_2h1hm_1{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_2h1hm_1:disabled{opacity:.2}._auto-width_2h1hm_18{width:max-content}._full-width_2h1hm_22{width:100%}._tiny-size_2h1hm_26{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_2h1hm_34{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_2h1hm_42{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_2h1hm_50{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_2h1hm_58{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_2h1hm_58:hover{background:#024ac0;border:1px solid #024ac0}._blue_2h1hm_58:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_2h1hm_72{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_2h1hm_72:hover{background:#494f29;border:1px solid #494f29}._sokolniki_2h1hm_72:active{background:#303519;border:1px solid #303519}._black_2h1hm_86{background:#141416;border:1px solid #141416;color:#fff}._black_2h1hm_86:hover{background:#23262f;border:1px solid #353945}._black_2h1hm_86:active{background:#353945;border:1px solid #777e90}._gray_2h1hm_100{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_2h1hm_100:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_2h1hm_100:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_2h1hm_114{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_2h1hm_114:hover{border:1px solid #b1b5c3}._whiteStroke_2h1hm_114:active{border:1px solid #141416}._whiteFilled_2h1hm_126{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_2h1hm_126:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_2h1hm_126:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_2h1hm_140{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_2h1hm_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_2h1hm_154{animation:_LoaderSpin_2h1hm_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_2h1hm_159{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_2h1hm_166{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_2h1hm_173{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_2h1hm_180{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_2h1hm_189{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_2h1hm_196{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_2h1hm_203{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_2h1hm_210{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}
|