@inspirare/design-system 0.0.25 → 0.0.26
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/package.json
CHANGED
|
@@ -52,7 +52,7 @@ function AlertDialogContent({
|
|
|
52
52
|
data-slot="alert-dialog-content"
|
|
53
53
|
data-size={size}
|
|
54
54
|
className={cn(
|
|
55
|
-
"group/alert-dialog-content fixed
|
|
55
|
+
"group/alert-dialog-content fixed inset-0 m-auto z-50 grid w-full max-h-[88dvh] h-fit 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",
|
|
56
56
|
className
|
|
57
57
|
)}
|
|
58
58
|
{...props}
|
|
@@ -58,7 +58,7 @@ const DialogContent = React.forwardRef<
|
|
|
58
58
|
ref={ref}
|
|
59
59
|
data-slot="dialog-content"
|
|
60
60
|
className={cn(
|
|
61
|
-
"fixed
|
|
61
|
+
"fixed inset-0 m-auto z-50 grid w-[90vw] max-w-lg max-h-[88dvh] h-fit gap-4 rounded-2xl bg-popover/90 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",
|
|
62
62
|
className
|
|
63
63
|
)}
|
|
64
64
|
{...props}
|
package/src/index.css
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
3
3
|
@import "shadcn/tailwind.css";
|
|
4
4
|
@custom-variant dark (&:is(.dark *));
|
|
5
5
|
|
|
6
|
+
/* ── Universal Dialog Viewport Centering & Boundary Safety ── */
|
|
7
|
+
[data-slot="dialog-content"],
|
|
8
|
+
[data-slot="alert-dialog-content"],
|
|
9
|
+
[data-radix-dialog-content],
|
|
10
|
+
div[role="dialog"],
|
|
11
|
+
div[role="alertdialog"] {
|
|
12
|
+
position: fixed !important;
|
|
13
|
+
inset: 0 !important;
|
|
14
|
+
top: 0 !important;
|
|
15
|
+
right: 0 !important;
|
|
16
|
+
bottom: 0 !important;
|
|
17
|
+
left: 0 !important;
|
|
18
|
+
margin: auto !important;
|
|
19
|
+
max-height: 88vh !important;
|
|
20
|
+
max-height: 88dvh !important;
|
|
21
|
+
height: fit-content !important;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
[data-slot="dialog-overlay"],
|
|
25
|
+
[data-slot="alert-dialog-overlay"],
|
|
26
|
+
[data-radix-dialog-overlay] {
|
|
27
|
+
position: fixed !important;
|
|
28
|
+
inset: 0 !important;
|
|
29
|
+
top: 0 !important;
|
|
30
|
+
right: 0 !important;
|
|
31
|
+
bottom: 0 !important;
|
|
32
|
+
left: 0 !important;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
/* Detecção de conteúdo restrita à BIBLIOTECA. O playground do Vite
|
|
7
37
|
(App.tsx, main.tsx, demo/) só existe para desenvolvimento local e não é
|
|
8
38
|
publicado (o entry da lib é src/index.ts → components/ui/*). Sem estas
|