minka-ds 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minka-ds",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Minka product design system — tokenized component library",
   "license": "MIT",
   "files": ["src", "tokens"],

package/src/components/ui/badge.tsx

@@ -25,8 +25,6 @@ const badgeVariants = cva(
           "bg-[var(--color-bg-error)] text-[var(--color-feedback-error)] border-transparent",
         info:
           "bg-[var(--color-bg-info)] text-[var(--color-feedback-info)] border-transparent",
-        pending:
-          "bg-[var(--color-bg-warning)] text-[var(--color-text-default)] border-transparent",
         outline:
           "border-[var(--color-border-default)] text-[var(--color-text-default)] [a&]:hover:bg-[var(--color-action-ghost-hover)]",
         ghost:

package/src/components/ui/cell.tsx

@@ -24,15 +24,15 @@ function TextStack({ primary, secondary, className }: TextStackProps) {
   )
 }
 
-// ── MonoCell ──────────────────────────────────────────────────────────────────
-// Single-line monospace text. Use for IDs, codes, hashes.
+// ── DataCell ──────────────────────────────────────────────────────────────────
+// Single-line plain data value. Use for IDs, timestamps, codes.
 
-interface MonoCellProps {
+interface DataCellProps {
   children: React.ReactNode
   className?: string
 }
 
-function MonoCell({ children, className }: MonoCellProps) {
+function DataCell({ children, className }: DataCellProps) {
   return (
     <span
       className={cn(
@@ -94,10 +94,10 @@ function ActionCell({ children, className }: ActionCellProps) {
   )
 }
 
-export { TextStack, MonoCell, AmountCell, BadgeCell, ActionCell }
+export { TextStack, DataCell, AmountCell, BadgeCell, ActionCell }
 export type {
   TextStackProps,
-  MonoCellProps,
+  DataCellProps,
   AmountCellProps,
   BadgeCellProps,
   ActionCellProps,

package/src/components/ui/data-table.tsx

@@ -190,12 +190,14 @@ interface DataTableProps<TData, TValue> {
   columns: ColumnDef<TData, TValue>[]
   data: TData[]
   pageSize?: number
+  onRowClick?: (row: TData) => void
 }
 
 function DataTable<TData, TValue>({
   columns,
   data,
   pageSize = 10,
+  onRowClick,
 }: DataTableProps<TData, TValue>) {
   const [sorting, setSorting] = React.useState<SortingState>([])
   const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({})
@@ -240,6 +242,8 @@ function DataTable<TData, TValue>({
                 <TableRow
                   key={row.id}
                   data-state={row.getIsSelected() ? "selected" : undefined}
+                  onClick={onRowClick ? () => onRowClick(row.original) : undefined}
+                  className={onRowClick ? "cursor-pointer" : undefined}
                 >
                   {row.getVisibleCells().map((cell) => (
                     <TableCell key={cell.id}>