@rufous/ui 0.3.55 → 0.3.57

package/dist/main.cjs

@@ -6198,7 +6198,7 @@ function DataGrid({
         "td",
         {
           key: `${item.id}-${colField}`,
-          className: `dg-td${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}${col.editable ? " dg-td--editable" : ""} ${col.cellClassName || ""}`,
+          className: `dg-td${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}${col.editable ? " dg-td--editable" : ""}${col.disablePadding ? " dg-td--no-padding" : ""} ${col.cellClassName || ""}`,
           style: { width, minWidth: width, maxWidth: width, left: leftOffset, right: rightOffset, flex: col.flex },
           onDoubleClick: () => onCellDoubleClick?.({ row: item, field: colField, value: item[col.field || ""] }),
           onClick: col.editable ? () => {
@@ -9174,13 +9174,13 @@ var Stepper = ({
     if (orientation === "horizontal") {
       return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, connectorEl, enrichedStep);
     }
-    return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && (connector ?? /* @__PURE__ */ import_react34.default.createElement(
       DefaultConnector,
       {
         completed: index < activeStep,
         active: index === activeStep - 1
       }
-    ));
+    )));
   }));
 };
 Stepper.displayName = "Stepper";

package/dist/main.css

@@ -659,6 +659,9 @@
   white-space: nowrap;
   background: inherit;
 }
+.dg-td--no-padding {
+  padding: 0;
+}
 .dg-td--editable {
   cursor: pointer;
 }
@@ -5529,9 +5532,10 @@ pre {
 }
 .rf-stepper--vertical .rf-step-connector {
   flex-direction: column;
-  margin-left: 11px;
-  padding: 4px 0;
-  min-height: 24px;
+  align-items: flex-start;
+  margin-left: 12px;
+  padding: 0;
+  min-height: 16px;
 }
 .rf-step-connector__line {
   display: block;
@@ -5546,7 +5550,9 @@ pre {
 .rf-stepper--vertical .rf-step-connector__line {
   border-left-style: solid;
   border-left-width: 1px;
-  min-height: 24px;
+  min-height: 16px;
+  width: 1px;
+  align-self: flex-start;
 }
 .rf-step-connector--completed .rf-step-connector__line,
 .rf-step-connector--active .rf-step-connector__line {
@@ -5656,7 +5662,7 @@ pre {
 }
 .rf-step-content {
   margin-left: 12px;
-  padding: 8px 0 8px 20px;
+  padding: 8px 0 0 20px;
   border-left: 1px solid var(--border-color);
   overflow: hidden;
   transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);

package/dist/main.d.cts

@@ -1295,6 +1295,12 @@ interface Column<T> {
     }) => void;
     headerClassName?: string;
     cellClassName?: string;
+    /**
+     * When true, the body cell renders with no padding so the renderer can use
+     * the full column width (e.g. for clickable rows, full-bleed media, status
+     * bars). Header padding is unaffected.
+     */
+    disablePadding?: boolean;
     hideable?: boolean;
     disableColumnMenu?: boolean;
     isExportable?: boolean;

package/dist/main.d.ts

@@ -1295,6 +1295,12 @@ interface Column<T> {
     }) => void;
     headerClassName?: string;
     cellClassName?: string;
+    /**
+     * When true, the body cell renders with no padding so the renderer can use
+     * the full column width (e.g. for clickable rows, full-bleed media, status
+     * bars). Header padding is unaffected.
+     */
+    disablePadding?: boolean;
     hideable?: boolean;
     disableColumnMenu?: boolean;
     isExportable?: boolean;

package/dist/main.js

@@ -5930,7 +5930,7 @@ function DataGrid({
         "td",
         {
           key: `${item.id}-${colField}`,
-          className: `dg-td${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}${col.editable ? " dg-td--editable" : ""} ${col.cellClassName || ""}`,
+          className: `dg-td${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}${col.editable ? " dg-td--editable" : ""}${col.disablePadding ? " dg-td--no-padding" : ""} ${col.cellClassName || ""}`,
           style: { width, minWidth: width, maxWidth: width, left: leftOffset, right: rightOffset, flex: col.flex },
           onDoubleClick: () => onCellDoubleClick?.({ row: item, field: colField, value: item[col.field || ""] }),
           onClick: col.editable ? () => {
@@ -8937,13 +8937,13 @@ var Stepper = ({
     if (orientation === "horizontal") {
       return /* @__PURE__ */ React168.createElement(React168.Fragment, { key: index }, connectorEl, enrichedStep);
     }
-    return /* @__PURE__ */ React168.createElement(React168.Fragment, { key: index }, /* @__PURE__ */ React168.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && /* @__PURE__ */ React168.createElement(
+    return /* @__PURE__ */ React168.createElement(React168.Fragment, { key: index }, /* @__PURE__ */ React168.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && (connector ?? /* @__PURE__ */ React168.createElement(
       DefaultConnector,
       {
         completed: index < activeStep,
         active: index === activeStep - 1
       }
-    ));
+    )));
   }));
 };
 Stepper.displayName = "Stepper";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.3.55",
+  "version": "0.3.57",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",