@trycompai/design-system 1.0.20 → 1.0.22

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trycompai/design-system",
3
- "version": "1.0.20",
3
+ "version": "1.0.22",
4
4
  "description": "Design system for Comp AI - shadcn-style components with Tailwind CSS",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
@@ -28,13 +28,13 @@ const tabsListVariants = cva(
28
28
  },
29
29
  },
30
30
  defaultVariants: {
31
- variant: 'default',
31
+ variant: 'underline',
32
32
  },
33
33
  },
34
34
  );
35
35
 
36
36
  function TabsList({
37
- variant = 'default',
37
+ variant = 'underline',
38
38
  ...props
39
39
  }: Omit<TabsPrimitive.List.Props, 'className'> & VariantProps<typeof tabsListVariants>) {
40
40
  return (
@@ -47,7 +47,7 @@ function AlertDialogHeader({ ...props }: Omit<React.ComponentProps<'div'>, 'clas
47
47
  return (
48
48
  <div
49
49
  data-slot="alert-dialog-header"
50
- className="grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]"
50
+ className="grid grid-rows-[auto_1fr] place-items-start gap-1.5 text-left has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]"
51
51
  {...props}
52
52
  />
53
53
  );
@@ -68,8 +68,18 @@ function SheetHeader({ ...props }: Omit<React.ComponentProps<'div'>, 'className'
68
68
  return <div data-slot="sheet-header" className="gap-0.5 pt-4 flex flex-col" {...props} />;
69
69
  }
70
70
 
71
+ function SheetBody({ ...props }: Omit<React.ComponentProps<'div'>, 'className'>) {
72
+ return <div data-slot="sheet-body" className="flex-1 overflow-y-auto py-4" {...props} />;
73
+ }
74
+
71
75
  function SheetFooter({ ...props }: Omit<React.ComponentProps<'div'>, 'className'>) {
72
- return <div data-slot="sheet-footer" className="gap-2 pb-4 mt-auto flex flex-col" {...props} />;
76
+ return (
77
+ <div
78
+ data-slot="sheet-footer"
79
+ className="gap-2 py-4 mt-auto flex flex-col border-t bg-background sticky bottom-0"
80
+ {...props}
81
+ />
82
+ );
73
83
  }
74
84
 
75
85
  function SheetTitle({ ...props }: Omit<SheetPrimitive.Title.Props, 'className'>) {
@@ -94,6 +104,7 @@ function SheetDescription({ ...props }: Omit<SheetPrimitive.Description.Props, '
94
104
 
95
105
  export {
96
106
  Sheet,
107
+ SheetBody,
97
108
  SheetClose,
98
109
  SheetContent,
99
110
  SheetDescription,