@inspirare/design-system 0.0.27 → 0.0.29
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.
|
@@ -26,18 +26,18 @@ function s({ ...e }) {
|
|
|
26
26
|
function c({ className: t, ...r }) {
|
|
27
27
|
return /* @__PURE__ */ n(i.Backdrop, {
|
|
28
28
|
"data-slot": "alert-dialog-overlay",
|
|
29
|
-
className: e("fixed inset-0 isolate z-50 bg-black/
|
|
29
|
+
className: e("fixed inset-0 isolate z-50 bg-black/60 backdrop-blur-sm duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
|
|
30
30
|
...r
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
function l({ className: t, size: a = "default", ...o }) {
|
|
34
34
|
return /* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n(c, {}), /* @__PURE__ */ n(i.Viewport, {
|
|
35
35
|
"data-slot": "alert-dialog-viewport",
|
|
36
|
-
className: "fixed inset-0 z-50
|
|
36
|
+
className: "fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4 sm:p-6 pointer-events-none",
|
|
37
37
|
children: /* @__PURE__ */ n(i.Popup, {
|
|
38
38
|
"data-slot": "alert-dialog-content",
|
|
39
39
|
"data-size": a,
|
|
40
|
-
className: e("pointer-events-auto relative z-50 grid w-full max-h-[
|
|
40
|
+
className: e("pointer-events-auto relative z-50 my-auto grid w-full max-h-[85dvh] overflow-y-auto gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
|
|
41
41
|
...o
|
|
42
42
|
})
|
|
43
43
|
})] });
|
|
@@ -33,17 +33,17 @@ u.displayName = "DialogClose";
|
|
|
33
33
|
function d({ className: t, ...n }) {
|
|
34
34
|
return /* @__PURE__ */ r(o.Backdrop, {
|
|
35
35
|
"data-slot": "dialog-overlay",
|
|
36
|
-
className: e("fixed inset-0 isolate z-50 bg-black/
|
|
36
|
+
className: e("fixed inset-0 isolate z-50 bg-black/60 backdrop-blur-sm duration-200 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
|
|
37
37
|
...n
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
var f = a.forwardRef(({ className: a, children: s, showCloseButton: c = !0, ...u }, f) => /* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(d, {}), /* @__PURE__ */ r(o.Viewport, {
|
|
41
41
|
"data-slot": "dialog-viewport",
|
|
42
|
-
className: "fixed inset-0 z-50
|
|
42
|
+
className: "fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4 sm:p-6 pointer-events-none",
|
|
43
43
|
children: /* @__PURE__ */ i(o.Popup, {
|
|
44
44
|
ref: f,
|
|
45
45
|
"data-slot": "dialog-content",
|
|
46
|
-
className: e("pointer-events-auto relative z-50 grid w-[90vw] max-w-lg max-h-[
|
|
46
|
+
className: e("pointer-events-auto relative z-50 my-auto grid w-[90vw] max-w-lg max-h-[85dvh] overflow-y-auto gap-4 rounded-2xl bg-popover/95 backdrop-blur-xl p-6 text-sm text-popover-foreground shadow-2xl ring-1 ring-border duration-200 outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", a),
|
|
47
47
|
...u,
|
|
48
48
|
children: [s, c && /* @__PURE__ */ i(o.Close, {
|
|
49
49
|
"data-slot": "dialog-close",
|