@alpic-ai/ui 0.0.0-dev.dada1d3 → 0.0.0-dev.daf72df
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.
|
@@ -26,10 +26,14 @@ declare function TableHead({
|
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
28
|
}: React.ComponentProps<"th">): _$react_jsx_runtime0.JSX.Element;
|
|
29
|
+
interface TableCellProps extends React.ComponentProps<"td"> {
|
|
30
|
+
padded?: boolean;
|
|
31
|
+
}
|
|
29
32
|
declare function TableCell({
|
|
30
33
|
className,
|
|
34
|
+
padded,
|
|
31
35
|
...props
|
|
32
|
-
}:
|
|
36
|
+
}: TableCellProps): _$react_jsx_runtime0.JSX.Element;
|
|
33
37
|
declare function TableCaption({
|
|
34
38
|
className,
|
|
35
39
|
...props
|
|
@@ -47,10 +47,10 @@ function TableHead({ className, ...props }) {
|
|
|
47
47
|
...props
|
|
48
48
|
});
|
|
49
49
|
}
|
|
50
|
-
function TableCell({ className, ...props }) {
|
|
50
|
+
function TableCell({ className, padded = true, ...props }) {
|
|
51
51
|
return /* @__PURE__ */ jsx("td", {
|
|
52
52
|
"data-slot": "table-cell",
|
|
53
|
-
className: cn("px-6 py-2
|
|
53
|
+
className: cn("align-middle", padded ? "px-6 py-2" : "h-px p-0", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className),
|
|
54
54
|
...props
|
|
55
55
|
});
|
|
56
56
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alpic-ai/ui",
|
|
3
|
-
"version": "0.0.0-dev.
|
|
3
|
+
"version": "0.0.0-dev.daf72df",
|
|
4
4
|
"description": "Alpic design system — shared UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"src"
|
|
24
24
|
],
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"lucide-react": "^1.
|
|
26
|
+
"lucide-react": "^1.9.0",
|
|
27
27
|
"react": "^19.2.5",
|
|
28
28
|
"react-dom": "^19.2.5",
|
|
29
29
|
"react-hook-form": "^7.73.1",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@tailwindcss/postcss": "^4.2.4",
|
|
60
60
|
"@types/react": "19.2.14",
|
|
61
61
|
"@types/react-dom": "19.2.3",
|
|
62
|
-
"lucide-react": "^1.
|
|
62
|
+
"lucide-react": "^1.9.0",
|
|
63
63
|
"react-hook-form": "^7.73.1",
|
|
64
64
|
"shx": "^0.4.0",
|
|
65
65
|
"sonner": "^2.0.7",
|
package/src/components/table.tsx
CHANGED
|
@@ -66,11 +66,20 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
|
|
|
66
66
|
);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
|
|
69
|
+
interface TableCellProps extends React.ComponentProps<"td"> {
|
|
70
|
+
padded?: boolean;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
function TableCell({ className, padded = true, ...props }: TableCellProps) {
|
|
70
74
|
return (
|
|
71
75
|
<td
|
|
72
76
|
data-slot="table-cell"
|
|
73
|
-
className={cn(
|
|
77
|
+
className={cn(
|
|
78
|
+
"align-middle",
|
|
79
|
+
padded ? "px-6 py-2" : "h-px p-0",
|
|
80
|
+
"[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3",
|
|
81
|
+
className,
|
|
82
|
+
)}
|
|
74
83
|
{...props}
|
|
75
84
|
/>
|
|
76
85
|
);
|
|
@@ -190,8 +190,8 @@ export const AllVariants: Story = () => (
|
|
|
190
190
|
</TableRow>
|
|
191
191
|
</TableHeader>
|
|
192
192
|
<TableBody>
|
|
193
|
-
{USERS.slice(0, 3).map((user,
|
|
194
|
-
<TableRow key={user.id} data-state={
|
|
193
|
+
{USERS.slice(0, 3).map((user, index) => (
|
|
194
|
+
<TableRow key={user.id} data-state={index === 1 ? "selected" : undefined}>
|
|
195
195
|
<TableCell className="font-medium text-foreground">{user.name}</TableCell>
|
|
196
196
|
<TableCell className="text-subtle-foreground">{user.role}</TableCell>
|
|
197
197
|
<TableCell className="text-subtle-foreground">{user.email}</TableCell>
|