@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 +17 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.js +8 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -1
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.mts +17 -0
- package/dist/native.d.ts +17 -0
- package/dist/native.js +7 -1
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +7 -1
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
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-
|
|
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],
|