quirk-ui 0.0.35 → 0.0.37
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/index14.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._callToActionWrapper_1rgso_1{display:flex;width:100%}._left_1rgso_6{justify-content:flex-start}._center_1rgso_10{justify-content:center}._right_1rgso_14{justify-content:flex-end}._callToAction_1rgso_1{display:inline-flex;text-decoration:none;border-radius:var(--radius-md);border:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}._callToAction_1rgso_1:focus,._callToAction_1rgso_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_1rgso_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_1rgso_45{background-color:var(--color-primary);color:#fff}._primary_1rgso_45:hover{background-color:var(--color-secondary);color:#fff}._secondary_1rgso_55{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}._secondary_1rgso_55:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}._ghost_1rgso_67{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._ghost_1rgso_67:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._link_1rgso_80{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._muted_1rgso_89{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_1rgso_98{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._icon_1rgso_107{display:inline-flex}._content_1rgso_111{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap}._iconLeft_1rgso_120{flex-direction:row-reverse}._iconRight_1rgso_124{flex-direction:row}
|
package/dist/assets/index25.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._overlay_cqo68_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_cqo68_1 .3s ease}._modal_cqo68_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_cqo68_1 .3s ease}._closeButton_cqo68_26{color:var(--color-primary);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_cqo68_37{margin-top:var(--spacing-lg)}._content_cqo68_37 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_cqo68_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_cqo68_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|
|
@@ -1,63 +1,84 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import '../../assets/index14.css';const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { jsx as o, jsxs as y } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/index14.css';const A = "_callToActionWrapper_1rgso_1", $ = "_left_1rgso_6", u = "_center_1rgso_10", T = "_right_1rgso_14", k = "_callToAction_1rgso_1", N = "_primary_1rgso_45", R = "_secondary_1rgso_55", W = "_ghost_1rgso_67", x = "_link_1rgso_80", C = "_underline_1rgso_98", L = "_icon_1rgso_107", v = "_content_1rgso_111", M = "_iconLeft_1rgso_120", b = "_iconRight_1rgso_124", n = {
|
|
3
|
+
callToActionWrapper: A,
|
|
4
|
+
left: $,
|
|
5
|
+
center: u,
|
|
6
|
+
right: T,
|
|
7
|
+
callToAction: k,
|
|
8
|
+
primary: N,
|
|
9
|
+
secondary: R,
|
|
10
|
+
ghost: W,
|
|
11
|
+
link: x,
|
|
12
|
+
underline: C,
|
|
13
|
+
icon: L,
|
|
14
|
+
content: v,
|
|
15
|
+
iconLeft: M,
|
|
16
|
+
iconRight: b
|
|
17
|
+
}, a = {
|
|
14
18
|
primary: n.primary,
|
|
15
19
|
secondary: n.secondary,
|
|
16
20
|
ghost: n.ghost,
|
|
17
21
|
link: n.link,
|
|
18
22
|
underline: n.underline
|
|
19
|
-
},
|
|
23
|
+
}, _ = {
|
|
24
|
+
left: n.left,
|
|
25
|
+
center: n.center,
|
|
26
|
+
right: n.right
|
|
27
|
+
}, j = {
|
|
20
28
|
left: n.iconLeft,
|
|
21
29
|
right: n.iconRight
|
|
22
30
|
};
|
|
23
|
-
function
|
|
31
|
+
function w({
|
|
24
32
|
variant: c = "primary",
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
33
|
+
alignment: r = "left",
|
|
34
|
+
icon: e,
|
|
35
|
+
iconAlignemnt: g = "right",
|
|
36
|
+
useRouter: E = !1,
|
|
37
|
+
className: s,
|
|
38
|
+
children: p,
|
|
39
|
+
disabled: h = !1,
|
|
31
40
|
...t
|
|
32
41
|
}) {
|
|
33
|
-
const
|
|
34
|
-
/* @__PURE__ */ o("span", { children:
|
|
35
|
-
|
|
42
|
+
const i = /* @__PURE__ */ y("span", { className: `${n.content} ${j[g]}`, children: [
|
|
43
|
+
/* @__PURE__ */ o("span", { children: p }),
|
|
44
|
+
e && /* @__PURE__ */ o("span", { className: n.icon, children: e })
|
|
36
45
|
] });
|
|
37
46
|
if (t.as == "a") {
|
|
38
|
-
const { href:
|
|
47
|
+
const { href: d, target: l, ...f } = t, m = l === "_blank";
|
|
39
48
|
return /* @__PURE__ */ o(
|
|
40
|
-
"
|
|
49
|
+
"div",
|
|
41
50
|
{
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
51
|
+
className: `${n.callToActionWrapper} ${_[r]}`,
|
|
52
|
+
children: /* @__PURE__ */ o(
|
|
53
|
+
"a",
|
|
54
|
+
{
|
|
55
|
+
href: d,
|
|
56
|
+
target: l,
|
|
57
|
+
rel: m ? "noopener noreferrer" : void 0,
|
|
58
|
+
className: `${s ?? ""} ${n.callToAction} ${a[c]}`,
|
|
59
|
+
...f,
|
|
60
|
+
children: i
|
|
61
|
+
}
|
|
62
|
+
)
|
|
48
63
|
}
|
|
49
64
|
);
|
|
50
65
|
}
|
|
51
66
|
return /* @__PURE__ */ o(
|
|
52
|
-
"
|
|
67
|
+
"div",
|
|
53
68
|
{
|
|
54
|
-
className: `${
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
69
|
+
className: `${n.callToActionWrapper} ${_[r]}`,
|
|
70
|
+
children: /* @__PURE__ */ o(
|
|
71
|
+
"button",
|
|
72
|
+
{
|
|
73
|
+
className: `${s ?? ""} ${n.callToAction} ${a[c]}`,
|
|
74
|
+
disabled: h,
|
|
75
|
+
...t,
|
|
76
|
+
children: i
|
|
77
|
+
}
|
|
78
|
+
)
|
|
58
79
|
}
|
|
59
80
|
);
|
|
60
81
|
}
|
|
61
82
|
export {
|
|
62
|
-
|
|
83
|
+
w as CallToAction
|
|
63
84
|
};
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { X as
|
|
4
|
-
import '../../assets/index25.css';const
|
|
5
|
-
overlay:
|
|
1
|
+
import { jsxs as r, Fragment as f, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h } from "react";
|
|
3
|
+
import { X as p } from "../../x-CnsEH4Ox.js";
|
|
4
|
+
import '../../assets/index25.css';const y = "_overlay_cqo68_1", N = "_modal_cqo68_16", g = "_closeButton_cqo68_26", k = "_content_cqo68_37", t = {
|
|
5
|
+
overlay: y,
|
|
6
6
|
modal: N,
|
|
7
7
|
closeButton: g,
|
|
8
8
|
content: k
|
|
9
9
|
};
|
|
10
|
-
function
|
|
10
|
+
function b({
|
|
11
11
|
content: d,
|
|
12
12
|
trigger: m,
|
|
13
|
-
isOpen:
|
|
14
|
-
onOpen:
|
|
15
|
-
onClose:
|
|
13
|
+
isOpen: l,
|
|
14
|
+
onOpen: c,
|
|
15
|
+
onClose: e,
|
|
16
16
|
className: _
|
|
17
17
|
}) {
|
|
18
|
-
const [n, v] =
|
|
19
|
-
a ? n ?
|
|
18
|
+
const [n, v] = h(!1), a = l !== void 0, i = a ? l : n, s = () => {
|
|
19
|
+
a ? n ? e == null || e() : c == null || c() : v(!i);
|
|
20
20
|
};
|
|
21
|
-
return /* @__PURE__ */ r(
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
i && /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ r(f, { children: [
|
|
22
|
+
/* @__PURE__ */ o("div", { className: _ ?? void 0, onClick: s, children: m }),
|
|
23
|
+
i && /* @__PURE__ */ o("div", { className: t.overlay, onClick: s, children: /* @__PURE__ */ r(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
|
-
className: `${
|
|
27
|
-
onClick: (
|
|
26
|
+
className: `${t.modal}`,
|
|
27
|
+
onClick: (u) => u.stopPropagation(),
|
|
28
28
|
children: [
|
|
29
|
-
/* @__PURE__ */
|
|
29
|
+
/* @__PURE__ */ o(
|
|
30
30
|
"button",
|
|
31
31
|
{
|
|
32
32
|
"aria-label": "Close",
|
|
33
|
-
className:
|
|
34
|
-
onClick:
|
|
35
|
-
children: /* @__PURE__ */
|
|
33
|
+
className: t.closeButton,
|
|
34
|
+
onClick: s,
|
|
35
|
+
children: /* @__PURE__ */ o(p, { size: 21 })
|
|
36
36
|
}
|
|
37
37
|
),
|
|
38
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ o("div", { className: t.content, children: d })
|
|
39
39
|
]
|
|
40
40
|
}
|
|
41
41
|
) })
|
|
42
42
|
] });
|
|
43
43
|
}
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
b as Modal
|
|
46
46
|
};
|
|
@@ -7,6 +7,12 @@ declare const variantClassMap: {
|
|
|
7
7
|
readonly underline: any;
|
|
8
8
|
};
|
|
9
9
|
type Variant = keyof typeof variantClassMap;
|
|
10
|
+
declare const alignmentClassMap: {
|
|
11
|
+
readonly left: any;
|
|
12
|
+
readonly center: any;
|
|
13
|
+
readonly right: any;
|
|
14
|
+
};
|
|
15
|
+
type Alignment = keyof typeof alignmentClassMap;
|
|
10
16
|
declare const iconAlignClassMap: {
|
|
11
17
|
readonly left: any;
|
|
12
18
|
readonly right: any;
|
|
@@ -14,6 +20,7 @@ declare const iconAlignClassMap: {
|
|
|
14
20
|
type IconAlignment = keyof typeof iconAlignClassMap;
|
|
15
21
|
type BaseProps = {
|
|
16
22
|
variant: Variant;
|
|
23
|
+
alignment?: Alignment;
|
|
17
24
|
icon?: React.ReactNode;
|
|
18
25
|
iconAlignemnt?: IconAlignment;
|
|
19
26
|
useRouter?: boolean;
|
|
@@ -30,5 +37,5 @@ type ButtonProps = {
|
|
|
30
37
|
as: "button";
|
|
31
38
|
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
32
39
|
type CallToActionProps = BaseProps & (AnchorProps | ButtonProps);
|
|
33
|
-
export declare function CallToAction({ variant, icon, iconAlignemnt, useRouter, className, children, disabled, ...restProps }: CallToActionProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export declare function CallToAction({ variant, alignment, icon, iconAlignemnt, useRouter, className, children, disabled, ...restProps }: CallToActionProps): import("react/jsx-runtime").JSX.Element;
|
|
34
41
|
export {};
|
package/dist/styles.css
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
|
|
12
12
|
._buttonGroup_18kpd_1{display:inline-flex;gap:.5rem}._vertical_18kpd_6{flex-direction:column}._horizontal_18kpd_10{flex-direction:row}@media (max-width: 480px){._buttonGroup_18kpd_1{flex-direction:column}}
|
|
13
13
|
._fab_1p460_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1p460_1:hover{background-color:var(--color-secondary)}._sm_1p460_22{width:40px;height:40px}._md_1p460_27{width:56px;height:56px}._lg_1p460_31{width:72px;height:72px}._bottom-right_1p460_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1p460_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1p460_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1p460_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1p460_56{color:var(--color-muted)}
|
|
14
|
-
.
|
|
14
|
+
._callToActionWrapper_1rgso_1{display:flex;width:100%}._left_1rgso_6{justify-content:flex-start}._center_1rgso_10{justify-content:center}._right_1rgso_14{justify-content:flex-end}._callToAction_1rgso_1{display:inline-flex;text-decoration:none;border-radius:var(--radius-md);border:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}._callToAction_1rgso_1:focus,._callToAction_1rgso_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_1rgso_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_1rgso_45{background-color:var(--color-primary);color:#fff}._primary_1rgso_45:hover{background-color:var(--color-secondary);color:#fff}._secondary_1rgso_55{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}._secondary_1rgso_55:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}._ghost_1rgso_67{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._ghost_1rgso_67:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._link_1rgso_80{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._muted_1rgso_89{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_1rgso_98{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._icon_1rgso_107{display:inline-flex}._content_1rgso_111{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap}._iconLeft_1rgso_120{flex-direction:row-reverse}._iconRight_1rgso_124{flex-direction:row}
|
|
15
15
|
._iconButton_e9jmu_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_e9jmu_1:disabled{opacity:.5;cursor:not-allowed}._sm_e9jmu_18{width:32px;height:32px}._md_e9jmu_23{width:40px;height:40px}._lg_e9jmu_28{width:48px;height:48px}._default_e9jmu_33{background-color:#f0f0f0;color:#111}._muted_e9jmu_38{background-color:#bbb;color:var(--color-muted)}._accent_e9jmu_43{background-color:var(--color-primary);color:#fff}._error_e9jmu_48{background-color:var(--color-error);color:#fff}._srOnly_e9jmu_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
|
|
16
16
|
h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);margin-block:0 var(--spacing-md);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-md)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-md)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}
|
|
17
17
|
._grid_1pzcn_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:1fr}@media (min-width: 480px){._grid_1pzcn_1{grid-template-columns:var(--sm-columns, var(--xs-columns))}}@media (min-width: 768px){._grid_1pzcn_1{grid-template-columns:var(--md-columns, var(--sm-columns))}}@media (min-width: 1024px){._grid_1pzcn_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_1pzcn_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_1pzcn_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
|
|
@@ -22,7 +22,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
|
|
|
22
22
|
._card_7amar_1{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:225px}._clickable_7amar_15{cursor:pointer}._clickable_7amar_15:hover{box-shadow:0 6px 12px #0003}._default_7amar_23{box-shadow:0 2px 4px #0000001a}._outlined_7amar_27{border:1px solid var(--color-border)}._shadow_7amar_31{box-shadow:0 2px 4px #00000026}._imageTop_7amar_35{padding:0;overflow:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}._imageTop_7amar_35 ._imageContainer_7amar_45{width:100%;height:100%;max-height:150px;overflow:hidden;flex-shrink:0}._imageTop_7amar_35 ._image_7amar_35{width:100%;height:100%;object-fit:cover}._imageTop_7amar_35 ._content_7amar_60{padding:var(--spacing-md)}._imageBackground_7amar_64{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-md);color:var(--color-foreground);display:flex;flex-direction:column;height:100%}._imageBackground_7amar_64 ._imageBackgroundContainer_7amar_75{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackground_7amar_64 ._backgroundImage_7amar_83{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._imageBackground_7amar_64 ._overlay_7amar_93{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}._imageBackground_7amar_64 ._text_7amar_109,._imageBackground_7amar_64 h3{color:#fff}._content_7amar_60{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}._card_7amar_1:hover{transform:translateY(-2px)}._text_7amar_109{font-size:var(-font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}._footer_7amar_131{text-align:right;padding-top:var(--spacing-md);flex-shrink:0}
|
|
23
23
|
._avatar_xustn_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid var(--color-border);cursor:default;transition:transform .3s}._avatar_xustn_1:hover{transform:scale(1.05)}._sm_xustn_17{width:32px;height:32px;font-size:12px}._md_xustn_23{width:48px;height:48px;font-size:16px}._lg_xustn_29{width:64px;height:64px;font-size:20px}._image_xustn_35{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_xustn_42{color:#fff;font-family:var(--font-weight-bold)}._status_xustn_47{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background-color:var(--color-offline);z-index:1}._online_xustn_59{background-color:var(--color-online)}._offline_xustn_63{background-color:var(--color-offline)}._busy_xustn_67{background-color:var(--color-busy)}
|
|
24
24
|
:root{--badge-bg-default: var(--color-secondary, #94a3b8);--badge-bg-success: var(--color-success-bg, #28a745);--badge-bg-warning: var(--color-warning-bg, #f59e0b);--badge-bg-error: var(--color-error-bg, #bd1919);--badge-bg-info: var(--color-info-bg);--badge-text-default: var(--color-secondary-foreground, #fff);--badge-text-success: var(--color-success-text, #fff);--badge-text-warning: var(--color-warning-text, #333);--badge-text-error: var(--color-error-text, #fff);--badge-text-info: var(--color-info-text, #fff);--badge-padding: var(--spacing-sm) var(--spacing-md);--badge-font-size: var(--font-size-sm, .875rem);--badge-border-radius: var(--radius-sm, 8px)}._badge_18z15_19{display:inline-flex;align-items:center;padding:var(--badge-padding);font-size:var(--badge-font-size);border-radius:var(--badge-border-radius);font-weight:var(--font-weight-semibold);cursor:default;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none}._clickable_18z15_31{cursor:pointer}._icon_18z15_35{margin-right:var(--spacing-sm);display:flex;align-items:center}._text_18z15_41{display:inline-block}._default_18z15_45{background-color:var(--badge-bg-default);color:var(--badge-text-default)}._success_18z15_50{background-color:var(--badge-bg-success);color:var(--badge-text-success)}._warning_18z15_55{background-color:var(--badge-bg-warning);color:var(--badge-text-warning)}._error_18z15_60{background-color:var(--badge-bg-error);color:var(--badge-text-error)}._info_18z15_65{background-color:var(--badge-bg-info);color:var(--badge-text-info)}
|
|
25
|
-
.
|
|
25
|
+
._overlay_cqo68_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_cqo68_1 .3s ease}._modal_cqo68_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_cqo68_1 .3s ease}._closeButton_cqo68_26{color:var(--color-primary);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_cqo68_37{margin-top:var(--spacing-lg)}._content_cqo68_37 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_cqo68_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_cqo68_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|
|
26
26
|
._accordion_1ozgm_1{width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:transparent}._accordionItem_1ozgm_8{border-bottom:1px solid var(--color-border)}._accordionItem_1ozgm_8:last-child{border-bottom:none}._accordionHeader_1ozgm_16{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:background-color .3s}._accordionHeader_1ozgm_16:hover{background-color:var(--color-secondary)}._accordionContentWrapper_1ozgm_35{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1ozgm_42 ._accordionContentWrapper_1ozgm_35{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1ozgm_48 ._accordionContentWrapper_1ozgm_35{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1ozgm_35{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1ozgm_60{transition:transform .3s}._rotate_1ozgm_64{transform:rotate(180deg)}
|
|
27
27
|
._alert_ucye1_1{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);position:relative;gap:var(--spacing-sm);transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px)}._enter_ucye1_15{opacity:1;transform:translateY(0)}._exit_ucye1_20{opacity:0;transform:translateY(-10px)}._info_ucye1_25{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_ucye1_30{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_ucye1_35{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_ucye1_40{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_ucye1_45{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}
|
|
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}}
|