@rehagro/ui 1.0.44 → 1.0.46

package/dist/index.d.mts

@@ -248,6 +248,8 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
     label?: string;
     /** Label font weight */
     labelWeight?: TextInputLabelWeight;
+    /** Label text color. Defaults to the Rehsult input label color. */
+    labelColor?: string;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */
@@ -287,6 +289,8 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
     label?: string;
     /** Label font weight */
     labelWeight?: TextInputLabelWeight;
+    /** Label text color. Defaults to the Rehsult input label color. */
+    labelColor?: string;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */

package/dist/index.d.ts

@@ -248,6 +248,8 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
     label?: string;
     /** Label font weight */
     labelWeight?: TextInputLabelWeight;
+    /** Label text color. Defaults to the Rehsult input label color. */
+    labelColor?: string;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */
@@ -287,6 +289,8 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
     label?: string;
     /** Label font weight */
     labelWeight?: TextInputLabelWeight;
+    /** Label text color. Defaults to the Rehsult input label color. */
+    labelColor?: string;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */

package/dist/index.js

@@ -978,12 +978,15 @@ var sizeClasses2 = {
 };
 var radiusClasses2 = {
   none: "rh-rounded-none",
-  xxs: "rh-rounded-xxs",
-  xs: "rh-rounded-xs",
-  sm: "rh-rounded-sm",
-  md: "rh-rounded-md",
-  lg: "rh-rounded-lg",
-  xl: "rh-rounded-xl",
+  // IconButton is a square control, so it uses the same compact radius
+  // scale as the native implementation. The global web radius tokens are
+  // larger (md = 16px), which makes a 32px icon button look circular.
+  xxs: "rh-rounded-[2px]",
+  xs: "rh-rounded-[4px]",
+  sm: "rh-rounded-[8px]",
+  md: "rh-rounded-[12px]",
+  lg: "rh-rounded-[16px]",
+  xl: "rh-rounded-[24px]",
   full: "rh-rounded-full"
 };
 var IconButton = React9.forwardRef(function IconButton2({
@@ -1102,6 +1105,7 @@ var getSubtitleClassName = (subtitle) => subtitle.trim() === "*" ? "rh-text-dang
 var TextInput = React9.forwardRef(function TextInput2({
   label,
   labelWeight = "medium",
+  labelColor = "#080B12",
   subtitle,
   status = "default",
   size = "md",
@@ -1128,7 +1132,14 @@ var TextInput = React9.forwardRef(function TextInput2({
       className: ["rh-flex rh-flex-col rh-gap-[0.5rem] rh-font-body", wrapperClassName].filter(Boolean).join(" "),
       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 }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: `rh-text-sm ${labelWeightClasses[labelWeight]}`,
+              style: { color: labelColor },
+              children: label
+            }
+          ),
           subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1183,8 +1194,9 @@ var TextInput = React9.forwardRef(function TextInput2({
                 "span",
                 {
                   className: [
-                    "rh-inline-flex rh-shrink-0 rh-text-text-muted",
-                    iconSizeClasses[size]
+                    "rh-inline-flex rh-shrink-0 rh-items-center rh-justify-center rh-whitespace-nowrap rh-text-text-muted",
+                    iconSizeClasses[size],
+                    "rh-w-auto rh-min-w-fit"
                   ].join(" "),
                   "aria-hidden": "true",
                   children: rightIcon