quirk-ui 0.0.66 → 0.0.68
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/index31.css +1 -1
- package/dist/assets/index31.css.d.ts +13 -12
- package/dist/components/Carousel/index.js +84 -77
- package/dist/components/NavBar/index.js +42 -42
- package/dist/styles.css +1 -1
- package/dist/styles.css.d.ts +13 -12
- package/package.json +1 -1
package/dist/assets/index31.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_12f3e_1{width:100%}@media (max-width: 767px){._carousel_12f3e_1{padding:0 3rem}}._trackContainer_12f3e_9{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_12f3e_9{overflow:visible}}._track_12f3e_9{display:flex;transition:transform .3s ease;will-change:transform}._page_12f3e_24{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_12f3e_30{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md);width:100%}._controls_12f3e_30._cardWidth_12f3e_38{width:var(--card-width);margin-left:auto;margin-right:auto}@media (max-width: 767px){._controls_12f3e_30{width:var(--card-width);margin-left:auto;margin-right:auto}}._indicators_12f3e_53{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_12f3e_53{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_12f3e_53._active_12f3e_70{background-color:var(--color-primary)}._buttons_12f3e_74{display:flex;gap:var(--spacing-md)}._prev_12f3e_79._disabled_12f3e_79,._next_12f3e_80._disabled_12f3e_79{opacity:.5;pointer-events:none}._buttons_12f3e_74 button:not(._disabled_12f3e_79):hover{background-color:var(--color-primary);color:#fff}._prev_12f3e_79,._next_12f3e_80{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,16 +1,17 @@
|
|
|
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 "
|
|
2
|
+
readonly "_active_12f3e_70": string;
|
|
3
|
+
readonly "_buttons_12f3e_74": string;
|
|
4
|
+
readonly "_cardWidth_12f3e_38": string;
|
|
5
|
+
readonly "_carousel_12f3e_1": string;
|
|
6
|
+
readonly "_controls_12f3e_30": string;
|
|
7
|
+
readonly "_disabled_12f3e_79": string;
|
|
8
|
+
readonly "_indicator_12f3e_53": string;
|
|
9
|
+
readonly "_indicators_12f3e_53": string;
|
|
10
|
+
readonly "_next_12f3e_80": string;
|
|
11
|
+
readonly "_page_12f3e_24": string;
|
|
12
|
+
readonly "_prev_12f3e_79": string;
|
|
13
|
+
readonly "_trackContainer_12f3e_9": string;
|
|
14
|
+
readonly "_track_12f3e_9": string;
|
|
14
15
|
};
|
|
15
16
|
export = styles;
|
|
16
17
|
|
|
@@ -1,60 +1,61 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsxs as x, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h, useRef as g, useEffect as $ } from "react";
|
|
3
3
|
import { A as F } from "../../arrow-left-BIJvHwNQ.js";
|
|
4
4
|
import { A as H } from "../../arrow-right-QEwnX3Sk.js";
|
|
5
|
-
import '../../assets/index31.css';const J = "
|
|
5
|
+
import '../../assets/index31.css';const J = "_carousel_12f3e_1", K = "_trackContainer_12f3e_9", Q = "_track_12f3e_9", S = "_page_12f3e_24", U = "_controls_12f3e_30", V = "_cardWidth_12f3e_38", Y = "_indicators_12f3e_53", Z = "_indicator_12f3e_53", tt = "_active_12f3e_70", et = "_buttons_12f3e_74", nt = "_prev_12f3e_79", rt = "_disabled_12f3e_79", st = "_next_12f3e_80", n = {
|
|
6
6
|
carousel: J,
|
|
7
7
|
trackContainer: K,
|
|
8
8
|
track: Q,
|
|
9
9
|
page: S,
|
|
10
10
|
controls: U,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
cardWidth: V,
|
|
12
|
+
indicators: Y,
|
|
13
|
+
indicator: Z,
|
|
14
|
+
active: tt,
|
|
15
|
+
buttons: et,
|
|
16
|
+
prev: nt,
|
|
17
|
+
disabled: rt,
|
|
18
|
+
next: st
|
|
18
19
|
};
|
|
19
|
-
function
|
|
20
|
+
function lt({
|
|
20
21
|
items: b,
|
|
21
|
-
itemsPerPage:
|
|
22
|
-
itemsPerRow:
|
|
23
|
-
autoplay:
|
|
24
|
-
autoplayInterval:
|
|
22
|
+
itemsPerPage: f = 9,
|
|
23
|
+
itemsPerRow: A = 3,
|
|
24
|
+
autoplay: M = !1,
|
|
25
|
+
autoplayInterval: N = 3,
|
|
25
26
|
className: z,
|
|
26
27
|
externalRef: E,
|
|
27
|
-
siblingRef:
|
|
28
|
-
isSplit:
|
|
28
|
+
siblingRef: o,
|
|
29
|
+
isSplit: y = !1
|
|
29
30
|
}) {
|
|
30
|
-
const [a, i] =
|
|
31
|
-
const
|
|
31
|
+
const [a, i] = h(0), [d, _] = h(0), [m, T] = h(f), [k, L] = h(!1), [C, j] = h(M), P = g(null), u = g(null), p = E, R = (t, e) => {
|
|
32
|
+
const c = [];
|
|
32
33
|
for (let r = 0; r < t.length; r += e)
|
|
33
|
-
|
|
34
|
-
return
|
|
34
|
+
c.push(t.slice(r, r + e));
|
|
35
|
+
return c;
|
|
35
36
|
};
|
|
36
|
-
|
|
37
|
+
$(() => {
|
|
37
38
|
if (typeof window < "u") {
|
|
38
39
|
const t = () => {
|
|
39
40
|
const e = window.innerWidth < 768;
|
|
40
|
-
|
|
41
|
+
L(e), T(e ? 1 : f), i(0);
|
|
41
42
|
};
|
|
42
43
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
43
44
|
}
|
|
44
|
-
}, [
|
|
45
|
-
const
|
|
46
|
-
|
|
45
|
+
}, [f]);
|
|
46
|
+
const v = Math.ceil(m / A), W = R(b, m), l = W.length, X = 3 * 16, D = 6 * 16;
|
|
47
|
+
$(() => {
|
|
47
48
|
const t = new ResizeObserver((e) => {
|
|
48
|
-
var
|
|
49
|
+
var c;
|
|
49
50
|
for (let r of e)
|
|
50
|
-
r.contentRect && (
|
|
51
|
-
r.contentRect.width - ((
|
|
52
|
-
) :
|
|
51
|
+
r.contentRect && (k ? _(r.contentRect.width - D) : y && o != null && o.current ? _(
|
|
52
|
+
r.contentRect.width - ((c = o == null ? void 0 : o.current) == null ? void 0 : c.offsetWidth) - X
|
|
53
|
+
) : _(r.contentRect.width), i(0));
|
|
53
54
|
});
|
|
54
|
-
return
|
|
55
|
-
}, [
|
|
55
|
+
return p != null && p.current && t.observe(p.current), () => t.disconnect();
|
|
56
|
+
}, [k, y]);
|
|
56
57
|
const w = () => {
|
|
57
|
-
u.current && clearInterval(u.current),
|
|
58
|
+
u.current && clearInterval(u.current), j(!1);
|
|
58
59
|
}, G = () => {
|
|
59
60
|
w(), i((t) => Math.min(t + 1, l - 1));
|
|
60
61
|
}, O = () => {
|
|
@@ -64,12 +65,12 @@ function it({
|
|
|
64
65
|
}, B = () => d ? `translateX(-${a * d}px)` : "translateX(0px)", I = () => {
|
|
65
66
|
i((t) => t >= l - 1 ? 0 : t + 1);
|
|
66
67
|
};
|
|
67
|
-
return
|
|
68
|
+
return $(() => (C && (u.current = setInterval(
|
|
68
69
|
I,
|
|
69
|
-
|
|
70
|
+
N * 1e3
|
|
70
71
|
)), () => {
|
|
71
72
|
u.current && clearInterval(u.current);
|
|
72
|
-
}), [
|
|
73
|
+
}), [C, N, I]), /* @__PURE__ */ x("div", { className: `${z ?? ""} ${n.carousel}`, ref: P, children: [
|
|
73
74
|
/* @__PURE__ */ s(
|
|
74
75
|
"div",
|
|
75
76
|
{
|
|
@@ -80,25 +81,25 @@ function it({
|
|
|
80
81
|
{
|
|
81
82
|
className: n.track,
|
|
82
83
|
style: { width: `${l * 100}%`, transform: B() },
|
|
83
|
-
children:
|
|
84
|
+
children: W.map((t, e) => /* @__PURE__ */ s(
|
|
84
85
|
"div",
|
|
85
86
|
{
|
|
86
87
|
className: n.page,
|
|
87
88
|
style: {
|
|
88
|
-
display:
|
|
89
|
+
display: v > 1 ? "grid" : "flex",
|
|
89
90
|
gridTemplateColumns: `repeat(${Math.ceil(
|
|
90
|
-
|
|
91
|
+
m / v
|
|
91
92
|
)}, 1fr)`,
|
|
92
|
-
gridTemplateRows: `repeat(${
|
|
93
|
+
gridTemplateRows: `repeat(${v}, auto)`,
|
|
93
94
|
width: `${d}px`
|
|
94
95
|
},
|
|
95
|
-
children: t.map((
|
|
96
|
+
children: t.map((c, r) => /* @__PURE__ */ s(
|
|
96
97
|
"div",
|
|
97
98
|
{
|
|
98
99
|
style: {
|
|
99
|
-
width: `${d /
|
|
100
|
+
width: `${d / v - 16}px`
|
|
100
101
|
},
|
|
101
|
-
children:
|
|
102
|
+
children: c
|
|
102
103
|
},
|
|
103
104
|
r
|
|
104
105
|
))
|
|
@@ -109,41 +110,47 @@ function it({
|
|
|
109
110
|
)
|
|
110
111
|
}
|
|
111
112
|
),
|
|
112
|
-
l > 1 && /* @__PURE__ */
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
{
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
113
|
+
l > 1 && /* @__PURE__ */ x(
|
|
114
|
+
"div",
|
|
115
|
+
{
|
|
116
|
+
className: `${n.controls} ${f === 1 ? n.cardWidth : ""}`,
|
|
117
|
+
children: [
|
|
118
|
+
/* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: l }).map((t, e) => /* @__PURE__ */ s(
|
|
119
|
+
"button",
|
|
120
|
+
{
|
|
121
|
+
className: `${n.indicator} ${e === a ? n.active : ""}`,
|
|
122
|
+
onClick: () => q(e),
|
|
123
|
+
"aria-label": `Go to group ${e + 1}`
|
|
124
|
+
},
|
|
125
|
+
e
|
|
126
|
+
)) }),
|
|
127
|
+
/* @__PURE__ */ x("div", { className: n.buttons, children: [
|
|
128
|
+
/* @__PURE__ */ s(
|
|
129
|
+
"button",
|
|
130
|
+
{
|
|
131
|
+
"aria-label": "Previous slide",
|
|
132
|
+
className: `${n.prev} ${a === 0 ? n.disabled : ""}`,
|
|
133
|
+
onClick: O,
|
|
134
|
+
disabled: a === 0,
|
|
135
|
+
children: /* @__PURE__ */ s(F, { size: 36 })
|
|
136
|
+
}
|
|
137
|
+
),
|
|
138
|
+
/* @__PURE__ */ s(
|
|
139
|
+
"button",
|
|
140
|
+
{
|
|
141
|
+
"aria-label": "Next slide",
|
|
142
|
+
className: `${n.next} ${a >= l - 1 ? n.disabled : ""}`,
|
|
143
|
+
onClick: G,
|
|
144
|
+
disabled: a >= b.length - m,
|
|
145
|
+
children: /* @__PURE__ */ s(H, { size: 36 })
|
|
146
|
+
}
|
|
147
|
+
)
|
|
148
|
+
] })
|
|
149
|
+
]
|
|
150
|
+
}
|
|
151
|
+
)
|
|
145
152
|
] });
|
|
146
153
|
}
|
|
147
154
|
export {
|
|
148
|
-
|
|
155
|
+
lt as Carousel
|
|
149
156
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as k, useRef as T, useCallback as m, useEffect as
|
|
1
|
+
import { jsx as s, jsxs as u } from "react/jsx-runtime";
|
|
2
|
+
import { useState as k, useRef as T, useCallback as m, useEffect as w } from "react";
|
|
3
3
|
import { X as z } from "../../x-CnsEH4Ox.js";
|
|
4
4
|
import { c as I } from "../../createLucideIcon-C8GTh_Qx.js";
|
|
5
5
|
import { C as O } from "../../chevron-down-DSUzBz9F.js";
|
|
@@ -13,12 +13,12 @@ const W = [
|
|
|
13
13
|
["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
|
|
14
14
|
["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
|
|
15
15
|
["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
|
|
16
|
-
], j = I("menu", W), M = "_navbar_12ooa_5", R = "_sticky_12ooa_19", S = "_container_12ooa_25",
|
|
16
|
+
], j = I("menu", W), M = "_navbar_12ooa_5", R = "_sticky_12ooa_19", S = "_container_12ooa_25", D = "_logo_12ooa_35", P = "_menuToggle_12ooa_41", X = "_nav_12ooa_5", q = "_linkWrapper_12ooa_57", A = "_linkItem_12ooa_63", B = "_sublinkToggle_12ooa_71", F = "_link_12ooa_57", G = "_sublinks_12ooa_102", H = "_show_12ooa_125", J = "_chevron_12ooa_132", K = "_open_12ooa_136", Q = "_parent_12ooa_178", e = {
|
|
17
17
|
navbar: M,
|
|
18
18
|
sticky: R,
|
|
19
19
|
container: S,
|
|
20
|
-
logo:
|
|
21
|
-
menuToggle:
|
|
20
|
+
logo: D,
|
|
21
|
+
menuToggle: P,
|
|
22
22
|
nav: X,
|
|
23
23
|
linkWrapper: q,
|
|
24
24
|
linkItem: A,
|
|
@@ -31,42 +31,42 @@ const W = [
|
|
|
31
31
|
parent: Q
|
|
32
32
|
};
|
|
33
33
|
function ne({
|
|
34
|
-
logo:
|
|
34
|
+
logo: y,
|
|
35
35
|
items: $,
|
|
36
36
|
isSticky: x = !1,
|
|
37
37
|
className: N
|
|
38
38
|
}) {
|
|
39
|
-
const [
|
|
40
|
-
_((
|
|
41
|
-
}, L = (
|
|
42
|
-
l((
|
|
43
|
-
},
|
|
44
|
-
|
|
45
|
-
}, []),
|
|
39
|
+
const [t, _] = k(!1), [C, l] = k(null), r = T(null), E = () => {
|
|
40
|
+
_((o) => !o);
|
|
41
|
+
}, L = (o) => {
|
|
42
|
+
l((a) => a === o ? null : o);
|
|
43
|
+
}, f = m((o) => {
|
|
44
|
+
r.current && !r.current.contains(o.target) && l(null);
|
|
45
|
+
}, []), p = m(() => {
|
|
46
46
|
l(null);
|
|
47
|
-
}, []),
|
|
47
|
+
}, []), v = m(() => {
|
|
48
48
|
typeof window < "u" && window.innerWidth > 768 && (_(!1), l(null), typeof document < "u" && (document.body.style.overflow = ""));
|
|
49
49
|
}, []);
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}, []),
|
|
50
|
+
w(() => {
|
|
51
|
+
const o = typeof window < "u", a = typeof window < "u";
|
|
52
|
+
return o && (window.addEventListener("resize", v), window.addEventListener("scroll", p)), a && document.addEventListener("click", f), () => {
|
|
53
|
+
o && (window.removeEventListener("resize", v), window.removeEventListener("scroll", p)), a && document.removeEventListener("click", f);
|
|
54
|
+
};
|
|
55
|
+
}, []), w(() => {
|
|
56
56
|
if (typeof document < "u")
|
|
57
|
-
return document.body.style.overflow =
|
|
57
|
+
return document.body.style.overflow = t ? "hidden" : "", () => {
|
|
58
58
|
document.body.style.overflow = "";
|
|
59
59
|
};
|
|
60
|
-
}, [
|
|
61
|
-
const
|
|
62
|
-
var
|
|
63
|
-
const
|
|
60
|
+
}, [t]);
|
|
61
|
+
const h = (o, a = "") => o.map((n) => {
|
|
62
|
+
var b;
|
|
63
|
+
const i = `${a}/${n.label}`, c = C === i, d = (b = n.sublinks) == null ? void 0 : b.length;
|
|
64
64
|
return /* @__PURE__ */ u(
|
|
65
65
|
"div",
|
|
66
66
|
{
|
|
67
|
-
className: `${e.linkWrapper} ${
|
|
67
|
+
className: `${e.linkWrapper} ${a ? "" : e.parent}`,
|
|
68
68
|
children: [
|
|
69
|
-
/* @__PURE__ */
|
|
69
|
+
/* @__PURE__ */ s("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ s(
|
|
70
70
|
"a",
|
|
71
71
|
{
|
|
72
72
|
href: n.href,
|
|
@@ -86,54 +86,54 @@ function ne({
|
|
|
86
86
|
"aria-haspopup": d ? "true" : void 0,
|
|
87
87
|
"aria-expanded": c,
|
|
88
88
|
className: `${e.sublinkToggle} ${c ? e.open : ""}`,
|
|
89
|
-
onClick: () => L(
|
|
89
|
+
onClick: () => L(i),
|
|
90
90
|
children: [
|
|
91
91
|
n.label,
|
|
92
|
-
d && /* @__PURE__ */
|
|
92
|
+
d && /* @__PURE__ */ s(O, { size: 21, className: e.chevron })
|
|
93
93
|
]
|
|
94
94
|
}
|
|
95
95
|
) }),
|
|
96
|
-
d && /* @__PURE__ */
|
|
96
|
+
d && /* @__PURE__ */ s(
|
|
97
97
|
"div",
|
|
98
98
|
{
|
|
99
99
|
className: `${e.sublinks} ${c ? e.show : ""}`,
|
|
100
100
|
role: "menu",
|
|
101
101
|
"aria-label": `${n.label} submenu`,
|
|
102
|
-
children:
|
|
102
|
+
children: h(n.sublinks, i)
|
|
103
103
|
}
|
|
104
104
|
)
|
|
105
105
|
]
|
|
106
106
|
},
|
|
107
|
-
|
|
107
|
+
i
|
|
108
108
|
);
|
|
109
109
|
});
|
|
110
|
-
return /* @__PURE__ */
|
|
110
|
+
return /* @__PURE__ */ s(
|
|
111
111
|
"header",
|
|
112
112
|
{
|
|
113
|
-
ref:
|
|
113
|
+
ref: r,
|
|
114
114
|
className: `${N ?? ""} ${e.navbar} ${x ? e.sticky : ""} `,
|
|
115
115
|
role: "navigation",
|
|
116
116
|
"aria-label": "Main navigation",
|
|
117
117
|
children: /* @__PURE__ */ u("div", { className: e.container, children: [
|
|
118
|
-
/* @__PURE__ */
|
|
119
|
-
/* @__PURE__ */
|
|
118
|
+
/* @__PURE__ */ s("div", { className: e.logo, children: y }),
|
|
119
|
+
/* @__PURE__ */ s(
|
|
120
120
|
"button",
|
|
121
121
|
{
|
|
122
122
|
className: e.menuToggle,
|
|
123
123
|
onClick: E,
|
|
124
|
-
"aria-label":
|
|
125
|
-
"aria-expanded":
|
|
124
|
+
"aria-label": t ? "Close menu" : "Open menu",
|
|
125
|
+
"aria-expanded": t,
|
|
126
126
|
"aria-controls": "main-menu",
|
|
127
|
-
children:
|
|
127
|
+
children: t ? /* @__PURE__ */ s(z, { size: 24 }) : /* @__PURE__ */ s(j, { size: 24 })
|
|
128
128
|
}
|
|
129
129
|
),
|
|
130
|
-
/* @__PURE__ */
|
|
130
|
+
/* @__PURE__ */ s(
|
|
131
131
|
"nav",
|
|
132
132
|
{
|
|
133
|
-
className: `${e.nav} ${
|
|
133
|
+
className: `${e.nav} ${t ? e.open : ""}`,
|
|
134
134
|
id: "main-menu",
|
|
135
135
|
role: "menubar",
|
|
136
|
-
children:
|
|
136
|
+
children: h($)
|
|
137
137
|
}
|
|
138
138
|
)
|
|
139
139
|
] })
|
package/dist/styles.css
CHANGED
|
@@ -28,7 +28,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
|
|
|
28
28
|
._notification_1txoc_1{display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--color-secondary);color:var(--color-text-primaray);box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);animation:_slideIn_1txoc_1 .3s ease forwards;opacity:1;transform-origin:right center;width:fit-content}._enter_1txoc_18{opacity:1;transform:translate(0)}._exiting_1txoc_23{animation:_slideOut_1txoc_1 .3s ease forwards}._info_1txoc_27{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_1txoc_32{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_1txoc_37{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_1txoc_42{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_1txoc_47{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}@keyframes _slideIn_1txoc_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOut_1txoc_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}
|
|
29
29
|
._container_61msx_1{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.5rem;z-index:1000}
|
|
30
30
|
._progressBarContainer_a1m8u_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_a1m8u_1{flex:1;height:12px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}._fill_a1m8u_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_a1m8u_29 ._fill_a1m8u_18{background-color:var(--color-primary)}._success_a1m8u_33 ._fill_a1m8u_18{background-color:var(--color-success)}._warning_a1m8u_37 ._fill_a1m8u_18{background-color:var(--color-warning)}._danger_a1m8u_41 ._fill_a1m8u_18{background-color:var(--color-error)}._label_a1m8u_45{flex:.1;position:relative;width:auto;text-align:center;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
|
|
31
|
-
.
|
|
31
|
+
._carousel_12f3e_1{width:100%}@media (max-width: 767px){._carousel_12f3e_1{padding:0 3rem}}._trackContainer_12f3e_9{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_12f3e_9{overflow:visible}}._track_12f3e_9{display:flex;transition:transform .3s ease;will-change:transform}._page_12f3e_24{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_12f3e_30{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md);width:100%}._controls_12f3e_30._cardWidth_12f3e_38{width:var(--card-width);margin-left:auto;margin-right:auto}@media (max-width: 767px){._controls_12f3e_30{width:var(--card-width);margin-left:auto;margin-right:auto}}._indicators_12f3e_53{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_12f3e_53{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_12f3e_53._active_12f3e_70{background-color:var(--color-primary)}._buttons_12f3e_74{display:flex;gap:var(--spacing-md)}._prev_12f3e_79._disabled_12f3e_79,._next_12f3e_80._disabled_12f3e_79{opacity:.5;pointer-events:none}._buttons_12f3e_74 button:not(._disabled_12f3e_79):hover{background-color:var(--color-primary);color:#fff}._prev_12f3e_79,._next_12f3e_80{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}
|
|
32
32
|
._drawer_55xty_1{position:fixed;background-color:var(--color-background);transition:transform .3s ease-in-out;z-index:1000;width:300px;height:100%;box-shadow:0 0 10px #00000026;padding:var(--spacing-md)}._right_55xty_12{top:0;right:0;transform:translate(100%)}._left_55xty_18{top:0;left:0;transform:translate(-100%)}._top_55xty_24{top:0;left:0;width:100%;height:auto;transform:translateY(-100%)}._bottom_55xty_32{bottom:0;left:0;width:100%;height:auto;transform:translateY(100%)}._open_55xty_40._right_55xty_12,._open_55xty_40._left_55xty_18{transform:translate(0)}._open_55xty_40._top_55xty_24,._open_55xty_40._bottom_55xty_32{transform:translateY(0)}._overlay_55xty_50{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:999}._overlay_55xty_50._show_55xty_60{opacity:1;pointer-events:all}
|
|
33
33
|
._tabs_f06du_1{display:flex;flex-direction:column;width:100%}._tabsList_f06du_7{display:flex;border-bottom:2px solid var(--color-border)}._left_f06du_12{justify-content:flex-start}._center_f06du_16{justify-content:center}._right_f06du_20{justify-content:flex-end}._tabsTrigger_f06du_24{padding:var(--spacing-md);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;color:var(--color-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease,border-color .3s ease;position:relative;top:2px}._tabsTrigger_f06du_24._active_f06du_38{border-color:var(--color-primary);color:var(--color-primary)}._tabsPanelWrapper_f06du_43{position:relative;min-height:100px}._tabsPanel_f06du_43{animation:_fadeSlide_f06du_1 .3s ease both;position:absolute;width:100%;top:0;left:0;padding:var(--spacing-md);color:var(--color-text-primary)}@keyframes _fadeSlide_f06du_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
|
|
34
34
|
._breadcrumbs_1nbgu_1{display:block;font-size:var(--font-size-sm);line-height:1.5}._list_1nbgu_7{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}._item_1nbgu_15{display:flex;align-items:center}._separator_1nbgu_20{margin:0 var(--spacing-xs);color:var(--color-muted)}._link_1nbgu_25{color:var(--color-muted);text-decoration:none;transition:color .3s ease}._link_1nbgu_25:hover{color:var(--color-primary)}._label_1nbgu_35{color:var(--color-muted)}._active_1nbgu_39{font-weight:var(--font-weight-bold);color:var(--color-primary)}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -6,9 +6,9 @@ declare const styles: {
|
|
|
6
6
|
readonly "_accordionHeader_1ozgm_16": string;
|
|
7
7
|
readonly "_accordionItem_1ozgm_8": string;
|
|
8
8
|
readonly "_accordion_1ozgm_1": string;
|
|
9
|
+
readonly "_active_12f3e_70": string;
|
|
9
10
|
readonly "_active_1nbgu_39": string;
|
|
10
11
|
readonly "_active_f06du_38": string;
|
|
11
|
-
readonly "_active_u7gup_64": string;
|
|
12
12
|
readonly "_alert_ucye1_1": string;
|
|
13
13
|
readonly "_alignCenter_134u6_35": string;
|
|
14
14
|
readonly "_alignEnd_134u6_39": string;
|
|
@@ -34,11 +34,12 @@ declare const styles: {
|
|
|
34
34
|
readonly "_breadcrumbs_1nbgu_1": string;
|
|
35
35
|
readonly "_busy_xustn_67": string;
|
|
36
36
|
readonly "_buttonGroup_e1koo_1": string;
|
|
37
|
-
readonly "
|
|
37
|
+
readonly "_buttons_12f3e_74": string;
|
|
38
38
|
readonly "_calendar_zbxci_1": string;
|
|
39
39
|
readonly "_callToAction_1tdql_1": string;
|
|
40
|
+
readonly "_cardWidth_12f3e_38": string;
|
|
40
41
|
readonly "_card_7amar_1": string;
|
|
41
|
-
readonly "
|
|
42
|
+
readonly "_carousel_12f3e_1": string;
|
|
42
43
|
readonly "_cell_zbxci_34": string;
|
|
43
44
|
readonly "_center_e1koo_15": string;
|
|
44
45
|
readonly "_center_f06du_16": string;
|
|
@@ -59,7 +60,7 @@ declare const styles: {
|
|
|
59
60
|
readonly "_content_1tdql_125": string;
|
|
60
61
|
readonly "_content_7amar_60": string;
|
|
61
62
|
readonly "_content_cqo68_37": string;
|
|
62
|
-
readonly "
|
|
63
|
+
readonly "_controls_12f3e_30": string;
|
|
63
64
|
readonly "_danger_a1m8u_41": string;
|
|
64
65
|
readonly "_danger_sf4mt_46": string;
|
|
65
66
|
readonly "_dayName_zbxci_13": string;
|
|
@@ -68,9 +69,9 @@ declare const styles: {
|
|
|
68
69
|
readonly "_default_4sv7j_55": string;
|
|
69
70
|
readonly "_default_7amar_23": string;
|
|
70
71
|
readonly "_default_e9jmu_33": string;
|
|
72
|
+
readonly "_disabled_12f3e_79": string;
|
|
71
73
|
readonly "_disabled_15ngo_38": string;
|
|
72
74
|
readonly "_disabled_1p460_56": string;
|
|
73
|
-
readonly "_disabled_u7gup_73": string;
|
|
74
75
|
readonly "_divider_zjbsg_1": string;
|
|
75
76
|
readonly "_dragging_s8dew_25": string;
|
|
76
77
|
readonly "_drawer_55xty_1": string;
|
|
@@ -134,8 +135,8 @@ declare const styles: {
|
|
|
134
135
|
readonly "_imageTop_7amar_35": string;
|
|
135
136
|
readonly "_image_7amar_35": string;
|
|
136
137
|
readonly "_image_xustn_35": string;
|
|
137
|
-
readonly "
|
|
138
|
-
readonly "
|
|
138
|
+
readonly "_indicator_12f3e_53": string;
|
|
139
|
+
readonly "_indicators_12f3e_53": string;
|
|
139
140
|
readonly "_info_18z15_65": string;
|
|
140
141
|
readonly "_info_1txoc_27": string;
|
|
141
142
|
readonly "_info_ucye1_25": string;
|
|
@@ -208,7 +209,7 @@ declare const styles: {
|
|
|
208
209
|
readonly "_navItem_12ooa_88": string;
|
|
209
210
|
readonly "_nav_12ooa_5": string;
|
|
210
211
|
readonly "_navbar_12ooa_5": string;
|
|
211
|
-
readonly "
|
|
212
|
+
readonly "_next_12f3e_80": string;
|
|
212
213
|
readonly "_notification_1txoc_1": string;
|
|
213
214
|
readonly "_offline_xustn_63": string;
|
|
214
215
|
readonly "_online_xustn_59": string;
|
|
@@ -225,10 +226,10 @@ declare const styles: {
|
|
|
225
226
|
readonly "_paddingMd_1242k_14": string;
|
|
226
227
|
readonly "_paddingNone_1242k_6": string;
|
|
227
228
|
readonly "_paddingSm_1242k_10": string;
|
|
228
|
-
readonly "
|
|
229
|
+
readonly "_page_12f3e_24": string;
|
|
229
230
|
readonly "_parent_12ooa_178": string;
|
|
230
231
|
readonly "_popover_13tha_25": string;
|
|
231
|
-
readonly "
|
|
232
|
+
readonly "_prev_12f3e_79": string;
|
|
232
233
|
readonly "_primaryInverted_1tdql_38": string;
|
|
233
234
|
readonly "_primary_1tdql_28": string;
|
|
234
235
|
readonly "_primary_a1m8u_29": string;
|
|
@@ -308,10 +309,10 @@ declare const styles: {
|
|
|
308
309
|
readonly "_top-right_1p460_46": string;
|
|
309
310
|
readonly "_top_55xty_24": string;
|
|
310
311
|
readonly "_top_94xs9_19": string;
|
|
312
|
+
readonly "_trackContainer_12f3e_9": string;
|
|
311
313
|
readonly "_trackContainer_7toxm_7": string;
|
|
312
|
-
readonly "
|
|
314
|
+
readonly "_track_12f3e_9": string;
|
|
313
315
|
readonly "_track_7toxm_7": string;
|
|
314
|
-
readonly "_track_u7gup_9": string;
|
|
315
316
|
readonly "_underlineInverted_1tdql_103": string;
|
|
316
317
|
readonly "_underline_1tdql_94": string;
|
|
317
318
|
readonly "_value_7toxm_44": string;
|