@devopness/ui-react 2.154.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/src/icons/iconLoader.d.ts +20 -4
- package/dist/ui-react.cjs +163 -163
- package/dist/ui-react.js +4601 -4503
- package/package.json +30 -31
|
@@ -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 };
|
|
@@ -279,7 +279,7 @@ declare const iconList: readonly [{
|
|
|
279
279
|
readonly component: string;
|
|
280
280
|
}, {
|
|
281
281
|
readonly type: "image";
|
|
282
|
-
readonly accessor: "
|
|
282
|
+
readonly accessor: "github-white";
|
|
283
283
|
readonly component: string;
|
|
284
284
|
}, {
|
|
285
285
|
readonly type: "image";
|
|
@@ -291,16 +291,24 @@ declare const iconList: readonly [{
|
|
|
291
291
|
readonly component: string;
|
|
292
292
|
}, {
|
|
293
293
|
readonly type: "image";
|
|
294
|
-
readonly accessor: "
|
|
294
|
+
readonly accessor: "bitbucket-white";
|
|
295
295
|
readonly component: string;
|
|
296
296
|
}, {
|
|
297
297
|
readonly type: "image";
|
|
298
298
|
readonly accessor: "docker";
|
|
299
299
|
readonly component: string;
|
|
300
|
+
}, {
|
|
301
|
+
readonly type: "image";
|
|
302
|
+
readonly accessor: "c-sharp";
|
|
303
|
+
readonly component: string;
|
|
300
304
|
}, {
|
|
301
305
|
readonly type: "image";
|
|
302
306
|
readonly accessor: "dotnetcore";
|
|
303
307
|
readonly component: string;
|
|
308
|
+
}, {
|
|
309
|
+
readonly type: "image";
|
|
310
|
+
readonly accessor: "dotnetcore-aspnetcore";
|
|
311
|
+
readonly component: string;
|
|
304
312
|
}, {
|
|
305
313
|
readonly type: "image";
|
|
306
314
|
readonly accessor: "html";
|
|
@@ -313,17 +321,25 @@ declare const iconList: readonly [{
|
|
|
313
321
|
readonly type: "image";
|
|
314
322
|
readonly accessor: "php";
|
|
315
323
|
readonly component: string;
|
|
324
|
+
}, {
|
|
325
|
+
readonly type: "image";
|
|
326
|
+
readonly accessor: "php-laravel";
|
|
327
|
+
readonly component: string;
|
|
316
328
|
}, {
|
|
317
329
|
readonly type: "image";
|
|
318
330
|
readonly accessor: "python";
|
|
319
331
|
readonly component: string;
|
|
320
332
|
}, {
|
|
321
333
|
readonly type: "image";
|
|
322
|
-
readonly accessor: "
|
|
334
|
+
readonly accessor: "python-django";
|
|
335
|
+
readonly component: string;
|
|
336
|
+
}, {
|
|
337
|
+
readonly type: "image";
|
|
338
|
+
readonly accessor: "python-flask";
|
|
323
339
|
readonly component: string;
|
|
324
340
|
}, {
|
|
325
341
|
readonly type: "image";
|
|
326
|
-
readonly accessor: "
|
|
342
|
+
readonly accessor: "python-fastapi";
|
|
327
343
|
readonly component: string;
|
|
328
344
|
}, {
|
|
329
345
|
readonly type: "image";
|