quirk-ui 0.0.25 → 0.0.27
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/index25.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._overlay_44y6t_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_44y6t_1 .3s ease}._modal_44y6t_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_44y6t_1 .3s ease}._closeButton_44y6t_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_44y6t_37{margin-top:var(--spacing-lg)}._content_44y6t_37 video{max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_44y6t_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_44y6t_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|
|
@@ -1,45 +1,46 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsxs as r, Fragment as u, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useState as f } from "react";
|
|
3
3
|
import { X as h } from "../../x-CnsEH4Ox.js";
|
|
4
|
-
import '../../assets/index25.css';const
|
|
5
|
-
overlay:
|
|
6
|
-
modal:
|
|
7
|
-
closeButton:
|
|
8
|
-
content:
|
|
4
|
+
import '../../assets/index25.css';const p = "_overlay_44y6t_1", g = "_modal_44y6t_16", k = "_closeButton_44y6t_26", B = "_content_44y6t_37", o = {
|
|
5
|
+
overlay: p,
|
|
6
|
+
modal: g,
|
|
7
|
+
closeButton: k,
|
|
8
|
+
content: B
|
|
9
9
|
};
|
|
10
|
-
function
|
|
11
|
-
content:
|
|
12
|
-
trigger:
|
|
13
|
-
isOpen:
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
function j({
|
|
11
|
+
content: d,
|
|
12
|
+
trigger: m,
|
|
13
|
+
isOpen: c,
|
|
14
|
+
onOpen: e,
|
|
15
|
+
onClose: s,
|
|
16
|
+
className: _
|
|
16
17
|
}) {
|
|
17
|
-
const [
|
|
18
|
-
|
|
18
|
+
const [n, v] = f(!1), i = c !== void 0, a = i ? c : n, l = () => {
|
|
19
|
+
i ? n ? s == null || s() : e == null || e() : v(!a);
|
|
19
20
|
};
|
|
20
|
-
return /* @__PURE__ */
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
|
|
21
|
+
return /* @__PURE__ */ r(u, { children: [
|
|
22
|
+
/* @__PURE__ */ t("div", { onClick: l, children: m }),
|
|
23
|
+
a && /* @__PURE__ */ t("div", { className: o.overlay, onClick: l, children: /* @__PURE__ */ r(
|
|
23
24
|
"div",
|
|
24
25
|
{
|
|
25
|
-
className: `${
|
|
26
|
-
onClick: (
|
|
26
|
+
className: `${_ ?? ""} ${o.modal}`,
|
|
27
|
+
onClick: (y) => y.stopPropagation(),
|
|
27
28
|
children: [
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
+
/* @__PURE__ */ t(
|
|
29
30
|
"button",
|
|
30
31
|
{
|
|
31
32
|
"aria-label": "Close",
|
|
32
|
-
className:
|
|
33
|
-
onClick:
|
|
34
|
-
children: /* @__PURE__ */
|
|
33
|
+
className: o.closeButton,
|
|
34
|
+
onClick: l,
|
|
35
|
+
children: /* @__PURE__ */ t(h, { size: 21 })
|
|
35
36
|
}
|
|
36
37
|
),
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ t("div", { className: o.content, children: d })
|
|
38
39
|
]
|
|
39
40
|
}
|
|
40
41
|
) })
|
|
41
42
|
] });
|
|
42
43
|
}
|
|
43
44
|
export {
|
|
44
|
-
|
|
45
|
+
j as Modal
|
|
45
46
|
};
|
|
@@ -3,8 +3,9 @@ type ModalProps = {
|
|
|
3
3
|
content: React.ReactNode;
|
|
4
4
|
trigger: React.ReactNode;
|
|
5
5
|
isOpen?: boolean;
|
|
6
|
+
onOpen?: () => void;
|
|
6
7
|
onClose?: () => void;
|
|
7
8
|
className?: string;
|
|
8
9
|
};
|
|
9
|
-
export declare function Modal({ content, trigger, isOpen: controlledIsOpen, onClose, className, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function Modal({ content, trigger, isOpen: controlledIsOpen, onOpen, onClose, className, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
package/dist/styles.css
CHANGED
|
@@ -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_44y6t_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_44y6t_1 .3s ease}._modal_44y6t_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_44y6t_1 .3s ease}._closeButton_44y6t_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_44y6t_37{margin-top:var(--spacing-lg)}._content_44y6t_37 video{max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_44y6t_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_44y6t_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}}
|