@columenlabs/lumen-ui 0.1.110 → 0.1.112

package/dist/lumen-grid.js

@@ -143,7 +143,10 @@ function Cell({ id, fixed, report, children, }) {
         return () => ro.disconnect();
     });
     const value = useMemo(() => ({ fixed }), [fixed]);
-    return (_jsx(GridCellContext.Provider, { value: value, children: _jsx("div", { ref: ref, className: "h-full [&>*:has(>[data-slot=lumen-card])]:h-full", style: { paddingBottom: GRID_GAP }, children: children }) }));
+    return (_jsx(GridCellContext.Provider, { value: value, children: _jsx("div", { ref: ref, 
+            // The cell's card fills it (a folded one keeps its header's height); nowhere else does a
+            // card take its parent's height.
+            className: "h-full [&>*:has(>[data-slot=lumen-card])]:h-full [&>*>[data-slot=lumen-card]:not([data-folded])]:h-full [&>[data-slot=lumen-card]:not([data-folded])]:h-full", style: { paddingBottom: GRID_GAP }, children: children }) }));
 }
 const gridConfig = (phone) => ({
     cols: phone ? GRID_PHONE_COLS : GRID_COLS,

package/dist/lumen-widget.js

@@ -221,10 +221,12 @@ export function LumenWidget({ id, kind, icon, title, note, controls, tools, phon
     const below = showFilter && !inline && (!mobile || filterOpen);
     // A row of numbers with no header drops its own frame: its cards sit on the page.
     const flat = headless && styleId === 'metric:row';
-    return (_jsx(CardIdProvider, { id: id, children: _jsxs(Card, { "data-slot": "lumen-card", "data-card": id, "data-card-title": title, "data-card-kind": styleId, className: cn(
+    return (_jsx(CardIdProvider, { id: id, children: _jsxs(Card, { "data-slot": "lumen-card", "data-card": id, "data-card-title": title, "data-card-kind": styleId, "data-folded": folded || undefined, className: cn(
             // A border, not the card's ring: a ring draws outside the box, so the page's scroller
             // clipped it wherever a card touched its edge (the top row's top line).
-            'h-full gap-0 border border-foreground/10 py-0 ring-0', folded && 'h-auto', 
+            // Its height is its content's: only a grid cell (LumenGrid) stretches it to the cell, so
+            // a card in a scrolling column (Settings, a drawer) never clips rows the column could scroll to.
+            'gap-0 border border-foreground/10 py-0 ring-0', 
             // The allocation bar's tooltip reaches past its short card, over the cards below.
             styleId === 'allocation:bar' ? 'relative overflow-visible hover:z-20' : 'overflow-clip', 
             // The edit outline sits inside the card, over its pinned rows: an outer one is clipped by

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.110",
+  "version": "0.1.112",
   "description": "Lumen: shared React components (frame, views, widgets, charts, drawers).",
   "license": "MIT",
   "type": "module",
@@ -49,7 +49,7 @@
     "@codemirror/lang-javascript": "6.2.5",
     "@codemirror/lang-json": "6.0.2",
     "@codemirror/lang-sql": "6.10.0",
-    "@columenlabs/lumen-ui-types": "0.1.110",
+    "@columenlabs/lumen-ui-types": "0.1.112",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",