@rehagro/ui 1.0.43 → 1.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -241,6 +241,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<React__defaul
241
241
  type TextInputStatus = "default" | "error";
242
242
  type TextInputSize = "sm" | "md" | "lg" | "xl";
243
243
  type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
244
+ type TextInputBorderWidth = "sm" | "md" | "lg";
244
245
  type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
245
246
  type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
246
247
  /** Label text displayed above the input */
@@ -272,6 +273,14 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
272
273
  * colors — those still come from `statusClasses`.
273
274
  */
274
275
  borderColor?: string;
276
+ /**
277
+ * Border width token for the input container.
278
+ *
279
+ * - `sm`: default 1px border.
280
+ * - `md`: default 2px border.
281
+ * - `lg`: default 3px border.
282
+ */
283
+ borderWidth?: TextInputBorderWidth;
275
284
  };
276
285
  declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
277
286
  /** Label text displayed above the input */
@@ -303,6 +312,14 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
303
312
  * colors — those still come from `statusClasses`.
304
313
  */
305
314
  borderColor?: string;
315
+ /**
316
+ * Border width token for the input container.
317
+ *
318
+ * - `sm`: default 1px border.
319
+ * - `md`: default 2px border.
320
+ * - `lg`: default 3px border.
321
+ */
322
+ borderWidth?: TextInputBorderWidth;
306
323
  } & React__default.RefAttributes<HTMLInputElement>>;
307
324
 
308
325
  type CheckboxSize = "sm" | "md" | "lg";
package/dist/index.d.ts CHANGED
@@ -241,6 +241,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<React__defaul
241
241
  type TextInputStatus = "default" | "error";
242
242
  type TextInputSize = "sm" | "md" | "lg" | "xl";
243
243
  type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
244
+ type TextInputBorderWidth = "sm" | "md" | "lg";
244
245
  type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
245
246
  type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
246
247
  /** Label text displayed above the input */
@@ -272,6 +273,14 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
272
273
  * colors — those still come from `statusClasses`.
273
274
  */
274
275
  borderColor?: string;
276
+ /**
277
+ * Border width token for the input container.
278
+ *
279
+ * - `sm`: default 1px border.
280
+ * - `md`: default 2px border.
281
+ * - `lg`: default 3px border.
282
+ */
283
+ borderWidth?: TextInputBorderWidth;
275
284
  };
276
285
  declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
277
286
  /** Label text displayed above the input */
@@ -303,6 +312,14 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
303
312
  * colors — those still come from `statusClasses`.
304
313
  */
305
314
  borderColor?: string;
315
+ /**
316
+ * Border width token for the input container.
317
+ *
318
+ * - `sm`: default 1px border.
319
+ * - `md`: default 2px border.
320
+ * - `lg`: default 3px border.
321
+ */
322
+ borderWidth?: TextInputBorderWidth;
306
323
  } & React__default.RefAttributes<HTMLInputElement>>;
307
324
 
308
325
  type CheckboxSize = "sm" | "md" | "lg";
package/dist/index.js CHANGED
@@ -1077,6 +1077,11 @@ var radiusClasses3 = {
1077
1077
  xl: "rh-rounded-xl",
1078
1078
  full: "rh-rounded-full"
1079
1079
  };
1080
+ var borderWidthClasses = {
1081
+ sm: "rh-border-sm",
1082
+ md: "rh-border-md",
1083
+ lg: "rh-border-lg"
1084
+ };
1080
1085
  var iconSizeClasses = {
1081
1086
  sm: "rh-w-4 rh-h-4",
1082
1087
  md: "rh-w-5 rh-h-5",
@@ -1108,6 +1113,7 @@ var TextInput = React9.forwardRef(function TextInput2({
1108
1113
  className = "",
1109
1114
  wrapperClassName = "",
1110
1115
  borderColor,
1116
+ borderWidth = "sm",
1111
1117
  id,
1112
1118
  ...rest
1113
1119
  }, ref) {
@@ -1131,7 +1137,8 @@ var TextInput = React9.forwardRef(function TextInput2({
1131
1137
  style: borderColor ? { borderColor } : void 0,
1132
1138
  className: [
1133
1139
  "rh-flex rh-items-center rh-gap-2",
1134
- "rh-border rh-bg-surface rh-font-body",
1140
+ "rh-bg-surface rh-font-body",
1141
+ borderWidthClasses[borderWidth],
1135
1142
  "rh-transition-colors rh-duration-150",
1136
1143
  "rh-overflow-hidden",
1137
1144
  statusClasses[visualStatus],