quirk-ui 0.0.352 → 0.0.353
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/assets/index13.css +1 -1
- package/dist/assets/index13.css.d.ts +14 -13
- package/dist/core/components/Carousel/index.js +162 -154
- package/dist/styles.css +1 -1
- package/dist/styles.css.d.ts +14 -13
- package/package.json +1 -1
package/dist/assets/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_lmysl_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_lmysl_1{padding:0 var(--spacing-lg)}}._isSplit_lmysl_10{padding-top:0}._noPointerEvents_lmysl_14 *{pointer-events:none!important}._trackContainer_lmysl_18{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_lmysl_18{overflow:visible}}._track_lmysl_18{display:flex;transition:transform .3s ease;will-change:transform}._page_lmysl_33{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_lmysl_33{justify-content:center;padding:0 var(--spacing-sm)}}._controls_lmysl_43{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_lmysl_54{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_lmysl_54{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_lmysl_54._active_lmysl_71{background-color:var(--color-primary-100)}._buttons_lmysl_75{display:flex;gap:var(--spacing-md)}._prev_lmysl_80._disabled_lmysl_80,._next_lmysl_81._disabled_lmysl_80{opacity:.5;pointer-events:none}._buttons_lmysl_75 button:not(._disabled_lmysl_80):hover{background-color:var(--color-primary-100);color:#fff}._prev_lmysl_80,._next_lmysl_81{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
2
|
+
readonly "_active_lmysl_71": string;
|
|
3
|
+
readonly "_buttons_lmysl_75": string;
|
|
4
|
+
readonly "_carousel_lmysl_1": string;
|
|
5
|
+
readonly "_controls_lmysl_43": string;
|
|
6
|
+
readonly "_disabled_lmysl_80": string;
|
|
7
|
+
readonly "_indicator_lmysl_54": string;
|
|
8
|
+
readonly "_indicators_lmysl_54": string;
|
|
9
|
+
readonly "_isSplit_lmysl_10": string;
|
|
10
|
+
readonly "_next_lmysl_81": string;
|
|
11
|
+
readonly "_noPointerEvents_lmysl_14": string;
|
|
12
|
+
readonly "_page_lmysl_33": string;
|
|
13
|
+
readonly "_prev_lmysl_80": string;
|
|
14
|
+
readonly "_trackContainer_lmysl_18": string;
|
|
15
|
+
readonly "_track_lmysl_18": string;
|
|
15
16
|
};
|
|
16
17
|
export = styles;
|
|
17
18
|
|
|
@@ -1,239 +1,247 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { A as
|
|
4
|
-
import { A as
|
|
5
|
-
import '../../../assets/index13.css';const
|
|
6
|
-
carousel:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { jsxs as R, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as c, useRef as X, useEffect as k, useLayoutEffect as bt, useCallback as xt } from "react";
|
|
3
|
+
import { A as $t } from "../../../arrow-left-BIJvHwNQ.js";
|
|
4
|
+
import { A as Et } from "../../../arrow-right-QEwnX3Sk.js";
|
|
5
|
+
import '../../../assets/index13.css';const Xt = "_carousel_lmysl_1", kt = "_isSplit_lmysl_10", It = "_noPointerEvents_lmysl_14", Nt = "_trackContainer_lmysl_18", St = "_track_lmysl_18", Tt = "_page_lmysl_33", Wt = "_controls_lmysl_43", At = "_indicators_lmysl_54", Dt = "_indicator_lmysl_54", Lt = "_active_lmysl_71", Pt = "_buttons_lmysl_75", Rt = "_prev_lmysl_80", zt = "_disabled_lmysl_80", Yt = "_next_lmysl_81", o = {
|
|
6
|
+
carousel: Xt,
|
|
7
|
+
isSplit: kt,
|
|
8
|
+
noPointerEvents: It,
|
|
9
|
+
trackContainer: Nt,
|
|
10
|
+
track: St,
|
|
10
11
|
page: Tt,
|
|
11
12
|
controls: Wt,
|
|
12
13
|
indicators: At,
|
|
13
14
|
indicator: Dt,
|
|
14
15
|
active: Lt,
|
|
15
|
-
buttons:
|
|
16
|
-
prev:
|
|
17
|
-
disabled:
|
|
18
|
-
next:
|
|
16
|
+
buttons: Pt,
|
|
17
|
+
prev: Rt,
|
|
18
|
+
disabled: zt,
|
|
19
|
+
next: Yt
|
|
19
20
|
};
|
|
20
|
-
function
|
|
21
|
-
items:
|
|
21
|
+
function Ht({
|
|
22
|
+
items: w,
|
|
22
23
|
itemsPerPage: u = 9,
|
|
23
24
|
itemsPerRow: Q = 3,
|
|
24
25
|
autoplay: Z = !1,
|
|
25
|
-
autoplayInterval:
|
|
26
|
+
autoplayInterval: z = 3,
|
|
26
27
|
className: tt,
|
|
27
28
|
externalRef: et,
|
|
28
29
|
siblingRef: h,
|
|
29
|
-
isSplit:
|
|
30
|
+
isSplit: I = !1
|
|
30
31
|
}) {
|
|
31
|
-
const [f,
|
|
32
|
-
Math.abs((T ?? 0) - (
|
|
32
|
+
const [f, m] = c(0), [r, b] = c(0), [p, N] = c(0), [a, nt] = c(u), [_, st] = c(!1), [Y, ot] = c(Z), [x, ct] = c(!1), lt = X(null), d = X(null), M = X(null), $ = et, [y, S] = c(!1), [B, j] = c(null), [E, U] = c(null), [G, H] = c(null), [rt, O] = c(!1), [g, V] = c(null), [T, q] = c(null), at = (t) => {
|
|
33
|
+
Math.abs((T ?? 0) - (g ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
|
|
33
34
|
}, it = (t) => {
|
|
34
35
|
V(t.clientX);
|
|
35
36
|
}, dt = (t) => {
|
|
36
|
-
|
|
37
|
+
g !== null && Math.abs(t.clientX - g) > 5 && (O(!0), q(t.clientX));
|
|
37
38
|
}, ut = () => {
|
|
38
|
-
if (!
|
|
39
|
+
if (!g || !T) {
|
|
39
40
|
W();
|
|
40
41
|
return;
|
|
41
42
|
}
|
|
42
|
-
const t =
|
|
43
|
-
Math.abs(t) > 50 && (t > 0 ? L() :
|
|
43
|
+
const t = g - T;
|
|
44
|
+
Math.abs(t) > 50 && (t > 0 ? L() : P()), W();
|
|
44
45
|
}, ht = () => {
|
|
45
46
|
W();
|
|
46
47
|
}, W = () => {
|
|
47
48
|
O(!1), V(null), q(null);
|
|
48
49
|
}, ft = (t) => {
|
|
49
|
-
U(t.touches[0].clientX), j(t.touches[0].clientY),
|
|
50
|
-
}, F =
|
|
50
|
+
U(t.touches[0].clientX), j(t.touches[0].clientY), S(!1);
|
|
51
|
+
}, F = X(null);
|
|
51
52
|
k(() => {
|
|
52
53
|
const t = F.current;
|
|
53
54
|
if (!t) return;
|
|
54
55
|
const e = (n) => {
|
|
55
|
-
const s = n.touches[0].clientX - (
|
|
56
|
-
!
|
|
56
|
+
const s = n.touches[0].clientX - (E ?? 0), i = n.touches[0].clientY - (B ?? 0);
|
|
57
|
+
!y && Math.abs(s) > Math.abs(i) && S(!0), y && (n.preventDefault(), H(n.touches[0].clientX));
|
|
57
58
|
};
|
|
58
59
|
return t.addEventListener("touchmove", e), () => {
|
|
59
60
|
t.removeEventListener("touchmove", e);
|
|
60
61
|
};
|
|
61
|
-
}, [
|
|
62
|
-
const
|
|
63
|
-
if (
|
|
64
|
-
const t =
|
|
65
|
-
Math.abs(t) > 50 && (t > 0 ? L() :
|
|
66
|
-
},
|
|
62
|
+
}, [y, E, B]);
|
|
63
|
+
const mt = () => {
|
|
64
|
+
if (E === null || G === null) return;
|
|
65
|
+
const t = E - G;
|
|
66
|
+
Math.abs(t) > 50 && (t > 0 ? L() : P()), U(null), H(null), j(null), S(!1);
|
|
67
|
+
}, pt = (t, e) => {
|
|
67
68
|
const n = [];
|
|
68
69
|
for (let s = 0; s < t.length; s += e)
|
|
69
70
|
n.push(t.slice(s, s + e));
|
|
70
71
|
return n;
|
|
71
72
|
};
|
|
72
|
-
|
|
73
|
+
bt(() => {
|
|
73
74
|
if (typeof window < "u") {
|
|
74
75
|
const t = () => {
|
|
75
76
|
const e = window.innerWidth < 768, n = e ? 1 : u;
|
|
76
|
-
st(e), nt(e ? 1 : u),
|
|
77
|
-
(s) => Math.min(s, Math.ceil(
|
|
77
|
+
st(e), nt(e ? 1 : u), m(
|
|
78
|
+
(s) => Math.min(s, Math.ceil(w.length / n) - 1)
|
|
78
79
|
);
|
|
79
80
|
};
|
|
80
81
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
81
82
|
}
|
|
82
83
|
}, [u]);
|
|
83
|
-
const A = Math.ceil(
|
|
84
|
+
const A = Math.ceil(a / Q), J = pt(w, a), v = J.length, _t = 3 * 16, vt = 3 * 16, wt = xt(
|
|
84
85
|
(t) => {
|
|
85
|
-
if (t &&
|
|
86
|
+
if (t && !x) {
|
|
86
87
|
const e = t.getBoundingClientRect().width;
|
|
87
|
-
e > 0 && e !==
|
|
88
|
+
e > 0 && e !== p && (N(e), ct(!0));
|
|
88
89
|
}
|
|
89
90
|
},
|
|
90
|
-
[
|
|
91
|
+
[p, x]
|
|
91
92
|
);
|
|
92
93
|
k(() => {
|
|
93
94
|
var t, e, n, s;
|
|
94
|
-
if (
|
|
95
|
-
const
|
|
96
|
-
|
|
95
|
+
if (x && r > 0 && d.current && ((e = (t = d.current.children[0]) == null ? void 0 : t.children[0]) != null && e.children[0])) {
|
|
96
|
+
const C = ((s = (n = d.current.children[0]) == null ? void 0 : n.children[0]) == null ? void 0 : s.children[0]).getBoundingClientRect().width;
|
|
97
|
+
C > 0 && C !== p && N(C);
|
|
97
98
|
}
|
|
98
|
-
}, [
|
|
99
|
+
}, [r, x, p]), k(() => {
|
|
99
100
|
const t = new ResizeObserver((e) => {
|
|
100
101
|
var n, s;
|
|
101
102
|
for (let i of e)
|
|
102
103
|
if (i.contentRect) {
|
|
103
|
-
|
|
104
|
-
i.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) -
|
|
105
|
-
) :
|
|
104
|
+
_ ? b(i.contentRect.width - vt) : I ? h != null && h.current ? b(
|
|
105
|
+
i.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) - _t
|
|
106
|
+
) : b(i.contentRect.width) : (b(i.contentRect.width), N(
|
|
106
107
|
((s = d == null ? void 0 : d.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
|
|
107
108
|
));
|
|
108
|
-
const
|
|
109
|
-
|
|
110
|
-
(
|
|
109
|
+
const C = _ ? 1 : u;
|
|
110
|
+
m(
|
|
111
|
+
(Ct) => Math.min(Ct, Math.ceil(w.length / C) - 1)
|
|
111
112
|
);
|
|
112
113
|
}
|
|
113
114
|
});
|
|
114
|
-
return
|
|
115
|
-
}, [
|
|
115
|
+
return $ != null && $.current && t.observe($.current), () => t.disconnect();
|
|
116
|
+
}, [_, I, w]);
|
|
116
117
|
const D = () => {
|
|
117
|
-
|
|
118
|
+
M.current && clearInterval(M.current), ot(!1);
|
|
118
119
|
}, L = () => {
|
|
119
|
-
D(),
|
|
120
|
-
},
|
|
121
|
-
D(),
|
|
122
|
-
},
|
|
123
|
-
D(),
|
|
124
|
-
},
|
|
125
|
-
|
|
120
|
+
D(), m((t) => Math.min(t + 1, v - 1));
|
|
121
|
+
}, P = () => {
|
|
122
|
+
D(), m((t) => Math.max(t - 1, 0));
|
|
123
|
+
}, Mt = (t) => {
|
|
124
|
+
D(), m(t);
|
|
125
|
+
}, yt = () => r ? `translateX(-${f * r}px)` : "translateX(0px)", K = () => {
|
|
126
|
+
m((t) => t >= v - 1 ? 0 : t + 1);
|
|
126
127
|
};
|
|
127
|
-
k(() => (Y && (
|
|
128
|
+
k(() => (Y && (M.current = setInterval(
|
|
128
129
|
K,
|
|
129
|
-
|
|
130
|
+
z * 1e3
|
|
130
131
|
)), () => {
|
|
131
|
-
|
|
132
|
-
}), [Y,
|
|
133
|
-
const
|
|
134
|
-
"--max-item-width": `${(
|
|
132
|
+
M.current && clearInterval(M.current);
|
|
133
|
+
}), [Y, z, K]);
|
|
134
|
+
const gt = {
|
|
135
|
+
"--max-item-width": `${(r - (a - 1) * 16) / a}px`
|
|
135
136
|
//Container minus gaps (dynamicItemsPerPage - 1 * gap size) divided by dynamicItemsPerPage
|
|
136
137
|
};
|
|
137
|
-
return /* @__PURE__ */
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
{
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
style: {
|
|
145
|
-
maxWidth: `${a}px`,
|
|
146
|
-
touchAction: M ? "none" : "pan-y"
|
|
147
|
-
},
|
|
148
|
-
onTouchStart: ft,
|
|
149
|
-
onTouchEnd: pt,
|
|
150
|
-
onMouseDown: it,
|
|
151
|
-
onMouseMove: dt,
|
|
152
|
-
onMouseUp: ut,
|
|
153
|
-
onMouseLeave: ht,
|
|
154
|
-
children: /* @__PURE__ */ r(
|
|
138
|
+
return /* @__PURE__ */ R(
|
|
139
|
+
"div",
|
|
140
|
+
{
|
|
141
|
+
className: `${tt ?? ""} ${o.carousel} ${I ? o.isSplit : ""}`,
|
|
142
|
+
ref: lt,
|
|
143
|
+
children: [
|
|
144
|
+
/* @__PURE__ */ l(
|
|
155
145
|
"div",
|
|
156
146
|
{
|
|
157
|
-
ref:
|
|
158
|
-
className:
|
|
159
|
-
|
|
160
|
-
|
|
147
|
+
ref: F,
|
|
148
|
+
className: `${o.trackContainer} ${rt || y ? o.noPointerEvents : ""}
|
|
149
|
+
`,
|
|
150
|
+
style: {
|
|
151
|
+
maxWidth: `${r}px`,
|
|
152
|
+
touchAction: y ? "none" : "pan-y"
|
|
153
|
+
},
|
|
154
|
+
onTouchStart: ft,
|
|
155
|
+
onTouchEnd: mt,
|
|
156
|
+
onMouseDown: it,
|
|
157
|
+
onMouseMove: dt,
|
|
158
|
+
onMouseUp: ut,
|
|
159
|
+
onMouseLeave: ht,
|
|
160
|
+
children: /* @__PURE__ */ l(
|
|
161
161
|
"div",
|
|
162
162
|
{
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
l / A
|
|
168
|
-
)}, 1fr)`,
|
|
169
|
-
gridTemplateRows: `repeat(${A}, 1fr)`,
|
|
170
|
-
width: `${a}px`
|
|
171
|
-
},
|
|
172
|
-
children: t.map((n, s) => /* @__PURE__ */ r(
|
|
163
|
+
ref: d,
|
|
164
|
+
className: o.track,
|
|
165
|
+
style: { width: `${v * 100}%`, transform: yt() },
|
|
166
|
+
children: J.map((t, e) => /* @__PURE__ */ l(
|
|
173
167
|
"div",
|
|
174
168
|
{
|
|
175
|
-
|
|
176
|
-
onClickCapture: lt,
|
|
169
|
+
className: o.page,
|
|
177
170
|
style: {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
171
|
+
display: A > 1 ? "grid" : "flex",
|
|
172
|
+
gridTemplateColumns: `repeat(${Math.ceil(
|
|
173
|
+
a / A
|
|
174
|
+
)}, 1fr)`,
|
|
175
|
+
gridTemplateRows: `repeat(${A}, 1fr)`,
|
|
176
|
+
width: `${r}px`
|
|
181
177
|
},
|
|
182
|
-
children: n
|
|
178
|
+
children: t.map((n, s) => /* @__PURE__ */ l(
|
|
179
|
+
"div",
|
|
180
|
+
{
|
|
181
|
+
ref: e === 0 && s === 0 ? wt : null,
|
|
182
|
+
onClickCapture: at,
|
|
183
|
+
style: {
|
|
184
|
+
...gt,
|
|
185
|
+
flexBasis: _ ? "100%" : `${(r - (a - 1) * 16) / a}px`,
|
|
186
|
+
width: _ ? `${r / a - 16}px` : "unset"
|
|
187
|
+
},
|
|
188
|
+
children: n
|
|
189
|
+
},
|
|
190
|
+
s
|
|
191
|
+
))
|
|
183
192
|
},
|
|
184
|
-
|
|
193
|
+
e
|
|
185
194
|
))
|
|
186
|
-
},
|
|
187
|
-
e
|
|
188
|
-
))
|
|
189
|
-
}
|
|
190
|
-
)
|
|
191
|
-
}
|
|
192
|
-
),
|
|
193
|
-
_ > 1 && /* @__PURE__ */ P(
|
|
194
|
-
"div",
|
|
195
|
-
{
|
|
196
|
-
className: c.controls,
|
|
197
|
-
style: {
|
|
198
|
-
maxWidth: v > 0 && u === 1 && !m ? `${v}px` : "unset"
|
|
199
|
-
},
|
|
200
|
-
children: [
|
|
201
|
-
/* @__PURE__ */ r("div", { className: c.indicators, children: Array.from({ length: _ }).map((t, e) => /* @__PURE__ */ r(
|
|
202
|
-
"button",
|
|
203
|
-
{
|
|
204
|
-
className: `${c.indicator} ${e === f ? c.active : ""}`,
|
|
205
|
-
onClick: () => wt(e),
|
|
206
|
-
"aria-label": `Go to group ${e + 1}`
|
|
207
|
-
},
|
|
208
|
-
e
|
|
209
|
-
)) }),
|
|
210
|
-
/* @__PURE__ */ P("div", { className: c.buttons, children: [
|
|
211
|
-
/* @__PURE__ */ r(
|
|
212
|
-
"button",
|
|
213
|
-
{
|
|
214
|
-
"aria-label": "Previous slide",
|
|
215
|
-
className: `${c.prev} ${f === 0 ? c.disabled : ""}`,
|
|
216
|
-
onClick: S,
|
|
217
|
-
disabled: f === 0,
|
|
218
|
-
children: /* @__PURE__ */ r(Et, { size: 36 })
|
|
219
|
-
}
|
|
220
|
-
),
|
|
221
|
-
/* @__PURE__ */ r(
|
|
222
|
-
"button",
|
|
223
|
-
{
|
|
224
|
-
"aria-label": "Next slide",
|
|
225
|
-
className: `${c.next} ${f >= _ - 1 ? c.disabled : ""}`,
|
|
226
|
-
onClick: L,
|
|
227
|
-
disabled: f >= g.length - l,
|
|
228
|
-
children: /* @__PURE__ */ r(Xt, { size: 36 })
|
|
229
195
|
}
|
|
230
196
|
)
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
197
|
+
}
|
|
198
|
+
),
|
|
199
|
+
v > 1 && /* @__PURE__ */ R(
|
|
200
|
+
"div",
|
|
201
|
+
{
|
|
202
|
+
className: o.controls,
|
|
203
|
+
style: {
|
|
204
|
+
maxWidth: p > 0 && u === 1 && !_ ? `${p}px` : "unset"
|
|
205
|
+
},
|
|
206
|
+
children: [
|
|
207
|
+
/* @__PURE__ */ l("div", { className: o.indicators, children: Array.from({ length: v }).map((t, e) => /* @__PURE__ */ l(
|
|
208
|
+
"button",
|
|
209
|
+
{
|
|
210
|
+
className: `${o.indicator} ${e === f ? o.active : ""}`,
|
|
211
|
+
onClick: () => Mt(e),
|
|
212
|
+
"aria-label": `Go to group ${e + 1}`
|
|
213
|
+
},
|
|
214
|
+
e
|
|
215
|
+
)) }),
|
|
216
|
+
/* @__PURE__ */ R("div", { className: o.buttons, children: [
|
|
217
|
+
/* @__PURE__ */ l(
|
|
218
|
+
"button",
|
|
219
|
+
{
|
|
220
|
+
"aria-label": "Previous slide",
|
|
221
|
+
className: `${o.prev} ${f === 0 ? o.disabled : ""}`,
|
|
222
|
+
onClick: P,
|
|
223
|
+
disabled: f === 0,
|
|
224
|
+
children: /* @__PURE__ */ l($t, { size: 36 })
|
|
225
|
+
}
|
|
226
|
+
),
|
|
227
|
+
/* @__PURE__ */ l(
|
|
228
|
+
"button",
|
|
229
|
+
{
|
|
230
|
+
"aria-label": "Next slide",
|
|
231
|
+
className: `${o.next} ${f >= v - 1 ? o.disabled : ""}`,
|
|
232
|
+
onClick: L,
|
|
233
|
+
disabled: f >= w.length - a,
|
|
234
|
+
children: /* @__PURE__ */ l(Et, { size: 36 })
|
|
235
|
+
}
|
|
236
|
+
)
|
|
237
|
+
] })
|
|
238
|
+
]
|
|
239
|
+
}
|
|
240
|
+
)
|
|
241
|
+
]
|
|
242
|
+
}
|
|
243
|
+
);
|
|
236
244
|
}
|
|
237
245
|
export {
|
|
238
|
-
|
|
246
|
+
Ht as Carousel
|
|
239
247
|
};
|
package/dist/styles.css
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
._card_1677v_1{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;position:relative}._service_1677v_12{position:relative}._container_1677v_16{display:flex;align-items:center;gap:var(--spacing-lg)}._title_1677v_22{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._content_1677v_27{display:flex;flex-direction:column;gap:var(--spacing-sm)}._content_1677v_27 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;padding:0;padding-block-start:0}._content_1677v_27 ul li{background-color:#e0eaf9;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);margin-bottom:0}._image_1677v_50{max-width:100px}._image_1677v_50 img{width:100%;height:auto;object-fit:cover}
|
|
11
11
|
._card_1vt0e_1{background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:400px}._imageBackgroundContainer_1vt0e_15{position:relative;height:450px}._modalTrigger_1vt0e_20{cursor:pointer}._callToAction_1vt0e_24{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm);z-index:5}._callToAction_1vt0e_24 ._cardIcon_1vt0e_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1vt0e_24 ._label_1vt0e_51{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._card_1vt0e_1._video_1vt0e_62:hover ._image_1vt0e_15 img{opacity:.75}._card_1vt0e_1._video_1vt0e_62:hover ._label_1vt0e_51{opacity:1;transform:translateY(0);color:var(--color-primary-100)}._card_1vt0e_1._video_1vt0e_62:hover ._cardIcon_1vt0e_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_1vt0e_80{margin:0 auto}._fullBleed_1vt0e_80 ._content_1vt0e_84{display:flex;flex-direction:column}._fullBleed_1vt0e_80 ._overlay_1vt0e_90{background-color:#000000bf;border-radius:var(--radius-md);width:calc(100% - 2rem);margin:0 auto;position:absolute;bottom:1rem;left:1rem;padding:1rem;display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md);background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}._fullBleed_1vt0e_80 ._overlay_1vt0e_90 ._description_1vt0e_108{color:var(--color-text-primary);transition:max-height .3s ease-in-out}._fullBleed_1vt0e_80 ._cardIcon_1vt0e_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);position:absolute;top:1rem;right:1rem;z-index:1;background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._fullBleed_1vt0e_80:hover ._cardIcon_1vt0e_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_1vt0e_80 ._title_1vt0e_143{line-height:1.1}._fullBleed_1vt0e_80 ._title_1vt0e_143 strong{font-size:var(--font-size-lg)}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._content_1vt0e_84{flex-direction:column-reverse;gap:var(--spacing-md)}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._title_1vt0e_143{line-height:1.1}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._title_1vt0e_143 strong{font-size:var(--font-size-md)}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._description_1vt0e_108{max-height:500px}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._description_1vt0e_108:before{content:"“";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;left:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_1vt0e_80._default_1vt0e_151 ._overlay_1vt0e_90 ._description_1vt0e_108:after{content:"”";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;right:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_1vt0e_80._video_1vt0e_62{cursor:pointer}._fullBleed_1vt0e_80._video_1vt0e_62 ._overlay_1vt0e_90 ._description_1vt0e_108{max-height:0;overflow:hidden}._fullBleed_1vt0e_80._video_1vt0e_62:hover ._overlay_1vt0e_90 ._description_1vt0e_108{max-height:400px}._imageLeft_1vt0e_219{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageLeft_1vt0e_219{max-width:unset;padding:0}}._imageLeft_1vt0e_219 ._container_1vt0e_230{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_1vt0e_219 ._container_1vt0e_230{flex-direction:column}}@media (max-width: 767px){._imageLeft_1vt0e_219{max-width:unset}._imageLeft_1vt0e_219 ._container_1vt0e_230{flex-direction:column}}._imageLeft_1vt0e_219 ._content_1vt0e_84{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_1vt0e_219 ._content_1vt0e_84{padding:0}}._imageLeft_1vt0e_219 ._image_1vt0e_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto}._imageLeft_1vt0e_219 ._image_1vt0e_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageRight_1vt0e_279{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageRight_1vt0e_279{max-width:unset;padding:0}}._imageRight_1vt0e_279 ._container_1vt0e_230{display:flex;flex-direction:row-reverse;gap:var(--spacing-xl)}@media (max-width: 767px){._imageRight_1vt0e_279 ._container_1vt0e_230{flex-direction:column}}._imageRight_1vt0e_279 ._content_1vt0e_84{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageRight_1vt0e_279 ._content_1vt0e_84{padding:0}}._imageRight_1vt0e_279 ._image_1vt0e_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageRight_1vt0e_279 ._image_1vt0e_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageBottom_1vt0e_333{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageBottom_1vt0e_333 ._content_1vt0e_84{display:flex;flex-direction:column;gap:var(--spacing-xl)}._imageBottom_1vt0e_333 ._personContainer_1vt0e_348{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}._imageTop_1vt0e_356{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageTop_1vt0e_356 ._container_1vt0e_230{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}._imageTop_1vt0e_356 ._content_1vt0e_84{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md)}._imageTop_1vt0e_356 ._personContainer_1vt0e_348{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._imageRight_1vt0e_279,._imageLeft_1vt0e_219,._imageBottom_1vt0e_333,._imageTop_1vt0e_356{max-width:unset;padding:0}}._imageRight_1vt0e_279 ._image_1vt0e_15 img,._imageLeft_1vt0e_219 ._image_1vt0e_15 img,._imageBottom_1vt0e_333 ._image_1vt0e_15 img,._imageTop_1vt0e_356 ._image_1vt0e_15 img{transition:opacity .3s ease-in-out}._imageRight_1vt0e_279 ._title_1vt0e_143 strong,._imageLeft_1vt0e_219 ._title_1vt0e_143 strong,._imageBottom_1vt0e_333 ._title_1vt0e_143 strong,._imageTop_1vt0e_356 ._title_1vt0e_143 strong{font-size:var(--font-size-lg)}._imageRight_1vt0e_279 ._description_1vt0e_108,._imageLeft_1vt0e_219 ._description_1vt0e_108,._imageBottom_1vt0e_333 ._description_1vt0e_108,._imageTop_1vt0e_356 ._description_1vt0e_108{display:block;position:relative;font-size:var(--font-size-lg);text-wrap:pretty;overflow:visible}._imageRight_1vt0e_279 ._description_1vt0e_108:before,._imageLeft_1vt0e_219 ._description_1vt0e_108:before,._imageBottom_1vt0e_333 ._description_1vt0e_108:before,._imageTop_1vt0e_356 ._description_1vt0e_108:before{content:"“";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;left:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._imageRight_1vt0e_279 ._description_1vt0e_108:after,._imageLeft_1vt0e_219 ._description_1vt0e_108:after,._imageBottom_1vt0e_333 ._description_1vt0e_108:after,._imageTop_1vt0e_356 ._description_1vt0e_108:after{content:"”";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;right:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}
|
|
12
12
|
._cardLink_1wi59_1{text-decoration:none;cursor:pointer}._card_1wi59_1{border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1wi59_1{width:100%;max-width:none;min-width:0}}._container_1wi59_18{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);height:100%;width:100%;padding:2.5rem var(--spacing-xl)}._image_1wi59_28{position:relative;height:auto;width:100%;max-width:250px;display:flex;align-items:center;justify-content:center}._image_1wi59_28 img{width:100%;height:auto}._rating_1wi59_43{display:flex;align-items:center;gap:var(--spacing-md)}._ratingValue_1wi59_49{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_1wi59_54{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_1wi59_61{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}
|
|
13
|
-
.
|
|
13
|
+
._carousel_lmysl_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_lmysl_1{padding:0 var(--spacing-lg)}}._isSplit_lmysl_10{padding-top:0}._noPointerEvents_lmysl_14 *{pointer-events:none!important}._trackContainer_lmysl_18{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_lmysl_18{overflow:visible}}._track_lmysl_18{display:flex;transition:transform .3s ease;will-change:transform}._page_lmysl_33{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_lmysl_33{justify-content:center;padding:0 var(--spacing-sm)}}._controls_lmysl_43{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_lmysl_54{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_lmysl_54{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_lmysl_54._active_lmysl_71{background-color:var(--color-primary-100)}._buttons_lmysl_75{display:flex;gap:var(--spacing-md)}._prev_lmysl_80._disabled_lmysl_80,._next_lmysl_81._disabled_lmysl_80{opacity:.5;pointer-events:none}._buttons_lmysl_75 button:not(._disabled_lmysl_80):hover{background-color:var(--color-primary-100);color:#fff}._prev_lmysl_80,._next_lmysl_81{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
14
14
|
._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
|
|
15
15
|
._card_1uxfh_1{width:100%;background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;cursor:pointer;transition:box-shadow .3s,transform .3s}._cardLink_1uxfh_14{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:400px;box-sizing:border-box}._card_1uxfh_1:hover ._text_1uxfh_24{max-height:200px}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._label_1uxfh_29{opacity:1;transform:translateY(0)}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._callToAction_1uxfh_28{position:absolute;z-index:5;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1uxfh_28 ._label_1uxfh_29{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._imageBackgroundContainer_1uxfh_80{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackgroundContainer_1uxfh_80 img{transition:width .3s ease-in-out,height .3s ease-in-out}._backgroundImage_1uxfh_94{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._overlay_1uxfh_104{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md)}._title_1uxfh_120{background-color:#fff;border-radius:50px;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-primary-100);width:fit-content;font-weight:var(--font-weight-semibold)}._text_1uxfh_24{color:#fff;font-size:2rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);max-height:0;margin-top:var(--spacing-sm);overflow:hidden;transition:max-height .3s ease-in-out;transform-origin:bottom;text-wrap:balance;max-width:300px}@media (max-width: 768px){._text_1uxfh_24{max-height:300px}}._content_1uxfh_147{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}
|
|
16
16
|
._cardLink_3vs1z_1{text-decoration:none;cursor:pointer}._card_3vs1z_1{min-height:300px;position:relative;overflow:hidden}@media (max-width: 768px){._card_3vs1z_1{width:100%;max-width:none;min-width:0}}._container_3vs1z_20{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);height:100%;width:100%;padding:0 var(--spacing-lg)}@media (max-width: 767px){._container_3vs1z_20{padding:0}}._image_3vs1z_35{height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._image_3vs1z_35 img{position:relative;width:100%;height:100%;object-fit:cover}._content_3vs1z_51{flex:1}._imageTop_3vs1z_55 ._container_3vs1z_20{flex-direction:column-reverse;gap:var(--spacing-md)}._imageLeft_3vs1z_62{width:100%;max-width:1000px;margin:0 auto}._imageLeft_3vs1z_62 ._container_3vs1z_20{flex-direction:row-reverse;gap:5rem}@media (max-width: 767px){._imageLeft_3vs1z_62 ._container_3vs1z_20{flex-direction:column-reverse;gap:var(--spacing-md)}}._imageLeft_3vs1z_62 ._image_3vs1z_35{flex:.75;height:400px}@media (max-width: 767px){._imageLeft_3vs1z_62 ._image_3vs1z_35{flex:unset;width:100%;height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._imageLeft_3vs1z_62 ._image_3vs1z_35 img{position:relative;width:100%;height:100%;object-fit:cover}}._cardLink_3vs1z_1:hover ._card_3vs1z_1,._modalTrigger_3vs1z_102:hover ._card_3vs1z_1{background-color:var(--color-primary-100)}._cardLink_3vs1z_1:hover ._callToAction_3vs1z_107 ._label_3vs1z_108,._modalTrigger_3vs1z_102:hover ._callToAction_3vs1z_107 ._label_3vs1z_108{opacity:1;transform:translateY(0)}._cardLink_3vs1z_1:hover ._callToAction_3vs1z_107 ._cardIcon_3vs1z_113,._modalTrigger_3vs1z_102:hover ._callToAction_3vs1z_107 ._cardIcon_3vs1z_113{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_3vs1z_120{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_3vs1z_120 span{transition:color .3s ease-in-out}._icon_3vs1z_143{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);width:30px;height:30px;border-radius:var(--radius-full)}._modalTrigger_3vs1z_102{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}._modalTrigger_3vs1z_102 ._image_3vs1z_35{transition:opacity .3s ease-in-out}._modalTrigger_3vs1z_102:hover ._cardIcon_3vs1z_113{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_3vs1z_102:hover ._image_3vs1z_35{opacity:.75}._callToAction_3vs1z_107{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_3vs1z_107 ._cardIcon_3vs1z_113{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_3vs1z_107 ._label_3vs1z_108{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -9,8 +9,8 @@ declare const styles: {
|
|
|
9
9
|
readonly "_actions_tk8y9_48": string;
|
|
10
10
|
readonly "_active_1bj6k_30": string;
|
|
11
11
|
readonly "_active_l5nlh_96": string;
|
|
12
|
+
readonly "_active_lmysl_71": string;
|
|
12
13
|
readonly "_active_qx9xp_39": string;
|
|
13
|
-
readonly "_active_t51gu_67": string;
|
|
14
14
|
readonly "_active_tu4lq_117": string;
|
|
15
15
|
readonly "_advanced_lwp21_833": string;
|
|
16
16
|
readonly "_alert_ucye1_1": string;
|
|
@@ -47,7 +47,7 @@ declare const styles: {
|
|
|
47
47
|
readonly "_breadcrumbs_qx9xp_1": string;
|
|
48
48
|
readonly "_busy_1ihs2_73": string;
|
|
49
49
|
readonly "_buttonGroup_15lw8_1": string;
|
|
50
|
-
readonly "
|
|
50
|
+
readonly "_buttons_lmysl_75": string;
|
|
51
51
|
readonly "_calendar_1q8jq_1": string;
|
|
52
52
|
readonly "_callToAction_1fhn6_26": string;
|
|
53
53
|
readonly "_callToAction_1uxfh_28": string;
|
|
@@ -75,7 +75,7 @@ declare const styles: {
|
|
|
75
75
|
readonly "_card_ti1qi_1": string;
|
|
76
76
|
readonly "_carouselComponent_15exx_99": string;
|
|
77
77
|
readonly "_carousel_15exx_1": string;
|
|
78
|
-
readonly "
|
|
78
|
+
readonly "_carousel_lmysl_1": string;
|
|
79
79
|
readonly "_category_1fhn6_227": string;
|
|
80
80
|
readonly "_category_c7i2h_75": string;
|
|
81
81
|
readonly "_cell_1q8jq_33": string;
|
|
@@ -123,7 +123,7 @@ declare const styles: {
|
|
|
123
123
|
readonly "_content_l5nlh_108": string;
|
|
124
124
|
readonly "_content_ti1qi_63": string;
|
|
125
125
|
readonly "_content_tk8y9_29": string;
|
|
126
|
-
readonly "
|
|
126
|
+
readonly "_controls_lmysl_43": string;
|
|
127
127
|
readonly "_cta_ivubr_170": string;
|
|
128
128
|
readonly "_cta_l1qmh_499": string;
|
|
129
129
|
readonly "_current_4rh7w_11": string;
|
|
@@ -149,7 +149,7 @@ declare const styles: {
|
|
|
149
149
|
readonly "_details_1gk1u_71": string;
|
|
150
150
|
readonly "_disabled_1vpw0_56": string;
|
|
151
151
|
readonly "_disabled_i7a04_38": string;
|
|
152
|
-
readonly "
|
|
152
|
+
readonly "_disabled_lmysl_80": string;
|
|
153
153
|
readonly "_disclaimer_11um4_63": string;
|
|
154
154
|
readonly "_disclaimer_c7i2h_31": string;
|
|
155
155
|
readonly "_disclaimer_ivubr_71": string;
|
|
@@ -284,9 +284,9 @@ declare const styles: {
|
|
|
284
284
|
readonly "_image_ti1qi_38": string;
|
|
285
285
|
readonly "_image_tk8y9_7": string;
|
|
286
286
|
readonly "_indicator_15exx_100": string;
|
|
287
|
-
readonly "
|
|
287
|
+
readonly "_indicator_lmysl_54": string;
|
|
288
288
|
readonly "_indicator_tu4lq_70": string;
|
|
289
|
-
readonly "
|
|
289
|
+
readonly "_indicators_lmysl_54": string;
|
|
290
290
|
readonly "_info_18z15_65": string;
|
|
291
291
|
readonly "_info_1elr1_27": string;
|
|
292
292
|
readonly "_info_ucye1_25": string;
|
|
@@ -299,6 +299,7 @@ declare const styles: {
|
|
|
299
299
|
readonly "_input_1nmh2_7": string;
|
|
300
300
|
readonly "_input_1pyo7_7": string;
|
|
301
301
|
readonly "_input_560ee_7": string;
|
|
302
|
+
readonly "_isSplit_lmysl_10": string;
|
|
302
303
|
readonly "_itemContent_1fhn6_41": string;
|
|
303
304
|
readonly "_itemExcerpt_1fhn6_88": string;
|
|
304
305
|
readonly "_itemEyebrow_1fhn6_246": string;
|
|
@@ -402,9 +403,9 @@ declare const styles: {
|
|
|
402
403
|
readonly "_navbar_lwp21_5": string;
|
|
403
404
|
readonly "_newTabIcon_1gk1u_171": string;
|
|
404
405
|
readonly "_newTabIcon_lwp21_468": string;
|
|
405
|
-
readonly "
|
|
406
|
+
readonly "_next_lmysl_81": string;
|
|
406
407
|
readonly "_noImage_ivubr_95": string;
|
|
407
|
-
readonly "
|
|
408
|
+
readonly "_noPointerEvents_lmysl_14": string;
|
|
408
409
|
readonly "_notification_1elr1_1": string;
|
|
409
410
|
readonly "_number_c7i2h_90": string;
|
|
410
411
|
readonly "_number_l5nlh_65": string;
|
|
@@ -428,12 +429,12 @@ declare const styles: {
|
|
|
428
429
|
readonly "_paddingMd_1mldh_14": string;
|
|
429
430
|
readonly "_paddingNone_1mldh_6": string;
|
|
430
431
|
readonly "_paddingSm_1mldh_10": string;
|
|
431
|
-
readonly "
|
|
432
|
+
readonly "_page_lmysl_33": string;
|
|
432
433
|
readonly "_parent_lwp21_93": string;
|
|
433
434
|
readonly "_personContainer_1vt0e_348": string;
|
|
434
435
|
readonly "_pipe_c7i2h_103": string;
|
|
435
436
|
readonly "_popover_1nmh2_25": string;
|
|
436
|
-
readonly "
|
|
437
|
+
readonly "_prev_lmysl_80": string;
|
|
437
438
|
readonly "_previous_4rh7w_10": string;
|
|
438
439
|
readonly "_primaryColumn_lwp21_606": string;
|
|
439
440
|
readonly "_primaryInverted_1wtpc_29": string;
|
|
@@ -578,9 +579,9 @@ declare const styles: {
|
|
|
578
579
|
readonly "_top_55xty_24": string;
|
|
579
580
|
readonly "_top_w9ixy_19": string;
|
|
580
581
|
readonly "_trackContainer_1wm56_7": string;
|
|
581
|
-
readonly "
|
|
582
|
+
readonly "_trackContainer_lmysl_18": string;
|
|
582
583
|
readonly "_track_1wm56_7": string;
|
|
583
|
-
readonly "
|
|
584
|
+
readonly "_track_lmysl_18": string;
|
|
584
585
|
readonly "_transparent_lwp21_166": string;
|
|
585
586
|
readonly "_transparent_tu4lq_201": string;
|
|
586
587
|
readonly "_triangle_lwp21_161": string;
|