@rehagro/ui 1.0.54 → 1.0.55

package/dist/index.d.mts

@@ -821,6 +821,10 @@ type TableColumn<T> = {
     width?: string;
     /** Maximum column width (CSS value) */
     maxWidth?: string;
+    /** Background color for this column's header cell (overrides headerStyle.backgroundColor) */
+    headerBgColor?: string;
+    /** Text color for this column's header cell (overrides headerTextStyle.color) */
+    headerTextColor?: string;
     /** Text alignment */
     align?: "left" | "center" | "right";
     /** Whether this column is sortable */

package/dist/index.d.ts

@@ -821,6 +821,10 @@ type TableColumn<T> = {
     width?: string;
     /** Maximum column width (CSS value) */
     maxWidth?: string;
+    /** Background color for this column's header cell (overrides headerStyle.backgroundColor) */
+    headerBgColor?: string;
+    /** Text color for this column's header cell (overrides headerTextStyle.color) */
+    headerTextColor?: string;
     /** Text alignment */
     align?: "left" | "center" | "right";
     /** Whether this column is sortable */

package/dist/index.js

@@ -4328,6 +4328,7 @@ function TableInner({
                 style: {
                   width: column.width,
                   maxWidth: column.maxWidth,
+                  backgroundColor: column.headerBgColor ?? headerStyle?.backgroundColor,
                   ...rowPaddingStyle
                 },
                 className: [
@@ -4338,10 +4339,17 @@ function TableInner({
                   column.sortable ? "rh-cursor-pointer rh-select-none hover:rh-text-text" : ""
                 ].filter(Boolean).join(" "),
                 onClick: () => handleSort(column),
-                children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rh-inline-flex rh-items-center", style: headerTextStyleInline, children: [
-                  column.header,
-                  renderSortIcon(column)
-                ] })
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    className: "rh-inline-flex rh-items-center",
+                    style: column.headerTextColor ? { ...headerTextStyleInline, color: column.headerTextColor } : headerTextStyleInline,
+                    children: [
+                      column.header,
+                      renderSortIcon(column)
+                    ]
+                  }
+                )
               },
               column.key
             ))