@spaethtech/svelte-ui 0.17.1-dev.80.6b8fb45 → 0.17.1-dev.81.31c9800

package/dist/components/DataTable.svelte

@@ -103,10 +103,11 @@
   /** Font size for the WHOLE table. Applied as `font-size` on the
    *  outer container; every descendant inherits via standard CSS
    *  cascade — headers, cells, footer text all follow. */
-  // DataTable's own density is set via inline-style CSS vars + cell padding that already bakes in its
-  // own `md:` responsive step — neither can be re-prefixed per size tier. So the TABLE'S density keys
-  // off the base tier of a responsive `size` (via resolveScalar); the responsive `size` is still passed
-  // through to child controls (Button/Select/Checkbox), which DO resize at every breakpoint.
+  // DataTable's own density (font size + row height + cell padding) is a pure function of `size` — it
+  // NEVER changes with the viewport. It keys off the base tier of a responsive `size` (via
+  // resolveScalar) because its font-size/height are single inline-style CSS vars that can't carry
+  // per-breakpoint variants; the responsive `size` is still passed through to child controls
+  // (Button/Select/Checkbox), which DO resize at every breakpoint.
   const sSize = $derived(resolveScalar(size, "md"));
   const textVar = $derived(
     sSize === "lg" ? "var(--ui-text-lg)" : sSize === "md" ? "var(--ui-text)" : "var(--ui-text-sm)",
@@ -121,15 +122,10 @@
         ? "var(--ui-height)"
         : "var(--ui-height-sm)",
   );
-  /** Cell padding scales with size. Mobile-first: base padding is
-   *  tight; the md: variant applies at ≥ 768px so tables feel
-   *  chunkier on desktop but stay dense on phones. */
+  /** Cell padding — a pure function of `size` (no viewport step), so a table's density is exactly its
+   *  `size` at every width. The values pair with `heightVar` (sm 24 / md 32 / lg 40px). */
   const cellPad = $derived(
-    sSize === "lg"
-      ? "py-3 px-4 md:py-4 md:px-5"
-      : sSize === "md"
-        ? "py-2 px-3 md:py-3 md:px-4"
-        : "py-1 px-2 md:py-2 md:px-3",
+    sSize === "lg" ? "py-3 px-4" : sSize === "md" ? "py-2 px-3" : "py-1 px-2",
   );
   /** Inter-column gap. Tracks the same size axis so lead/cell/tail
    *  spacing stays proportional to cell padding. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaethtech/svelte-ui",
-  "version": "0.17.1-dev.80.6b8fb45",
+  "version": "0.17.1-dev.81.31c9800",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spaethtech/svelte-ui.git"