@cellarnode/ui 0.8.1 → 0.8.2
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.
|
@@ -13,6 +13,6 @@ function KanbanStaticBoard({ columns, renderColumnCards, className, }) {
|
|
|
13
13
|
return (_jsx("div", { className: cn("grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4", className), children: columns.map((col) => (_jsx(KanbanColumnShell, { column: col, bodyClassName: undefined, children: renderColumnCards(col.id) }, col.id))) }));
|
|
14
14
|
}
|
|
15
15
|
export function KanbanColumnShell({ column, children, className, bodyClassName, }) {
|
|
16
|
-
return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border border-border bg-card shadow-xs", column.accentStripeClassName, className), children: [_jsxs("div", { className: cn("flex items-center gap-3 border-b border-border px-4 py-3", column.headerClassName), children: [column.icon && (_jsx("div", { className: cn("flex size-7 items-center justify-center rounded-md", column.iconClassName), children: column.icon })), !column.icon && column.accentColor && (_jsx("div", { className: cn("size-2 shrink-0 rounded-full", column.accentColor) })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-sm/5 font-semibold text-foreground", children: column.title }), column.subtitle && (_jsx("p", { className: "text-xs text-muted-foreground", children: column.subtitle }))] }), _jsx("span", { className: cn("inline-flex items-center rounded-md px-2 py-0.5 text-xs font-semibold text-muted-foreground", column.countClassName), children: column.count })] }), _jsx("div", { className: cn("flex min-h-0 flex-1 flex-col gap-
|
|
16
|
+
return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border border-border bg-card shadow-xs", column.accentStripeClassName, className), children: [_jsxs("div", { className: cn("flex items-center gap-3 border-b border-border px-4 py-3", column.headerClassName), children: [column.icon && (_jsx("div", { className: cn("flex size-7 items-center justify-center rounded-md", column.iconClassName), children: column.icon })), !column.icon && column.accentColor && (_jsx("div", { className: cn("size-2 shrink-0 rounded-full", column.accentColor) })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-sm/5 font-semibold text-foreground", children: column.title }), column.subtitle && (_jsx("p", { className: "text-xs text-muted-foreground", children: column.subtitle }))] }), _jsx("span", { className: cn("inline-flex items-center rounded-md px-2 py-0.5 text-xs font-semibold text-muted-foreground", column.countClassName), children: column.count })] }), _jsx("div", { className: cn("flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-3", bodyClassName), children: column.count === 0 ? (_jsx("p", { className: "py-8 text-center text-xs text-muted-foreground", children: column.emptyText ?? "No items" })) : (children) })] }));
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=kanban-board.js.map
|