@hanzo/ui 3.0.10 → 3.0.12

package/blocks/components/screenful-block/index.tsx

@@ -74,7 +74,7 @@ const ScreenfulComponent: React.FC<{
         )}
         <div className={cn(
             ...cwclx,
-            snapTile ? 'absolute left-0 right-0 top-0 bottom-0' : 'flex min-h-screen w-full',
+            snapTile ? 'absolute z-[1] left-0 right-0 top-0 bottom-0 ' : 'flex min-h-screen w-full',
             contentClx,
             vertCenter ? '!py-0 self-center' : ''
           )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.0.10",
+  "version": "3.0.12",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/primitives/drawer.tsx

@@ -41,7 +41,7 @@ const DrawerContent = React.forwardRef<
     <DrawerPrimitive.Content
       ref={ref}
       className={cn(
-        'fixed inset-x-0 bottom-0 z-20 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',
+        'fixed inset-x-0 bottom-0 z-[25] mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',
         className
       )}
       {...props}

package/primitives/sonner.tsx

@@ -1,27 +1,27 @@
-"use client"
+'use client'
 
-import { useTheme } from "next-themes"
-import { Toaster as Sonner } from "sonner"
-import { toast } from "sonner"
+import { useTheme } from 'next-themes'
+import { Toaster as Sonner } from 'sonner'
+import { toast } from 'sonner'
 
 type ToasterProps = React.ComponentProps<typeof Sonner>
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme()
+  const { theme = 'system' } = useTheme()
 
   return (
     <Sonner
-      theme={theme as ToasterProps["theme"]}
-      className="toaster group"
+      theme={theme as ToasterProps['theme']}
+      className='toaster group'
       toastOptions={{
         classNames: {
           toast:
-            "group toast group-[.toaster]:bg-level-2 group-[.toaster]:text-foreground group-[.toaster]:border-muted-3 group-[.toaster]:shadow-lg",
-          description: "group-[.toast]:text-foreground",
+            'group toast group-[.toaster]:bg-level-2 group-[.toaster]:text-foreground group-[.toaster]:border-muted-3 group-[.toaster]:shadow-lg',
+          description: 'group-[.toast]:text-foreground',
           actionButton:
-            "group-[.toast]:bg-primary group-[.toast]:text-primary-fg",
+            'group-[.toast]:bg-primary group-[.toast]:text-primary-fg',
           cancelButton:
-            "group-[.toast]:bg-transparent group-[.toast]:text-foreground",
+            'group-[.toast]:bg-transparent group-[.toast]:text-foreground',
         },
       }}
       {...props}