@iit/precision-ui 0.6.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ArticlePreviewTag.d.ts +11 -0
- package/dist/components/ArticlePreviewTag.d.ts.map +1 -0
- package/dist/components/cards/AdvantageWithAccordion.d.ts +12 -0
- package/dist/components/cards/AdvantageWithAccordion.d.ts.map +1 -0
- package/dist/components/cards/Connect.d.ts +19 -0
- package/dist/components/cards/Connect.d.ts.map +1 -0
- package/dist/components/cards/Doc.d.ts +11 -0
- package/dist/components/cards/Doc.d.ts.map +1 -0
- package/dist/components/cards/FAQ.d.ts +14 -0
- package/dist/components/cards/FAQ.d.ts.map +1 -0
- package/dist/components/cards/License.d.ts +10 -0
- package/dist/components/cards/License.d.ts.map +1 -0
- package/dist/components/cards/Package.d.ts +28 -0
- package/dist/components/cards/Package.d.ts.map +1 -0
- package/dist/components/pieces/ShowMoreAccordionTrigger.d.ts +8 -0
- package/dist/components/pieces/ShowMoreAccordionTrigger.d.ts.map +1 -0
- package/dist/components/ui/TagLink.d.ts +14 -0
- package/dist/components/ui/TagLink.d.ts.map +1 -0
- package/dist/components/ui/accordion.d.ts +15 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/tabs.d.ts +8 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/icons/comet.svg +5 -0
- package/dist/index.d.ts +38 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +112 -63
- package/dist/index.es.js.map +1 -1
- package/dist/index.es10.js +1 -1
- package/dist/index.es11.js +1 -1
- package/dist/index.es12.js +1 -1
- package/dist/index.es13.js +79 -24
- package/dist/index.es13.js.map +1 -1
- package/dist/index.es14.js +83 -26
- package/dist/index.es14.js.map +1 -1
- package/dist/index.es15.js +19 -19
- package/dist/index.es15.js.map +1 -1
- package/dist/index.es16.js +28 -25
- package/dist/index.es16.js.map +1 -1
- package/dist/index.es17.js +24 -69
- package/dist/index.es17.js.map +1 -1
- package/dist/index.es18.js +22 -32
- package/dist/index.es18.js.map +1 -1
- package/dist/index.es19.js +72 -31
- package/dist/index.es19.js.map +1 -1
- package/dist/index.es2.js +1 -1
- package/dist/index.es20.js +24 -19
- package/dist/index.es20.js.map +1 -1
- package/dist/index.es21.js +30 -26
- package/dist/index.es21.js.map +1 -1
- package/dist/index.es22.js +25 -205
- package/dist/index.es22.js.map +1 -1
- package/dist/index.es23.js +17 -50
- package/dist/index.es23.js.map +1 -1
- package/dist/index.es24.js +40 -52
- package/dist/index.es24.js.map +1 -1
- package/dist/index.es25.js +30 -54
- package/dist/index.es25.js.map +1 -1
- package/dist/index.es26.js +52 -18
- package/dist/index.es26.js.map +1 -1
- package/dist/index.es27.js +14 -19
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es28.js +6 -91
- package/dist/index.es28.js.map +1 -1
- package/dist/index.es29.js +53 -90
- package/dist/index.es29.js.map +1 -1
- package/dist/index.es3.js +2 -2
- package/dist/index.es30.js +25 -31
- package/dist/index.es30.js.map +1 -1
- package/dist/index.es31.js +97 -6
- package/dist/index.es31.js.map +1 -1
- package/dist/index.es32.js +55 -21
- package/dist/index.es32.js.map +1 -1
- package/dist/index.es33.js +90 -18
- package/dist/index.es33.js.map +1 -1
- package/dist/index.es34.js +96 -18
- package/dist/index.es34.js.map +1 -1
- package/dist/index.es35.js +11 -9
- package/dist/index.es35.js.map +1 -1
- package/dist/index.es36.js +42 -82
- package/dist/index.es36.js.map +1 -1
- package/dist/index.es37.js +23 -18
- package/dist/index.es37.js.map +1 -1
- package/dist/index.es38.js +36 -43
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es39.js +24 -49
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es4.js +1 -1
- package/dist/index.es40.js +205 -34
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +46 -50
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es42.js +47 -81
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es43.js +60 -97
- package/dist/index.es43.js.map +1 -1
- package/dist/index.es44.js +19 -26
- package/dist/index.es44.js.map +1 -1
- package/dist/index.es45.js +17 -45
- package/dist/index.es45.js.map +1 -1
- package/dist/index.es46.js +75 -226
- package/dist/index.es46.js.map +1 -1
- package/dist/index.es47.js +90 -16
- package/dist/index.es47.js.map +1 -1
- package/dist/index.es48.js +33 -4
- package/dist/index.es48.js.map +1 -1
- package/dist/index.es49.js +80 -0
- package/dist/index.es49.js.map +1 -0
- package/dist/index.es5.js +1 -1
- package/dist/index.es50.js +46 -0
- package/dist/index.es50.js.map +1 -0
- package/dist/index.es51.js +14 -0
- package/dist/index.es51.js.map +1 -0
- package/dist/index.es52.js +9 -0
- package/dist/index.es52.js.map +1 -0
- package/dist/index.es53.js +25 -0
- package/dist/index.es53.js.map +1 -0
- package/dist/index.es54.js +23 -0
- package/dist/index.es54.js.map +1 -0
- package/dist/index.es55.js +23 -0
- package/dist/index.es55.js.map +1 -0
- package/dist/index.es56.js +50 -0
- package/dist/index.es56.js.map +1 -0
- package/dist/index.es57.js +30 -0
- package/dist/index.es57.js.map +1 -0
- package/dist/index.es58.js +19 -0
- package/dist/index.es58.js.map +1 -0
- package/dist/index.es59.js +245 -0
- package/dist/index.es59.js.map +1 -0
- package/dist/index.es6.js +1 -1
- package/dist/index.es60.js +7 -0
- package/dist/index.es60.js.map +1 -0
- package/dist/index.es7.js +1 -1
- package/dist/index.es8.js +1 -1
- package/dist/styles.css +206 -0
- package/package.json +5 -3
package/dist/index.es22.js
CHANGED
|
@@ -1,213 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import k from "./index.es36.js";
|
|
7
|
-
import N from "./index.es27.js";
|
|
8
|
-
import { cn as p } from "./index.es31.js";
|
|
9
|
-
import { cva as f } from "class-variance-authority";
|
|
10
|
-
import { getAdapter as H } from "./index.es9.js";
|
|
11
|
-
const j = f("", {
|
|
12
|
-
variants: {
|
|
13
|
-
size: {
|
|
14
|
-
default: "sm:pb-32",
|
|
15
|
-
medium: "sm:pb-[116px]",
|
|
16
|
-
small: "sm:pb-10"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
defaultVariants: {
|
|
20
|
-
size: "default"
|
|
21
|
-
}
|
|
22
|
-
}), W = f("", {
|
|
23
|
-
variants: {
|
|
24
|
-
size: {
|
|
25
|
-
default: "sm:pb-[76px]",
|
|
26
|
-
medium: "sm:pb-6",
|
|
27
|
-
small: "sm:pb-6"
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
defaultVariants: {
|
|
31
|
-
size: "default"
|
|
32
|
-
}
|
|
33
|
-
}), B = f("", {
|
|
34
|
-
variants: {
|
|
35
|
-
contentContainerSize: {
|
|
36
|
-
default: "mb-5 lg:max-w-[700px]",
|
|
37
|
-
medium: "lg:max-w-[590px]",
|
|
38
|
-
large: "lg:max-w-5xl"
|
|
39
|
-
// small: "",
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
defaultVariants: {
|
|
43
|
-
contentContainerSize: "default"
|
|
44
|
-
}
|
|
45
|
-
}), _ = f("", {
|
|
46
|
-
variants: {
|
|
47
|
-
contentContainerSize: {
|
|
48
|
-
default: "lg:max-w-[460px]",
|
|
49
|
-
medium: "lg:max-w-[370px]",
|
|
50
|
-
large: "lg:max-w-2xl"
|
|
51
|
-
// small: "",
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
defaultVariants: {
|
|
55
|
-
contentContainerSize: "default"
|
|
56
|
-
}
|
|
57
|
-
}), y = ({
|
|
58
|
-
text: t,
|
|
59
|
-
href: a,
|
|
60
|
-
target: m,
|
|
61
|
-
anchor: c,
|
|
62
|
-
theme: l,
|
|
63
|
-
className: i,
|
|
64
|
-
linkClassName: o,
|
|
65
|
-
iconDirection: n
|
|
66
|
-
}) => a ? /* @__PURE__ */ e.createElement(
|
|
67
|
-
u,
|
|
1
|
+
import t from "react";
|
|
2
|
+
import { cva as n } from "class-variance-authority";
|
|
3
|
+
import { cn as o } from "./index.es52.js";
|
|
4
|
+
const p = n(
|
|
5
|
+
"inline-flex items-center rounded-sm pt-[9px] pb-[4px] px-[13px] typo_variant_caption",
|
|
68
6
|
{
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
) : c ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: l, iconDirection: n }, /* @__PURE__ */ e.createElement("a", { href: a }, t)) : m ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: l, iconDirection: n }, /* @__PURE__ */ e.createElement("a", { href: a, target: m, rel: "noopener noreferrer" }, t)) : /* @__PURE__ */ e.createElement(u, { theme: l, iconDirection: n }, t), F = (t) => {
|
|
77
|
-
switch (t) {
|
|
78
|
-
case "search-news":
|
|
79
|
-
return /* @__PURE__ */ e.createElement(
|
|
80
|
-
"div",
|
|
81
|
-
{
|
|
82
|
-
"data-test-id": "search-news",
|
|
83
|
-
className: "w-full h-full flex justify-center items-center"
|
|
84
|
-
},
|
|
85
|
-
/* @__PURE__ */ e.createElement(
|
|
86
|
-
k,
|
|
87
|
-
{
|
|
88
|
-
placeholder: "Фильтр по тарифам",
|
|
89
|
-
onChange: (a) => {
|
|
90
|
-
console.log(a.target.value);
|
|
91
|
-
},
|
|
92
|
-
className: "w-[456px]"
|
|
93
|
-
}
|
|
94
|
-
)
|
|
95
|
-
);
|
|
96
|
-
default:
|
|
97
|
-
return null;
|
|
98
|
-
}
|
|
99
|
-
}, I = ({
|
|
100
|
-
title: t,
|
|
101
|
-
contentContainerSize: a,
|
|
102
|
-
desc: m,
|
|
103
|
-
price: c,
|
|
104
|
-
oldPrice: l,
|
|
105
|
-
image: i,
|
|
106
|
-
buttons: o,
|
|
107
|
-
childrenComponentType: n,
|
|
108
|
-
breadcrumbs: h,
|
|
109
|
-
bottomButtons: x,
|
|
110
|
-
size: s = "default",
|
|
111
|
-
imageSize: d,
|
|
112
|
-
linesImage: v
|
|
113
|
-
}) => {
|
|
114
|
-
const E = (r) => {
|
|
115
|
-
switch (r) {
|
|
116
|
-
case "small":
|
|
117
|
-
return 448;
|
|
118
|
-
case "medium":
|
|
119
|
-
return 552;
|
|
120
|
-
default:
|
|
121
|
-
return 664;
|
|
122
|
-
}
|
|
123
|
-
}, b = (r) => {
|
|
124
|
-
switch (r) {
|
|
125
|
-
case "small":
|
|
126
|
-
return 336;
|
|
127
|
-
case "medium":
|
|
128
|
-
return 456;
|
|
129
|
-
default:
|
|
130
|
-
return 544;
|
|
131
|
-
}
|
|
132
|
-
}, g = H("ImageWrapper");
|
|
133
|
-
return /* @__PURE__ */ e.createElement("section", { className: "container relative" }, /* @__PURE__ */ e.createElement("div", { className: "mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden" }, /* @__PURE__ */ e.createElement(
|
|
134
|
-
"div",
|
|
135
|
-
{
|
|
136
|
-
"data-test-id": "content-container",
|
|
137
|
-
className: p(
|
|
138
|
-
"w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12",
|
|
139
|
-
j({ size: s })
|
|
140
|
-
)
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "bg-navy-opacity-4 text-navy",
|
|
10
|
+
turquoise: "bg-turquoise-opacity-16 text-turquoise",
|
|
11
|
+
white: "bg-white text-navy",
|
|
12
|
+
lightWhite: "bg-whitish-opacity-8 text-white"
|
|
13
|
+
}
|
|
141
14
|
},
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
"div",
|
|
145
|
-
{
|
|
146
|
-
className: p(
|
|
147
|
-
"w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4",
|
|
148
|
-
W({ size: s })
|
|
149
|
-
)
|
|
150
|
-
},
|
|
151
|
-
/* @__PURE__ */ e.createElement(
|
|
152
|
-
w,
|
|
153
|
-
{
|
|
154
|
-
level: 1,
|
|
155
|
-
as: "h1",
|
|
156
|
-
className: p("", B({ contentContainerSize: a }))
|
|
157
|
-
},
|
|
158
|
-
/* @__PURE__ */ e.createElement(V, { html: t })
|
|
159
|
-
),
|
|
160
|
-
/* @__PURE__ */ e.createElement("div", { className: "space-y-10" }, /* @__PURE__ */ e.createElement(
|
|
161
|
-
N,
|
|
162
|
-
{
|
|
163
|
-
variant: "body",
|
|
164
|
-
className: p(
|
|
165
|
-
_({ contentContainerSize: a }),
|
|
166
|
-
"text-whitish-opacity-60 mt-5"
|
|
167
|
-
)
|
|
168
|
-
},
|
|
169
|
-
m
|
|
170
|
-
), (c || l) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, l && /* @__PURE__ */ e.createElement(
|
|
171
|
-
N,
|
|
172
|
-
{
|
|
173
|
-
variant: "lead-text",
|
|
174
|
-
className: "text-whitish-opacity-32 line-through"
|
|
175
|
-
},
|
|
176
|
-
l
|
|
177
|
-
), /* @__PURE__ */ e.createElement(w, { level: 3, as: "div" }, c)), o && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full" }, o.map((r) => /* @__PURE__ */ e.createElement(y, { key: r.text, ...r })))),
|
|
178
|
-
n && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(n))
|
|
179
|
-
)
|
|
180
|
-
), x && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto" }, x.map((r) => /* @__PURE__ */ e.createElement(
|
|
181
|
-
y,
|
|
182
|
-
{
|
|
183
|
-
key: r.text,
|
|
184
|
-
theme: "opacity",
|
|
185
|
-
...r,
|
|
186
|
-
className: "w-full backdrop-blur-[8px]",
|
|
187
|
-
linkClassName: "w-full"
|
|
188
|
-
}
|
|
189
|
-
))), i && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
|
|
190
|
-
g,
|
|
191
|
-
{
|
|
192
|
-
src: i,
|
|
193
|
-
alt: t,
|
|
194
|
-
width: E(d || s),
|
|
195
|
-
height: b(d || s),
|
|
196
|
-
objectFit: "contain"
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
variant: "default"
|
|
197
17
|
}
|
|
198
|
-
|
|
199
|
-
|
|
18
|
+
}
|
|
19
|
+
), s = t.forwardRef(
|
|
20
|
+
({ className: a, variant: e, ...i }, r) => /* @__PURE__ */ t.createElement(
|
|
21
|
+
"span",
|
|
200
22
|
{
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
height: b(d || s),
|
|
205
|
-
objectFit: "contain"
|
|
23
|
+
className: o(p({ variant: e, className: a })),
|
|
24
|
+
ref: r,
|
|
25
|
+
...i
|
|
206
26
|
}
|
|
207
|
-
)
|
|
208
|
-
|
|
27
|
+
)
|
|
28
|
+
);
|
|
29
|
+
s.displayName = "Tag";
|
|
209
30
|
export {
|
|
210
|
-
|
|
211
|
-
M as default
|
|
31
|
+
s as Tag
|
|
212
32
|
};
|
|
213
33
|
//# sourceMappingURL=index.es22.js.map
|
package/dist/index.es22.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es22.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-32',\r\n medium: 'sm:pb-[116px]',\r\n small: 'sm:pb-10',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-[76px]',\r\n medium: 'sm:pb-6',\r\n small: 'sm:pb-6',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'mb-5 lg:max-w-[700px]',\r\n medium: 'lg:max-w-[590px]',\r\n large: 'lg:max-w-5xl',\r\n // small: \"\",\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'lg:max-w-[460px]',\r\n medium: 'lg:max-w-[370px]',\r\n large: 'lg:max-w-2xl',\r\n // small: \"\",\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nexport interface HeroProps {\r\n title: string\r\n desc?: string\r\n price?: string\r\n oldPrice?: string\r\n image?: string\r\n buttons?: CommonButtonProps[]\r\n childrenComponentType?: 'search-news'\r\n breadcrumbs?: BreadcrumbProps[]\r\n bottomButtons?: CommonButtonProps[]\r\n size?: 'default' | 'small' | 'medium'\r\n contentContainerSize?: 'default' | 'medium' | 'large'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n text,\r\n href,\r\n target,\r\n anchor,\r\n theme,\r\n className,\r\n linkClassName,\r\n iconDirection,\r\n}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={className}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (anchor) {\r\n // TODO: the whole button is not clickable, but it should be\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href}>{text}</a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (target) {\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href} target={target} rel=\"noopener noreferrer\">\r\n {text}\r\n </a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n return (\r\n <ButtonPrimary theme={theme} iconDirection={iconDirection}>\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n switch (componentType) {\r\n case 'search-news':\r\n return (\r\n <div\r\n data-test-id=\"search-news\"\r\n className=\"w-full h-full flex justify-center items-center\"\r\n >\r\n <SearchInputWithButton\r\n placeholder=\"Фильтр по тарифам\"\r\n onChange={(event) => {\r\n console.log(event.target.value)\r\n }}\r\n className=\"w-[456px]\"\r\n // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n />\r\n </div>\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n title,\r\n contentContainerSize,\r\n desc,\r\n price,\r\n oldPrice,\r\n image,\r\n buttons,\r\n childrenComponentType,\r\n breadcrumbs,\r\n bottomButtons,\r\n size = 'default',\r\n imageSize,\r\n linesImage,\r\n}) => {\r\n const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 448\r\n case 'medium':\r\n return 552\r\n default:\r\n return 664\r\n }\r\n }\r\n const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 336\r\n case 'medium':\r\n return 456\r\n default:\r\n return 544\r\n }\r\n }\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <section className=\"container relative\">\r\n <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n <div\r\n data-test-id=\"content-container\"\r\n className={cn(\r\n 'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n contentContainerVariants({ size })\r\n )}\r\n >\r\n {/* Navigation */}\r\n <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n </div>\r\n\r\n {/* Slider Content */}\r\n <div\r\n className={cn(\r\n 'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n sliderContentVariants({ size })\r\n )}\r\n >\r\n <Heading\r\n level={1}\r\n as={'h1'}\r\n className={cn('', titleVariants({ contentContainerSize }))}\r\n >\r\n <SafeHtmlRenderer html={title} />\r\n </Heading>\r\n\r\n <div className=\"space-y-10\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60 mt-5'\r\n )}\r\n >\r\n {desc}\r\n </Text>\r\n\r\n {(price || oldPrice) && (\r\n <div className=\"flex space-x-5 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"lead-text\"\r\n className=\"text-whitish-opacity-32 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={3} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex gap-4 mt-12 w-full\">\r\n {buttons.map((button) => (\r\n <HeroButton key={button.text} {...button} />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {childrenComponentType && (\r\n <div className=\"mt-5\">\r\n {childrenComponent(childrenComponentType)}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {bottomButtons && (\r\n <div className=\"flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto\">\r\n {bottomButtons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n theme=\"opacity\"\r\n {...button}\r\n className=\"w-full backdrop-blur-[8px]\"\r\n linkClassName=\"w-full\"\r\n />\r\n ))}\r\n </div>\r\n )}\r\n\r\n {image && (\r\n <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n <ImageWrapper\r\n src={image}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n {linesImage && (\r\n <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n <ImageWrapper\r\n src={linesImage}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","React","ButtonPrimary","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","imageWidth","imageHeight","ImageWrapper","getAdapter","cn","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es22.js","sources":["../src/components/ui/Tag.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst tagVariants = cva(\r\n 'inline-flex items-center rounded-sm pt-[9px] pb-[4px] px-[13px] typo_variant_caption',\r\n {\r\n variants: {\r\n variant: {\r\n default: 'bg-navy-opacity-4 text-navy',\r\n turquoise: 'bg-turquoise-opacity-16 text-turquoise',\r\n white: 'bg-white text-navy',\r\n lightWhite: 'bg-whitish-opacity-8 text-white',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\nexport interface TagProps\r\n extends React.HTMLAttributes<HTMLSpanElement>,\r\n VariantProps<typeof tagVariants> {\r\n className?: string\r\n}\r\n\r\nexport interface TagItemProps {\r\n title: string\r\n color?: TagProps['variant']\r\n}\r\n\r\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\r\n ({ className, variant, ...props }, ref) => {\r\n return (\r\n <span\r\n className={cn(tagVariants({ variant, className }))}\r\n ref={ref}\r\n {...props}\r\n />\r\n )\r\n }\r\n)\r\nTag.displayName = 'Tag'\r\n\r\nexport { Tag }\r\n"],"names":["tagVariants","cva","Tag","React","className","variant","props","ref","cn"],"mappings":";;;AAIA,MAAMA,IAAcC;AAAA,EAClB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAaMC,IAAMC,EAAM;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAE/BJ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK,EAAGR,EAAY,EAAE,SAAAK,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,MACjD,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAI,cAAc;"}
|
package/dist/index.es23.js
CHANGED
|
@@ -1,55 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
import p from "./index.es26.js";
|
|
1
|
+
import l from "./index.es44.js";
|
|
3
2
|
import e from "react";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
"/partners/rosbank.svg",
|
|
12
|
-
"/partners/pochtabank.svg",
|
|
13
|
-
"/partners/vtb.svg",
|
|
14
|
-
"/partners/alfa.svg",
|
|
15
|
-
"/partners/otkrytie.svg"
|
|
16
|
-
// "МТС",
|
|
17
|
-
// "Уралсиб",
|
|
18
|
-
// "Сбербанк",
|
|
19
|
-
// "Росбанк",
|
|
20
|
-
// "Почта Банк",
|
|
21
|
-
// "ВТБ",
|
|
22
|
-
// "РосБанк",
|
|
23
|
-
// "Открытие",
|
|
24
|
-
], v = ({
|
|
25
|
-
variant: a,
|
|
26
|
-
withoutTopPadding: s,
|
|
27
|
-
withoutBottomPadding: n,
|
|
28
|
-
withTopMargin: l,
|
|
29
|
-
withBottomMargin: o
|
|
30
|
-
}) => {
|
|
31
|
-
const m = d("ImageWrapper");
|
|
32
|
-
return /* @__PURE__ */ e.createElement(
|
|
33
|
-
i,
|
|
3
|
+
import n from "./index.es19.js";
|
|
4
|
+
import o from "./index.es45.js";
|
|
5
|
+
import { getAdapter as c } from "./index.es9.js";
|
|
6
|
+
const i = ({ title: t, desc: a, icon: r }) => {
|
|
7
|
+
const m = c("ImageWrapper");
|
|
8
|
+
return /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg h-full" }, /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex" }, /* @__PURE__ */ e.createElement(
|
|
9
|
+
m,
|
|
34
10
|
{
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"div",
|
|
44
|
-
{
|
|
45
|
-
key: c,
|
|
46
|
-
className: "rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center"
|
|
47
|
-
},
|
|
48
|
-
/* @__PURE__ */ e.createElement(m, { src: t, width: 160, height: 64, alt: t })
|
|
49
|
-
)), /* @__PURE__ */ e.createElement("div", { className: "bg-whitish rounded-lg flex items-center justify-center" }, /* @__PURE__ */ e.createElement(r, { variant: "body", className: "text-navy-opacity-40 py-6 sm:py-0" }, "500+")))
|
|
50
|
-
);
|
|
51
|
-
}, x = v;
|
|
11
|
+
src: r,
|
|
12
|
+
alt: `Изображение для ${t}`,
|
|
13
|
+
width: 32,
|
|
14
|
+
height: 32,
|
|
15
|
+
className: "object-contain"
|
|
16
|
+
}
|
|
17
|
+
)), /* @__PURE__ */ e.createElement(l, { level: 5, className: "mb-2" }, t), a && /* @__PURE__ */ e.createElement(o, { variant: "small-body", className: "text-navy-opacity-60", as: "div" }, /* @__PURE__ */ e.createElement(n, { html: a })));
|
|
18
|
+
}, u = i;
|
|
52
19
|
export {
|
|
53
|
-
|
|
20
|
+
u as default
|
|
54
21
|
};
|
|
55
22
|
//# sourceMappingURL=index.es23.js.map
|
package/dist/index.es23.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es23.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index.es23.js","sources":["../src/components/cards/Advantage.tsx"],"sourcesContent":["import Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n}\r\n\r\nconst Advantage: React.FC<AdvantageProps> = ({ title, desc, icon }) => {\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <div className=\"p-6 bg-whitish rounded-lg h-full\">\r\n <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex\">\r\n <ImageWrapper\r\n src={icon}\r\n alt={`Изображение для ${title}`}\r\n width={32}\r\n height={32}\r\n className=\"object-contain\"\r\n />\r\n </div>\r\n <Heading level={5} className=\"mb-2\">\r\n {title}\r\n </Heading>\r\n {desc && (\r\n <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as={'div'}>\r\n <SafeHtmlRenderer html={desc} />\r\n </Text>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Advantage\r\n"],"names":["Advantage","title","desc","icon","ImageWrapper","getAdapter","React","Heading","Text","SafeHtmlRenderer","Advantage$1"],"mappings":";;;;;AAYA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,QAAW;AAC/D,QAAAC,IAAeC,EAAW,cAAc;AAE9C,yCACG,OAAI,EAAA,WAAU,sCACZC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,2DACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAEd,CAAA,GACAK,gBAAAA,EAAA,cAACC,GAAQ,EAAA,OAAO,GAAG,WAAU,OAAA,GAC1BN,CACH,GACCC,KACCI,gBAAAA,EAAA,cAACE,KAAK,SAAQ,cAAa,WAAU,wBAAuB,IAAI,MAAA,mCAC7DC,GAAiB,EAAA,MAAMP,EAAM,CAAA,CAChC,CAEJ;AAEJ,GAEAQ,IAAeV;"}
|
package/dist/index.es24.js
CHANGED
|
@@ -1,61 +1,49 @@
|
|
|
1
|
-
import e from "react";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: "py-[120px]",
|
|
11
|
-
muted: "bg-grey-2 py-[88px] px-6"
|
|
12
|
-
},
|
|
13
|
-
corners: {
|
|
14
|
-
default: "rounded-2xl",
|
|
15
|
-
onlyTop: "rounded-t-2xl",
|
|
16
|
-
onlyBottom: "rounded-b-2xl"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
defaultVariants: {
|
|
20
|
-
variant: "default",
|
|
21
|
-
corners: "default"
|
|
22
|
-
}
|
|
23
|
-
}), B = ({
|
|
1
|
+
import e, { Fragment as v } from "react";
|
|
2
|
+
import { Tag as u } from "./index.es22.js";
|
|
3
|
+
import E from "./index.es6.js";
|
|
4
|
+
import g from "./index.es44.js";
|
|
5
|
+
import h from "./index.es19.js";
|
|
6
|
+
import x from "./index.es45.js";
|
|
7
|
+
import { cn as N } from "./index.es52.js";
|
|
8
|
+
import { getAdapter as o } from "./index.es9.js";
|
|
9
|
+
const y = ({
|
|
24
10
|
title: t,
|
|
25
|
-
sectionId: n,
|
|
26
11
|
desc: a,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
withBottomMargin: c = !1,
|
|
32
|
-
withoutTopPadding: m = !1,
|
|
33
|
-
withoutBottomPadding: i = !1,
|
|
34
|
-
variant: f,
|
|
35
|
-
corners: p,
|
|
36
|
-
className: d
|
|
12
|
+
icon: r,
|
|
13
|
+
tags: c,
|
|
14
|
+
link: m,
|
|
15
|
+
size: i
|
|
37
16
|
}) => {
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
17
|
+
const l = `${i === 2 ? "sm:col-span-2" : "sm:col-span-1"} p-6 bg-whitish rounded-lg h-full`, p = o("LinkWrapper"), f = o("ImageWrapper"), n = /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2" }, c.map((s, d) => /* @__PURE__ */ e.createElement(u, { key: d, variant: s.color }, s.title))), r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center mt-12" }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
f,
|
|
19
|
+
{
|
|
20
|
+
src: r,
|
|
21
|
+
alt: `Изображение для ${t}`,
|
|
22
|
+
width: 64,
|
|
23
|
+
height: 64
|
|
24
|
+
}
|
|
25
|
+
)), /* @__PURE__ */ e.createElement("div", { className: "space-y-2 mt-[88px]" }, /* @__PURE__ */ e.createElement(g, { level: 4, as: "div" }, t), a && /* @__PURE__ */ e.createElement(x, { variant: "small-body", className: "text-navy-opacity-60", as: "div" }, /* @__PURE__ */ e.createElement(h, { html: a, className: "inline" }))));
|
|
26
|
+
return m ? /* @__PURE__ */ e.createElement(
|
|
27
|
+
p,
|
|
45
28
|
{
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
d
|
|
29
|
+
href: m,
|
|
30
|
+
className: N(
|
|
31
|
+
l,
|
|
32
|
+
"flex flex-col h-full justify-between items-start transition-all bottom-0 hover:bottom-1 transform duration-300 relative"
|
|
51
33
|
)
|
|
52
34
|
},
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
35
|
+
/* @__PURE__ */ e.createElement("div", null, n),
|
|
36
|
+
/* @__PURE__ */ e.createElement(
|
|
37
|
+
E,
|
|
38
|
+
{
|
|
39
|
+
icon: "arrowRight",
|
|
40
|
+
className: "mt-6"
|
|
41
|
+
},
|
|
42
|
+
"Подробнее"
|
|
43
|
+
)
|
|
44
|
+
) : /* @__PURE__ */ e.createElement("div", { className: l }, n);
|
|
45
|
+
}, z = y;
|
|
58
46
|
export {
|
|
59
|
-
|
|
47
|
+
z as default
|
|
60
48
|
};
|
|
61
49
|
//# sourceMappingURL=index.es24.js.map
|
package/dist/index.es24.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es24.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index.es24.js","sources":["../src/components/cards/Advantage2.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface Advantage2Props {\r\n title: string\r\n desc?: string\r\n icon?: string\r\n tags: TagItemProps[]\r\n link?: string\r\n size?: 1 | 2\r\n}\r\n\r\nconst Advantage2: React.FC<Advantage2Props> = ({\r\n title,\r\n desc,\r\n icon,\r\n tags,\r\n link,\r\n size,\r\n}) => {\r\n const sizeCls = size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n const classes = `${sizeCls} p-6 bg-whitish rounded-lg h-full`\r\n\r\n const LinkWrapper = getAdapter('LinkWrapper')\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n const component = (\r\n <Fragment>\r\n <div className=\"flex space-x-2\">\r\n {tags.map((tag, index) => (\r\n <Tag key={index} variant={tag.color}>\r\n {tag.title}\r\n </Tag>\r\n ))}\r\n </div>\r\n\r\n {icon && (\r\n <div className=\"flex justify-center mt-12\">\r\n <ImageWrapper\r\n src={icon}\r\n alt={`Изображение для ${title}`}\r\n width={64}\r\n height={64}\r\n // className=\"object-contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n <div className=\"space-y-2 mt-[88px]\">\r\n <Heading level={4} as=\"div\">\r\n {title}\r\n </Heading>\r\n {desc && (\r\n <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as=\"div\">\r\n <SafeHtmlRenderer html={desc} className=\"inline\" />\r\n </Text>\r\n )}\r\n </div>\r\n </Fragment>\r\n )\r\n\r\n if (link) {\r\n return (\r\n <LinkWrapper\r\n href={link}\r\n className={cn(\r\n classes,\r\n 'flex flex-col h-full justify-between items-start transition-all bottom-0 hover:bottom-1 transform duration-300 relative'\r\n )}\r\n >\r\n <div>{component}</div>\r\n {/* TODO: here is the button, should be a link */}\r\n <ButtonText\r\n icon=\"arrowRight\"\r\n className=\"mt-6\"\r\n // variant={variant === \"navy\" ? \"white\" : \"default\"}\r\n >\r\n Подробнее\r\n </ButtonText>\r\n </LinkWrapper>\r\n )\r\n }\r\n\r\n return <div className={classes}>{component}</div>\r\n}\r\n\r\nexport default Advantage2\r\n"],"names":["Advantage2","title","desc","icon","tags","link","size","classes","LinkWrapper","getAdapter","ImageWrapper","component","React","Fragment","tag","index","Tag","Heading","Text","SafeHtmlRenderer","cn","ButtonText","Advantage2$1"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AAEE,QAAAC,IAAU,GADAD,MAAS,IAAI,kBAAkB,eACrB,qCAEpBE,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc,GAExCE,IACJC,gBAAAA,EAAA,cAACC,GACC,MAAAD,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,iBACZ,GAAAR,EAAK,IAAI,CAACU,GAAKC,MACbH,gBAAAA,EAAA,cAAAI,GAAA,EAAI,KAAKD,GAAO,SAASD,EAAI,MAC3B,GAAAA,EAAI,KACP,CACD,CACH,GAECX,KACCS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,4BACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EAAA,CAGZ,GAGDW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,GACZA,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAG,MAAA,GACnBhB,CACH,GACCC,KACEU,gBAAAA,EAAA,cAAAM,GAAA,EAAK,SAAQ,cAAa,WAAU,wBAAuB,IAAG,SAC7DN,gBAAAA,EAAA,cAACO,GAAiB,EAAA,MAAMjB,GAAM,WAAU,SAAS,CAAA,CACnD,CAEJ,CACF;AAGF,SAAIG,IAEAO,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,WAAWe;AAAA,QACTb;AAAA,QACA;AAAA,MACF;AAAA,IAAA;AAAA,IAEAK,gBAAAA,EAAA,cAAC,aAAKD,CAAU;AAAA,IAEhBC,gBAAAA,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEX;AAAA,IAED;AAAA,EAAA,IAKET,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWL,EAAA,GAAUI,CAAU;AAC7C,GAEAW,IAAetB;"}
|
package/dist/index.es25.js
CHANGED
|
@@ -1,64 +1,40 @@
|
|
|
1
|
-
import
|
|
2
|
-
import e from "
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import t from "react";
|
|
10
|
-
const x = {
|
|
11
|
-
Advantage: e,
|
|
12
|
-
Advantage2: G,
|
|
13
|
-
Rate: k,
|
|
14
|
-
Product: _,
|
|
15
|
-
FeaturedCard: R,
|
|
16
|
-
Plate: I
|
|
17
|
-
}, y = ({
|
|
18
|
-
title: r,
|
|
19
|
-
sectionId: o,
|
|
1
|
+
import { Accordion as m, AccordionItem as s, AccordionContent as p, AccordionTrigger as d } from "./index.es49.js";
|
|
2
|
+
import e, { useId as g } from "react";
|
|
3
|
+
import f from "./index.es44.js";
|
|
4
|
+
import u from "./index.es19.js";
|
|
5
|
+
import { cn as h } from "./index.es52.js";
|
|
6
|
+
import { getAdapter as v } from "./index.es9.js";
|
|
7
|
+
const b = ({
|
|
8
|
+
title: t,
|
|
20
9
|
desc: a,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
withTopMargin: f = !1,
|
|
25
|
-
withBottomMargin: i = !1,
|
|
26
|
-
withoutBottomPadding: c = !1,
|
|
27
|
-
variant: p,
|
|
28
|
-
corners: l,
|
|
29
|
-
columns: s,
|
|
30
|
-
hideControlsOnDesktop: C,
|
|
31
|
-
withoutCarousel: u,
|
|
32
|
-
footnote: P
|
|
10
|
+
icon: r,
|
|
11
|
+
heightMode: n,
|
|
12
|
+
className: o
|
|
33
13
|
}) => {
|
|
34
|
-
const g =
|
|
35
|
-
return /* @__PURE__ */
|
|
36
|
-
|
|
14
|
+
const c = g(), l = n === "full" ? "h-full" : "h-fit", i = v("ImageWrapper");
|
|
15
|
+
return /* @__PURE__ */ e.createElement(
|
|
16
|
+
"div",
|
|
37
17
|
{
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
withoutTopPadding: d,
|
|
44
|
-
withTopMargin: f,
|
|
45
|
-
withBottomMargin: i,
|
|
46
|
-
withoutBottomPadding: c
|
|
18
|
+
className: h(
|
|
19
|
+
"p-6 bg-whitish text-navy rounded-lg",
|
|
20
|
+
l,
|
|
21
|
+
o
|
|
22
|
+
)
|
|
47
23
|
},
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
|
|
24
|
+
/* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex" }, /* @__PURE__ */ e.createElement(
|
|
25
|
+
i,
|
|
50
26
|
{
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
footnote: P
|
|
27
|
+
src: r,
|
|
28
|
+
alt: `Изображение для ${t}`,
|
|
29
|
+
width: 32,
|
|
30
|
+
height: 32,
|
|
31
|
+
className: "object-contain"
|
|
57
32
|
}
|
|
58
|
-
)
|
|
33
|
+
)),
|
|
34
|
+
/* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ e.createElement(f, { level: 5 }, t), a && /* @__PURE__ */ e.createElement(m, { type: "single", collapsible: !0 }, /* @__PURE__ */ e.createElement(s, { value: c, className: "p-0" }, /* @__PURE__ */ e.createElement(p, { className: "p-0 pb-6 text-navy-opacity-60 typo_variant_small-body" }, /* @__PURE__ */ e.createElement(u, { html: a })), /* @__PURE__ */ e.createElement(d, { className: "border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8" }))))
|
|
59
35
|
);
|
|
60
|
-
},
|
|
36
|
+
}, W = b;
|
|
61
37
|
export {
|
|
62
|
-
|
|
38
|
+
W as default
|
|
63
39
|
};
|
|
64
40
|
//# sourceMappingURL=index.es25.js.map
|