@rehagro/ui 1.0.46 → 1.0.48

package/dist/index.d.mts

@@ -275,6 +275,13 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Custom background color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the default `rh-bg-surface` background. Ignored when
+     * `disabled` is true to preserve the disabled visual style.
+     */
+    backgroundColor?: string;
     /**
      * Border width token for the input container.
      *
@@ -316,6 +323,13 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Custom background color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the default `rh-bg-surface` background. Ignored when
+     * `disabled` is true to preserve the disabled visual style.
+     */
+    backgroundColor?: string;
     /**
      * Border width token for the input container.
      *
@@ -462,6 +476,8 @@ type SelectBaseProps = {
     className?: string;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
+    /** Custom background color for the trigger button */
+    backgroundColor?: string;
 };
 type SelectSingleProps = SelectBaseProps & {
     /** Enables multi-select mode */
@@ -733,8 +749,18 @@ declare const Spinner: React__default.ForwardRefExoticComponent<React__default.H
     label?: string;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
+type CustomSelectOption = {
+    value: string;
+    label: string;
+    backgroundColor?: string;
+};
+
 type TableSize = "sm" | "md" | "lg";
 type TableVariant = "default" | "striped";
+type ColumnActionIcon<T> = {
+    icon: React__default.ReactNode;
+    onClick: (row: T, index: number) => void;
+};
 type TableColumn<T> = {
     /** Unique key for this column */
     key: string;
@@ -744,16 +770,41 @@ type TableColumn<T> = {
     render: (row: T, index: number) => React__default.ReactNode;
     /** Column width (CSS value) */
     width?: string;
+    /** Maximum column width (CSS value) */
+    maxWidth?: string;
     /** Text alignment */
     align?: "left" | "center" | "right";
     /** Whether this column is sortable */
     sortable?: boolean;
+    /** Action icon to show in this column (clickable) */
+    actionIcon?: ColumnActionIcon<T>;
+    /** Whether this column is editable with a dropdown */
+    editable?: boolean;
+    /** Type of editable field: "select" (default) or "date" */
+    type?: "select" | "date";
+    /** List of choices for the editable dropdown (required for type="select") */
+    choices?: CustomSelectOption[];
+    /** Function to get the current value for the editable field */
+    editableValue?: (row: T) => string;
+    /** Callback when the editable value changes */
+    onEditChange?: (row: T, index: number, value: string) => void;
 };
 type SortDirection = "asc" | "desc" | null;
 type TableSort = {
     key: string;
     direction: SortDirection;
 };
+type HeaderTextStyle = {
+    color?: string;
+    fontFamily?: string;
+    fontSize?: string;
+    fontWeight?: string | number;
+};
+type HeaderStyle = {
+    backgroundColor?: string;
+    height?: string;
+    border?: string;
+};
 type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "children"> & {
     /** Column definitions */
     columns: TableColumn<T>[];
@@ -778,9 +829,27 @@ type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "chil
     /** Whether the table has sticky header */
     stickyHeader?: boolean;
     /** Custom header row style */
-    headerStyle?: React__default.CSSProperties;
+    headerStyle?: HeaderStyle;
+    /** Custom body row style */
+    bodyBackground?: string;
+    /** Custom body text style (color, font, weight) */
+    bodyTextStyle?: HeaderTextStyle;
     /** Custom header text class (overrides default rh-text-text-muted) */
     headerTextClassName?: string;
+    /** Custom header text style (color, font, weight) */
+    headerTextStyle?: HeaderTextStyle;
+    /** Custom row padding (CSS value for all sides or object with x/y) */
+    rowPadding?: string | {
+        x?: string;
+        y?: string;
+    };
+    /** Add row button */
+    addRowButton?: {
+        icon?: React__default.ReactNode;
+        text?: React__default.ReactNode;
+    };
+    /** Callback when add row is clicked */
+    onAddRow?: () => void;
 };
 declare const Table: <T>(props: TableProps<T> & {
     ref?: React__default.ForwardedRef<HTMLTableElement>;

package/dist/index.d.ts

@@ -275,6 +275,13 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Custom background color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the default `rh-bg-surface` background. Ignored when
+     * `disabled` is true to preserve the disabled visual style.
+     */
+    backgroundColor?: string;
     /**
      * Border width token for the input container.
      *
@@ -316,6 +323,13 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Custom background color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the default `rh-bg-surface` background. Ignored when
+     * `disabled` is true to preserve the disabled visual style.
+     */
+    backgroundColor?: string;
     /**
      * Border width token for the input container.
      *
@@ -462,6 +476,8 @@ type SelectBaseProps = {
     className?: string;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
+    /** Custom background color for the trigger button */
+    backgroundColor?: string;
 };
 type SelectSingleProps = SelectBaseProps & {
     /** Enables multi-select mode */
@@ -733,8 +749,18 @@ declare const Spinner: React__default.ForwardRefExoticComponent<React__default.H
     label?: string;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
+type CustomSelectOption = {
+    value: string;
+    label: string;
+    backgroundColor?: string;
+};
+
 type TableSize = "sm" | "md" | "lg";
 type TableVariant = "default" | "striped";
+type ColumnActionIcon<T> = {
+    icon: React__default.ReactNode;
+    onClick: (row: T, index: number) => void;
+};
 type TableColumn<T> = {
     /** Unique key for this column */
     key: string;
@@ -744,16 +770,41 @@ type TableColumn<T> = {
     render: (row: T, index: number) => React__default.ReactNode;
     /** Column width (CSS value) */
     width?: string;
+    /** Maximum column width (CSS value) */
+    maxWidth?: string;
     /** Text alignment */
     align?: "left" | "center" | "right";
     /** Whether this column is sortable */
     sortable?: boolean;
+    /** Action icon to show in this column (clickable) */
+    actionIcon?: ColumnActionIcon<T>;
+    /** Whether this column is editable with a dropdown */
+    editable?: boolean;
+    /** Type of editable field: "select" (default) or "date" */
+    type?: "select" | "date";
+    /** List of choices for the editable dropdown (required for type="select") */
+    choices?: CustomSelectOption[];
+    /** Function to get the current value for the editable field */
+    editableValue?: (row: T) => string;
+    /** Callback when the editable value changes */
+    onEditChange?: (row: T, index: number, value: string) => void;
 };
 type SortDirection = "asc" | "desc" | null;
 type TableSort = {
     key: string;
     direction: SortDirection;
 };
+type HeaderTextStyle = {
+    color?: string;
+    fontFamily?: string;
+    fontSize?: string;
+    fontWeight?: string | number;
+};
+type HeaderStyle = {
+    backgroundColor?: string;
+    height?: string;
+    border?: string;
+};
 type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "children"> & {
     /** Column definitions */
     columns: TableColumn<T>[];
@@ -778,9 +829,27 @@ type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "chil
     /** Whether the table has sticky header */
     stickyHeader?: boolean;
     /** Custom header row style */
-    headerStyle?: React__default.CSSProperties;
+    headerStyle?: HeaderStyle;
+    /** Custom body row style */
+    bodyBackground?: string;
+    /** Custom body text style (color, font, weight) */
+    bodyTextStyle?: HeaderTextStyle;
     /** Custom header text class (overrides default rh-text-text-muted) */
     headerTextClassName?: string;
+    /** Custom header text style (color, font, weight) */
+    headerTextStyle?: HeaderTextStyle;
+    /** Custom row padding (CSS value for all sides or object with x/y) */
+    rowPadding?: string | {
+        x?: string;
+        y?: string;
+    };
+    /** Add row button */
+    addRowButton?: {
+        icon?: React__default.ReactNode;
+        text?: React__default.ReactNode;
+    };
+    /** Callback when add row is clicked */
+    onAddRow?: () => void;
 };
 declare const Table: <T>(props: TableProps<T> & {
     ref?: React__default.ForwardedRef<HTMLTableElement>;