@hanzo/ui 3.0.12 → 3.0.14

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

@@ -46,7 +46,7 @@ const ScreenfulComponent: React.FC<{
     //    p&m-modifiers
     // ]
   const cwclx = [
-    'z-10 xl:mx-auto max-w-screen-xl overflow-y-hidden ',
+    'xl:mx-auto max-w-screen-xl overflow-y-hidden ',
       // desktop header: 80px / pt-20
       // mobile header: 44px / pt-11  
     narrowGutters ? 
@@ -68,13 +68,13 @@ const ScreenfulComponent: React.FC<{
         {hasBannerVideo() && (
           <Video 
             block={b.banner! as VideoBlock} 
-            className='z-0 absolute top-0 left-0 bottom-0 right-0' 
+            className='absolute top-0 left-0 bottom-0 right-0' 
             initialInView={initialInView}
           />
         )}
         <div className={cn(
             ...cwclx,
-            snapTile ? 'absolute z-[1] left-0 right-0 top-0 bottom-0 ' : 'flex min-h-screen w-full',
+            snapTile ? 'absolute 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.12",
+  "version": "3.0.14",
   "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

@@ -26,7 +26,7 @@ const DrawerOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DrawerPrimitive.Overlay
     ref={ref}
-    className={cn('fixed inset-0 z-20 bg-background opacity-60 backdrop-blur-sm', className)}
+    className={cn('fixed inset-0 bg-[#ffaaaa] opacity-20', className)}
     {...props}
   />
 ))
@@ -37,11 +37,12 @@ const DrawerContent = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
 >(({ className, children, ...props }, ref) => (
   <DrawerPortal>
+    {/* If no or same z index, overlay should precede content */}
     <DrawerOverlay />
     <DrawerPrimitive.Content
       ref={ref}
-      className={cn(
-        'fixed inset-x-0 bottom-0 z-[25] mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',
+      className={cn('fixed left-0 right-0 bottom-0 ',
+        'mt-24 flex h-[80%] flex-col rounded-t-[10px] border bg-background',
         className
       )}
       {...props}