@rehagro/ui 1.0.44 → 1.0.46

package/dist/index.mjs

@@ -972,12 +972,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 = forwardRef(function IconButton2({
@@ -1096,6 +1099,7 @@ var getSubtitleClassName = (subtitle) => subtitle.trim() === "*" ? "rh-text-dang
 var TextInput = forwardRef(function TextInput2({
   label,
   labelWeight = "medium",
+  labelColor = "#080B12",
   subtitle,
   status = "default",
   size = "md",
@@ -1122,7 +1126,14 @@ var TextInput = forwardRef(function TextInput2({
       className: ["rh-flex rh-flex-col rh-gap-[0.5rem] rh-font-body", wrapperClassName].filter(Boolean).join(" "),
       children: [
         label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${labelWeightClasses[labelWeight]} rh-text-text`, children: label }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `rh-text-sm ${labelWeightClasses[labelWeight]}`,
+              style: { color: labelColor },
+              children: label
+            }
+          ),
           subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
@@ -1177,8 +1188,9 @@ var TextInput = 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