@tristan2828/ui-foundation 4.48.0 → 4.49.0

package/dist/components/app/data-table.js

@@ -179,9 +179,11 @@ const GROUP_TOGGLE_CLASS = '-mx-1 inline-flex items-baseline gap-2 rounded-sm px
 // ring inside it (a row has no outline of its own room); the picked one
 // takes the muted fill on every cell, over the zebra stripe and the pinned
 // cells' opaque backgrounds as highlightRow's wash does, with a bar in
-// --primary at its start, so it reads without colour too.
+// --primary at its start, so it reads without colour too. Muted text on that
+// fill measures 4.34:1 in light, so inside the row it takes the same darker
+// grey as a highlighted row's (theme.css).
 const SELECTABLE_ROW_CLASS = 'cursor-pointer outline-none focus-visible:[&>td]:shadow-[inset_0_2px_0_0_var(--ring),inset_0_-2px_0_0_var(--ring)]';
-const SELECTED_ROW_CLASS = '[&>td]:bg-muted [&>td:first-child]:shadow-[inset_3px_0_0_0_var(--primary)] ' +
+const SELECTED_ROW_CLASS = '[--muted-foreground:var(--table-highlight-muted-foreground)] [&>td]:bg-muted [&>td:first-child]:shadow-[inset_3px_0_0_0_var(--primary)] ' +
     'focus-visible:[&>td:first-child]:shadow-[inset_3px_0_0_0_var(--primary),inset_0_2px_0_0_var(--ring),inset_0_-2px_0_0_var(--ring)]';
 // The table and the panel side by side once one is picked on a wide
 // screen. The grid is there from the start, so opening the panel never

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tristan2828/ui-foundation",
-  "version": "4.48.0",
+  "version": "4.49.0",
   "description": "Shared UI foundation for contract-first, database-backed React apps: shadcn primitives, DataTable/EntityForm composites, auth, the gateway error seam, design tokens, lint rules and the AI playbook.",
   "license": "MIT",
   "repository": {