@rehagro/ui 1.0.43 → 1.0.45

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({
@@ -1071,6 +1074,11 @@ var radiusClasses3 = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
+var borderWidthClasses = {
+  sm: "rh-border-sm",
+  md: "rh-border-md",
+  lg: "rh-border-lg"
+};
 var iconSizeClasses = {
   sm: "rh-w-4 rh-h-4",
   md: "rh-w-5 rh-h-5",
@@ -1102,6 +1110,7 @@ var TextInput = forwardRef(function TextInput2({
   className = "",
   wrapperClassName = "",
   borderColor,
+  borderWidth = "sm",
   id,
   ...rest
 }, ref) {
@@ -1125,7 +1134,8 @@ var TextInput = forwardRef(function TextInput2({
             style: borderColor ? { borderColor } : void 0,
             className: [
               "rh-flex rh-items-center rh-gap-2",
-              "rh-border rh-bg-surface rh-font-body",
+              "rh-bg-surface rh-font-body",
+              borderWidthClasses[borderWidth],
               "rh-transition-colors rh-duration-150",
               "rh-overflow-hidden",
               statusClasses[visualStatus],