@rehagro/ui 1.0.43 → 1.0.45
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 +17 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +17 -7
- 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/native.d.mts
CHANGED
|
@@ -161,6 +161,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<Omit<Pressabl
|
|
|
161
161
|
type TextInputStatus = "default" | "error";
|
|
162
162
|
type TextInputSize = "sm" | "md" | "lg" | "xl";
|
|
163
163
|
type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
164
|
+
type TextInputBorderWidth = "sm" | "md" | "lg";
|
|
164
165
|
type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
165
166
|
/** Label text displayed above the input */
|
|
166
167
|
label?: string;
|
|
@@ -189,6 +190,14 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
|
189
190
|
* highlighting cells in tables or custom themed states.
|
|
190
191
|
*/
|
|
191
192
|
borderColor?: string;
|
|
193
|
+
/**
|
|
194
|
+
* Border width token for the input container.
|
|
195
|
+
*
|
|
196
|
+
* - `sm`: default 1px border.
|
|
197
|
+
* - `md`: default 2px border.
|
|
198
|
+
* - `lg`: default 3px border.
|
|
199
|
+
*/
|
|
200
|
+
borderWidth?: TextInputBorderWidth;
|
|
192
201
|
};
|
|
193
202
|
declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
|
|
194
203
|
/** Label text displayed above the input */
|
|
@@ -218,6 +227,14 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInput
|
|
|
218
227
|
* highlighting cells in tables or custom themed states.
|
|
219
228
|
*/
|
|
220
229
|
borderColor?: string;
|
|
230
|
+
/**
|
|
231
|
+
* Border width token for the input container.
|
|
232
|
+
*
|
|
233
|
+
* - `sm`: default 1px border.
|
|
234
|
+
* - `md`: default 2px border.
|
|
235
|
+
* - `lg`: default 3px border.
|
|
236
|
+
*/
|
|
237
|
+
borderWidth?: TextInputBorderWidth;
|
|
221
238
|
} & React__default.RefAttributes<TextInput$1>>;
|
|
222
239
|
|
|
223
240
|
type CheckboxSize = "sm" | "md" | "lg";
|
package/dist/native.d.ts
CHANGED
|
@@ -161,6 +161,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<Omit<Pressabl
|
|
|
161
161
|
type TextInputStatus = "default" | "error";
|
|
162
162
|
type TextInputSize = "sm" | "md" | "lg" | "xl";
|
|
163
163
|
type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
164
|
+
type TextInputBorderWidth = "sm" | "md" | "lg";
|
|
164
165
|
type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
165
166
|
/** Label text displayed above the input */
|
|
166
167
|
label?: string;
|
|
@@ -189,6 +190,14 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
|
|
|
189
190
|
* highlighting cells in tables or custom themed states.
|
|
190
191
|
*/
|
|
191
192
|
borderColor?: string;
|
|
193
|
+
/**
|
|
194
|
+
* Border width token for the input container.
|
|
195
|
+
*
|
|
196
|
+
* - `sm`: default 1px border.
|
|
197
|
+
* - `md`: default 2px border.
|
|
198
|
+
* - `lg`: default 3px border.
|
|
199
|
+
*/
|
|
200
|
+
borderWidth?: TextInputBorderWidth;
|
|
192
201
|
};
|
|
193
202
|
declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
|
|
194
203
|
/** Label text displayed above the input */
|
|
@@ -218,6 +227,14 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInput
|
|
|
218
227
|
* highlighting cells in tables or custom themed states.
|
|
219
228
|
*/
|
|
220
229
|
borderColor?: string;
|
|
230
|
+
/**
|
|
231
|
+
* Border width token for the input container.
|
|
232
|
+
*
|
|
233
|
+
* - `sm`: default 1px border.
|
|
234
|
+
* - `md`: default 2px border.
|
|
235
|
+
* - `lg`: default 3px border.
|
|
236
|
+
*/
|
|
237
|
+
borderWidth?: TextInputBorderWidth;
|
|
221
238
|
} & React__default.RefAttributes<TextInput$1>>;
|
|
222
239
|
|
|
223
240
|
type CheckboxSize = "sm" | "md" | "lg";
|
package/dist/native.js
CHANGED
|
@@ -327,6 +327,7 @@ var TextInput = react.forwardRef(function TextInput2({
|
|
|
327
327
|
wrapperStyle,
|
|
328
328
|
style,
|
|
329
329
|
borderColor,
|
|
330
|
+
borderWidth = "sm",
|
|
330
331
|
accessibilityLabel,
|
|
331
332
|
...rest
|
|
332
333
|
}, ref) {
|
|
@@ -364,13 +365,18 @@ var TextInput = react.forwardRef(function TextInput2({
|
|
|
364
365
|
xl: theme.radiusXl ?? 32,
|
|
365
366
|
full: 9999
|
|
366
367
|
};
|
|
368
|
+
const borderWidthMap = {
|
|
369
|
+
sm: theme.borderWidthSm ?? 1,
|
|
370
|
+
md: theme.borderWidthMd ?? 2,
|
|
371
|
+
lg: theme.borderWidthLg ?? 3
|
|
372
|
+
};
|
|
367
373
|
const hasError = status === "error" || !!helperText;
|
|
368
374
|
const effectiveBorderColor = hasError ? theme.danger : focused ? theme.primary : borderColor ?? theme.border;
|
|
369
375
|
const containerStyle = {
|
|
370
376
|
height: heightMap[size],
|
|
371
377
|
paddingHorizontal: paddingMap2[size],
|
|
372
378
|
borderRadius: radiusMap2[radius],
|
|
373
|
-
borderWidth:
|
|
379
|
+
borderWidth: borderWidthMap[borderWidth],
|
|
374
380
|
borderColor: effectiveBorderColor,
|
|
375
381
|
backgroundColor: isDisabled ? theme.background : theme.surface,
|
|
376
382
|
flexDirection: "row",
|