@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/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: theme.borderWidthSm,
379
+ borderWidth: borderWidthMap[borderWidth],
374
380
  borderColor: effectiveBorderColor,
375
381
  backgroundColor: isDisabled ? theme.background : theme.surface,
376
382
  flexDirection: "row",