@rehagro/ui 1.0.41 → 1.0.43

package/dist/index.d.mts

@@ -173,6 +173,8 @@ type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
     radius?: ButtonRadius;
     /** Color scheme — preset name or any CSS color (e.g., "#c3c3c3", "red", "rgb(...)") */
     color?: ButtonColor;
+    /** Custom text/icon color for the base state. Use hoverStyle.color to customize hover text color. */
+    textColor?: string;
     /** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
     hoverColor?: string;
     /** Custom hover styles - allows full control over hover appearance */
@@ -193,6 +195,8 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
     radius?: ButtonRadius;
     /** Color scheme — preset name or any CSS color (e.g., "#c3c3c3", "red", "rgb(...)") */
     color?: ButtonColor;
+    /** Custom text/icon color for the base state. Use hoverStyle.color to customize hover text color. */
+    textColor?: string;
     /** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
     hoverColor?: string;
     /** Custom hover styles - allows full control over hover appearance */
@@ -235,7 +239,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<React__defaul
 } & React__default.RefAttributes<HTMLButtonElement>>;
 
 type TextInputStatus = "default" | "error";
-type TextInputSize = "sm" | "md" | "lg";
+type TextInputSize = "sm" | "md" | "lg" | "xl";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
 type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
@@ -259,6 +263,15 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
     helperText?: React__default.ReactNode;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
+    /**
+     * Custom border color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the border color from the current `status`. Useful
+     * for highlighting cells/rows in tables, marking fields with
+     * non-error states, or theming. Does NOT change focus/ring
+     * colors — those still come from `statusClasses`.
+     */
+    borderColor?: string;
 };
 declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
@@ -281,6 +294,15 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
     helperText?: React__default.ReactNode;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
+    /**
+     * Custom border color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the border color from the current `status`. Useful
+     * for highlighting cells/rows in tables, marking fields with
+     * non-error states, or theming. Does NOT change focus/ring
+     * colors — those still come from `statusClasses`.
+     */
+    borderColor?: string;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 type CheckboxSize = "sm" | "md" | "lg";

package/dist/index.d.ts

@@ -173,6 +173,8 @@ type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
     radius?: ButtonRadius;
     /** Color scheme — preset name or any CSS color (e.g., "#c3c3c3", "red", "rgb(...)") */
     color?: ButtonColor;
+    /** Custom text/icon color for the base state. Use hoverStyle.color to customize hover text color. */
+    textColor?: string;
     /** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
     hoverColor?: string;
     /** Custom hover styles - allows full control over hover appearance */
@@ -193,6 +195,8 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
     radius?: ButtonRadius;
     /** Color scheme — preset name or any CSS color (e.g., "#c3c3c3", "red", "rgb(...)") */
     color?: ButtonColor;
+    /** Custom text/icon color for the base state. Use hoverStyle.color to customize hover text color. */
+    textColor?: string;
     /** Custom hover color — overrides the token for this button only. Only applies to preset colors. Accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
     hoverColor?: string;
     /** Custom hover styles - allows full control over hover appearance */
@@ -235,7 +239,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<React__defaul
 } & React__default.RefAttributes<HTMLButtonElement>>;
 
 type TextInputStatus = "default" | "error";
-type TextInputSize = "sm" | "md" | "lg";
+type TextInputSize = "sm" | "md" | "lg" | "xl";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
 type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
@@ -259,6 +263,15 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
     helperText?: React__default.ReactNode;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
+    /**
+     * Custom border color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the border color from the current `status`. Useful
+     * for highlighting cells/rows in tables, marking fields with
+     * non-error states, or theming. Does NOT change focus/ring
+     * colors — those still come from `statusClasses`.
+     */
+    borderColor?: string;
 };
 declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
@@ -281,6 +294,15 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
     helperText?: React__default.ReactNode;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
+    /**
+     * Custom border color for the input container. Accepts any valid
+     * CSS color value (hex, rgb, CSS variable, etc). When provided,
+     * overrides the border color from the current `status`. Useful
+     * for highlighting cells/rows in tables, marking fields with
+     * non-error states, or theming. Does NOT change focus/ring
+     * colors — those still come from `statusClasses`.
+     */
+    borderColor?: string;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 type CheckboxSize = "sm" | "md" | "lg";

package/dist/index.js

@@ -839,6 +839,7 @@ var Button = React9.forwardRef(function Button2({
   size = "md",
   radius = "sm",
   color = "primary",
+  textColor,
   hoverColor,
   hoverStyle,
   loading = false,
@@ -859,8 +860,9 @@ var Button = React9.forwardRef(function Button2({
       "--btn-hover-border": hoverStyle.borderColor,
       "--btn-hover-color": hoverStyle.color
     } : {};
-    return { ...style, ...baseStyle, ...hoverVars };
-  }, [preset, color, variant, hoverColor, hoverStyle, style]);
+    const textStyle = textColor ? { color: textColor } : {};
+    return { ...style, ...baseStyle, ...textStyle, ...hoverVars };
+  }, [preset, color, variant, hoverColor, hoverStyle, style, textColor]);
   const hasCustomHover = Boolean(hoverStyle);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -1062,7 +1064,8 @@ var statusClasses = {
 var sizeClasses3 = {
   sm: "rh-h-input-sm rh-text-sm rh-px-input-x-sm",
   md: "rh-h-input-md rh-text-sm rh-px-input-x-md",
-  lg: "rh-h-input-lg rh-text-base rh-px-input-x-lg"
+  lg: "rh-h-input-lg rh-text-base rh-px-input-x-lg",
+  xl: "rh-h-input-xl rh-text-sm rh-px-input-x-md"
 };
 var radiusClasses3 = {
   none: "rh-rounded-none",
@@ -1077,7 +1080,8 @@ var radiusClasses3 = {
 var iconSizeClasses = {
   sm: "rh-w-4 rh-h-4",
   md: "rh-w-5 rh-h-5",
-  lg: "rh-w-5 rh-h-5"
+  lg: "rh-w-5 rh-h-5",
+  xl: "rh-w-5 rh-h-5"
 };
 var helperStatusClasses = {
   default: "rh-text-text-muted",
@@ -1089,6 +1093,7 @@ var labelWeightClasses = {
   semibold: "rh-font-semibold",
   bold: "rh-font-bold"
 };
+var getSubtitleClassName = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var TextInput = React9.forwardRef(function TextInput2({
   label,
   labelWeight = "medium",
@@ -1102,10 +1107,12 @@ var TextInput = React9.forwardRef(function TextInput2({
   disabled,
   className = "",
   wrapperClassName = "",
+  borderColor,
   id,
   ...rest
 }, ref) {
-  const inputId = id || React9__default.default.useId();
+  const generatedId = React9__default.default.useId();
+  const inputId = id || generatedId;
   const [isHelperDismissed, setIsHelperDismissed] = React9__default.default.useState(false);
   const { onChange, ...inputProps } = rest;
   const visualStatus = helperText && isHelperDismissed ? "default" : status;
@@ -1116,11 +1123,12 @@ var TextInput = React9.forwardRef(function TextInput2({
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${labelWeightClasses[labelWeight]} rh-text-text`, children: label }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-text-text-muted", children: subtitle })
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
+            style: borderColor ? { borderColor } : void 0,
             className: [
               "rh-flex rh-items-center rh-gap-2",
               "rh-border rh-bg-surface rh-font-body",
@@ -1514,6 +1522,7 @@ var optionSizeClasses = {
   md: "rh-px-input-x-md rh-py-2 rh-text-sm",
   lg: "rh-px-input-x-lg rh-py-2.5 rh-text-base"
 };
+var getSubtitleClassName2 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var ChevronIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1725,7 +1734,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsxs("label", { id: `${triggerId}-label`, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: label }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-text-text-muted", children: subtitle })
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName2(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -2306,6 +2315,7 @@ var addButtonSizeClasses = {
   md: "rh-w-5 rh-h-5",
   lg: "rh-w-5 rh-h-5"
 };
+var getSubtitleClassName3 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var TagInput = React9.forwardRef(function TagInput2({
   label,
   subtitle,
@@ -2362,7 +2372,7 @@ var TagInput = React9.forwardRef(function TagInput2({
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-font-semibold rh-text-text", children: label }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-text-text-muted", children: subtitle })
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName3(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",