@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.
Files changed (6) hide show
  1. package/dist/components/ui/alert-dialog.js +3 -3
  2. package/dist/components/ui/dialog.js +3 -3
  3. package/dist/index.css +1 -1
  4. package/package.json +1 -1
  5. package/src/components/ui/alert-dialog.tsx +3 -3
  6. package/src/components/ui/dialog.tsx +3 -3
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@inspirare/design-system",
3
3
  "private": false,
4
- "version": "0.0.27",
4
+ "version": "0.0.29",
5
5
  "type": "module",
6
6
  "sideEffects": [
7
7
  "*.css"
package/src/components/ui/alert-dialog.tsx CHANGED
@@ -30,7 +30,7 @@ function AlertDialogOverlay({
30
30
  <AlertDialogPrimitive.Backdrop
31
31
  data-slot="alert-dialog-overlay"
32
32
  className={cn(
33
- "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
33
+ "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",
34
34
  className
35
35
  )}
36
36
  {...props}
@@ -50,13 +50,13 @@ function AlertDialogContent({
50
50
  <AlertDialogOverlay />
51
51
  <AlertDialogPrimitive.Viewport
52
52
  data-slot="alert-dialog-viewport"
53
- className="fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none"
53
+ className="fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4 sm:p-6 pointer-events-none"
54
54
  >
55
55
  <AlertDialogPrimitive.Popup
56
56
  data-slot="alert-dialog-content"
57
57
  data-size={size}
58
58
  className={cn(
59
- "pointer-events-auto relative z-50 grid w-full max-h-[88dvh] 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",
59
+ "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",
60
60
  className
61
61
  )}
62
62
  {...props}
package/src/components/ui/dialog.tsx CHANGED
@@ -39,7 +39,7 @@ function DialogOverlay({
39
39
  <DialogPrimitive.Backdrop
40
40
  data-slot="dialog-overlay"
41
41
  className={cn(
42
- "fixed inset-0 isolate z-50 bg-black/80 backdrop-blur-sm duration-200 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
42
+ "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",
43
43
  className
44
44
  )}
45
45
  {...props}
@@ -56,13 +56,13 @@ const DialogContent = React.forwardRef<
56
56
  <DialogOverlay />
57
57
  <DialogPrimitive.Viewport
58
58
  data-slot="dialog-viewport"
59
- className="fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none"
59
+ className="fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4 sm:p-6 pointer-events-none"
60
60
  >
61
61
  <DialogPrimitive.Popup
62
62
  ref={ref}
63
63
  data-slot="dialog-content"
64
64
  className={cn(
65
- "pointer-events-auto relative z-50 grid w-[90vw] max-w-lg max-h-[88dvh] 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",
65
+ "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",
66
66
  className
67
67
  )}
68
68
  {...props}