@insymetri/styleguide 0.1.66 → 0.1.67
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.
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
<Dialog.Overlay
|
|
57
57
|
class={cn(
|
|
58
58
|
'fixed inset-0 z-14 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out motion-reduce:animate-none',
|
|
59
|
-
overlay === 'dark' && 'bg-
|
|
60
|
-
overlay === 'light' && 'bg-black/10',
|
|
59
|
+
overlay === 'dark' && 'bg-black/30 backdrop-blur-4',
|
|
60
|
+
overlay === 'light' && 'bg-black/10 backdrop-blur-2',
|
|
61
61
|
overlay === 'none' && 'pointer-events-none'
|
|
62
62
|
)}
|
|
63
63
|
/>
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
if (isInsidePortaledMenu(target)) e.preventDefault()
|
|
73
73
|
}}
|
|
74
74
|
class={cn(
|
|
75
|
-
'fixed top-[30%] left-1/2 -translate-x-1/2 -translate-y-1/2 bg-surface rounded-12 w-[calc(100%-20px)] max-h-[90vh] flex flex-col z-15 data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out motion-reduce:animate-none focus:outline-none',
|
|
75
|
+
'fixed top-[30%] left-1/2 -translate-x-1/2 -translate-y-1/2 bg-surface border border-strong rounded-12 w-[calc(100%-20px)] max-h-[90vh] flex flex-col gap-20 p-24 z-15 data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out motion-reduce:animate-none focus:outline-none',
|
|
76
76
|
overlay === 'none' ? 'shadow-floating' : 'shadow-modal',
|
|
77
77
|
size === 'sm' && 'max-w-400',
|
|
78
78
|
size === 'md' && 'max-w-500',
|
|
@@ -80,10 +80,10 @@
|
|
|
80
80
|
className
|
|
81
81
|
)}
|
|
82
82
|
>
|
|
83
|
-
<div class="flex items-
|
|
83
|
+
<div class="flex items-start justify-between gap-12 shrink-0">
|
|
84
84
|
<div class="flex flex-col min-w-0 flex-1">
|
|
85
85
|
<div class="flex items-center gap-12 min-w-0">
|
|
86
|
-
<Dialog.Title class="text-
|
|
86
|
+
<Dialog.Title class="text-h2 text-body m-0 shrink-0">{title}</Dialog.Title>
|
|
87
87
|
{#if titleAccessory}
|
|
88
88
|
{@render titleAccessory()}
|
|
89
89
|
{/if}
|
|
@@ -102,11 +102,11 @@
|
|
|
102
102
|
</Dialog.Close>
|
|
103
103
|
{/if}
|
|
104
104
|
</div>
|
|
105
|
-
<div class="
|
|
105
|
+
<div class="flex-auto min-h-0 overflow-y-auto">
|
|
106
106
|
{@render children()}
|
|
107
107
|
</div>
|
|
108
108
|
{#if footer}
|
|
109
|
-
<div class="flex items-center justify-end gap-12
|
|
109
|
+
<div class="flex items-center justify-end gap-12 shrink-0">
|
|
110
110
|
{@render footer()}
|
|
111
111
|
</div>
|
|
112
112
|
{/if}
|