@trycompai/design-system 1.0.28 → 1.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycompai/design-system",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "Design system for Comp AI - shadcn-style components with Tailwind CSS",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/organisms/sheet.tsx

@@ -53,7 +53,7 @@ function SheetContent({
           <SheetPrimitive.Close
             data-slot="sheet-close"
             render={<Button variant="ghost" size="icon-sm" />}
-            className="absolute top-4 right-4"
+            className="absolute top-4 right-6"
           >
             <Close className="size-4" />
             <span className="sr-only">Close</span>
@@ -65,18 +65,18 @@ function SheetContent({
 }
 
 function SheetHeader({ ...props }: Omit<React.ComponentProps<'div'>, 'className'>) {
-  return <div data-slot="sheet-header" className="gap-0.5 px-4 pt-4 flex flex-col" {...props} />;
+  return <div data-slot="sheet-header" className="gap-0.5 px-6 pt-4 flex flex-col" {...props} />;
 }
 
 function SheetBody({ ...props }: Omit<React.ComponentProps<'div'>, 'className'>) {
-  return <div data-slot="sheet-body" className="flex-1 min-h-0 overflow-y-auto px-4 py-4" {...props} />;
+  return <div data-slot="sheet-body" className="flex-1 min-h-0 overflow-y-auto px-6 py-4" {...props} />;
 }
 
 function SheetFooter({ ...props }: Omit<React.ComponentProps<'div'>, 'className'>) {
   return (
     <div
       data-slot="sheet-footer"
-      className="gap-2 px-4 py-4 mt-auto flex flex-col border-t bg-background sticky bottom-0"
+      className="gap-2 px-6 py-4 mt-auto flex flex-col border-t bg-background sticky bottom-0"
       {...props}
     />
   );