@rehagro/ui 1.0.43 → 1.0.45

package/dist/index.d.mts

@@ -241,6 +241,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<React__defaul
 type TextInputStatus = "default" | "error";
 type TextInputSize = "sm" | "md" | "lg" | "xl";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type TextInputBorderWidth = "sm" | "md" | "lg";
 type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
 type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
@@ -272,6 +273,14 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 };
 declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
@@ -303,6 +312,14 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 type CheckboxSize = "sm" | "md" | "lg";

package/dist/index.d.ts

@@ -241,6 +241,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<React__defaul
 type TextInputStatus = "default" | "error";
 type TextInputSize = "sm" | "md" | "lg" | "xl";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type TextInputBorderWidth = "sm" | "md" | "lg";
 type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
 type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
@@ -272,6 +273,14 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 };
 declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
@@ -303,6 +312,14 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
      * colors — those still come from `statusClasses`.
      */
     borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 type CheckboxSize = "sm" | "md" | "lg";

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({
@@ -1077,6 +1080,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",
@@ -1108,6 +1116,7 @@ var TextInput = React9.forwardRef(function TextInput2({
   className = "",
   wrapperClassName = "",
   borderColor,
+  borderWidth = "sm",
   id,
   ...rest
 }, ref) {
@@ -1131,7 +1140,8 @@ var TextInput = React9.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],