From 36dcd0b63e9408544bf6ce8bb9418cd51104faab Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Thu, 6 Jun 2024 18:53:30 +0800
Subject: [PATCH] [Design System] fix: `<Sheet />` z-index value (#27058)

* Update sheet.tsx

* Update defaultTheme.ts
---
 packages/ui/src/components/shadcn/ui/sheet.tsx | 6 +++---
 packages/ui/src/lib/theme/defaultTheme.ts      | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/shadcn/ui/sheet.tsx b/packages/ui/src/components/shadcn/ui/sheet.tsx
index 87a84256f4c..dac81b06083 100644
--- a/packages/ui/src/components/shadcn/ui/sheet.tsx
+++ b/packages/ui/src/components/shadcn/ui/sheet.tsx
@@ -13,7 +13,7 @@ const SheetTrigger = SheetPrimitive.Trigger
 
 const SheetClose = SheetPrimitive.Close
 
-const portalVariants = cva('fixed inset-0 z-40 flex', {
+const portalVariants = cva('fixed inset-0 z-50 flex', {
   variants: {
     side: {
       top: 'items-start',
@@ -42,7 +42,7 @@ const SheetOverlay = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <SheetPrimitive.Overlay
     className={cn(
-      'fixed inset-0 z-40 bg-alternative/90 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in',
+      'fixed inset-0 z-50 bg-alternative/90 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in',
       className
     )}
     {...props}
@@ -51,7 +51,7 @@ const SheetOverlay = React.forwardRef<
 ))
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
 
-const sheetVariants = cva('fixed z-40 scale-100 gap-4 bg-studio opacity-100 shadow-lg', {
+const sheetVariants = cva('fixed z-50 scale-100 gap-4 bg-studio opacity-100 shadow-lg', {
   variants: {
     side: {
       top: 'animate-in slide-in-from-top w-full duration-300 border-b',
diff --git a/packages/ui/src/lib/theme/defaultTheme.ts b/packages/ui/src/lib/theme/defaultTheme.ts
index 9ba769d78fb..4134c4e952a 100644
--- a/packages/ui/src/lib/theme/defaultTheme.ts
+++ b/packages/ui/src/lib/theme/defaultTheme.ts
@@ -849,7 +849,7 @@ export default {
 
   sidepanel: {
     base: `
-      z-40
+      z-50
       bg-overlay
       flex flex-col
       fixed
@@ -902,7 +902,7 @@ export default {
       bg-border
     `,
     overlay: `
-      z-40
+      z-50
       fixed
       bg-alternative
       h-full w-full