@devopness/ui-react 2.155.0 → 2.156.0
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/src/components/Forms/Input/Input.d.ts +11 -4
- package/dist/ui-react.cjs +142 -142
- package/dist/ui-react.js +3739 -3593
- package/package.json +28 -28
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
1
|
import { ErrorMessageProps } from '../../Primitives/ErrorMessage';
|
|
3
2
|
import { LabelProps } from '../../Primitives/Label';
|
|
4
3
|
type SharedProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
@@ -36,6 +35,14 @@ type InputProps = (SharedProps & {
|
|
|
36
35
|
/**
|
|
37
36
|
* Allows users to enter and edit text
|
|
38
37
|
*
|
|
38
|
+
* A flexible input component that supports:
|
|
39
|
+
* - Various input types (text, number, etc.)
|
|
40
|
+
* - Error states with automatic focus
|
|
41
|
+
* - Custom styling
|
|
42
|
+
* - Label and help text
|
|
43
|
+
*
|
|
44
|
+
* When an error state is applied, the input will automatically receive focus to draw the user's attention.
|
|
45
|
+
*
|
|
39
46
|
* @example
|
|
40
47
|
* ```
|
|
41
48
|
* <Input
|
|
@@ -50,7 +57,7 @@ type InputProps = (SharedProps & {
|
|
|
50
57
|
* />
|
|
51
58
|
* ```
|
|
52
59
|
*/
|
|
53
|
-
declare const Input:
|
|
60
|
+
declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('react').InputHTMLAttributes<HTMLInputElement> & {
|
|
54
61
|
/** React ref for direct DOM manipulation */
|
|
55
62
|
ref?: React.Ref<HTMLInputElement>;
|
|
56
63
|
/** Error message configuration */
|
|
@@ -75,7 +82,7 @@ declare const Input: React.ForwardRefExoticComponent<(Omit<React.InputHTMLAttrib
|
|
|
75
82
|
} & {
|
|
76
83
|
/** HTML input type (text, number, email, etc) */
|
|
77
84
|
type: Exclude<React.HTMLInputTypeAttribute, "number">;
|
|
78
|
-
}, "ref"> | Omit<
|
|
85
|
+
}, "ref"> | Omit<import('react').InputHTMLAttributes<HTMLInputElement> & {
|
|
79
86
|
/** React ref for direct DOM manipulation */
|
|
80
87
|
ref?: React.Ref<HTMLInputElement>;
|
|
81
88
|
/** Error message configuration */
|
|
@@ -102,6 +109,6 @@ declare const Input: React.ForwardRefExoticComponent<(Omit<React.InputHTMLAttrib
|
|
|
102
109
|
type: "number";
|
|
103
110
|
/** Removes increment/decrement arrows from number inputs */
|
|
104
111
|
removeArrows?: boolean;
|
|
105
|
-
}, "ref">) &
|
|
112
|
+
}, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
|
|
106
113
|
export type { InputProps };
|
|
107
114
|
export { Input };
|