@rehagro/ui 1.0.41 → 1.0.42

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 */

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 */

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",
@@ -1089,6 +1091,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",
@@ -1105,7 +1108,8 @@ var TextInput = React9.forwardRef(function TextInput2({
   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,7 +1120,7 @@ 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",
@@ -1514,6 +1518,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 +1730,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",