@xsolla/xui-supporting-text 0.74.0 → 0.75.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/native/index.js.flow +77 -0
- package/package.json +4 -4
- package/web/index.js.flow +77 -0
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Flowtype definitions for index
|
|
3
|
+
* Generated by Flowgen from a Typescript Definition
|
|
4
|
+
* Flowgen v1.21.0
|
|
5
|
+
* @flow
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import React from "react";
|
|
9
|
+
declare type SupportingTextSize = "xl" | "lg" | "md" | "sm" | "xs";
|
|
10
|
+
declare type SupportingTextVariant =
|
|
11
|
+
| "label"
|
|
12
|
+
| "helper"
|
|
13
|
+
| "description"
|
|
14
|
+
| "error";
|
|
15
|
+
declare interface SupportingTextProps {
|
|
16
|
+
/**
|
|
17
|
+
* Text content to display
|
|
18
|
+
*/
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Size of the supporting text
|
|
23
|
+
*/
|
|
24
|
+
size?: SupportingTextSize;
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Visual variant of the supporting text
|
|
28
|
+
*/
|
|
29
|
+
variant?: SupportingTextVariant;
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Icon to display after the text
|
|
33
|
+
*/
|
|
34
|
+
icon?: React.ReactNode;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Whether to show the icon
|
|
38
|
+
*/
|
|
39
|
+
showIcon?: boolean;
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Accessible label for screen readers
|
|
43
|
+
*/
|
|
44
|
+
"aria-label"?: string;
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* ID of the element this text describes
|
|
48
|
+
*/
|
|
49
|
+
"aria-describedby"?: string;
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* HTML id attribute
|
|
53
|
+
*/
|
|
54
|
+
id?: string;
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Test ID for testing frameworks
|
|
58
|
+
*/
|
|
59
|
+
testID?: string;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* SupportingText - An accessible text component for labels, helpers, and error messages
|
|
63
|
+
*
|
|
64
|
+
* Used to provide additional context for form fields and other UI elements.
|
|
65
|
+
*
|
|
66
|
+
* ## Accessibility Features
|
|
67
|
+
*
|
|
68
|
+
* - **Semantic Role**: Error variant uses `role="alert"` for immediate announcement
|
|
69
|
+
* - **ARIA Support**: Can be linked to form fields via `id` and `aria-describedby`
|
|
70
|
+
* - **Color Contrast**: Uses appropriate colors for readability
|
|
71
|
+
*/
|
|
72
|
+
declare var SupportingText: React.ForwardRefExoticComponent<{
|
|
73
|
+
...SupportingTextProps,
|
|
74
|
+
...React.RefAttributes<HTMLDivElement>,
|
|
75
|
+
}>;
|
|
76
|
+
export type { SupportingTextProps, SupportingTextSize, SupportingTextVariant };
|
|
77
|
+
declare export { SupportingText };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-supporting-text",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.75.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"build:native": "PLATFORM=native tsup"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@xsolla/xui-core": "0.
|
|
14
|
-
"@xsolla/xui-icons": "0.
|
|
15
|
-
"@xsolla/xui-primitives-core": "0.
|
|
13
|
+
"@xsolla/xui-core": "0.75.0",
|
|
14
|
+
"@xsolla/xui-icons": "0.75.0",
|
|
15
|
+
"@xsolla/xui-primitives-core": "0.75.0"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
18
|
"react": ">=16.8.0",
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Flowtype definitions for index
|
|
3
|
+
* Generated by Flowgen from a Typescript Definition
|
|
4
|
+
* Flowgen v1.21.0
|
|
5
|
+
* @flow
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import React from "react";
|
|
9
|
+
declare type SupportingTextSize = "xl" | "lg" | "md" | "sm" | "xs";
|
|
10
|
+
declare type SupportingTextVariant =
|
|
11
|
+
| "label"
|
|
12
|
+
| "helper"
|
|
13
|
+
| "description"
|
|
14
|
+
| "error";
|
|
15
|
+
declare interface SupportingTextProps {
|
|
16
|
+
/**
|
|
17
|
+
* Text content to display
|
|
18
|
+
*/
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Size of the supporting text
|
|
23
|
+
*/
|
|
24
|
+
size?: SupportingTextSize;
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Visual variant of the supporting text
|
|
28
|
+
*/
|
|
29
|
+
variant?: SupportingTextVariant;
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Icon to display after the text
|
|
33
|
+
*/
|
|
34
|
+
icon?: React.ReactNode;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Whether to show the icon
|
|
38
|
+
*/
|
|
39
|
+
showIcon?: boolean;
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Accessible label for screen readers
|
|
43
|
+
*/
|
|
44
|
+
"aria-label"?: string;
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* ID of the element this text describes
|
|
48
|
+
*/
|
|
49
|
+
"aria-describedby"?: string;
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* HTML id attribute
|
|
53
|
+
*/
|
|
54
|
+
id?: string;
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Test ID for testing frameworks
|
|
58
|
+
*/
|
|
59
|
+
testID?: string;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* SupportingText - An accessible text component for labels, helpers, and error messages
|
|
63
|
+
*
|
|
64
|
+
* Used to provide additional context for form fields and other UI elements.
|
|
65
|
+
*
|
|
66
|
+
* ## Accessibility Features
|
|
67
|
+
*
|
|
68
|
+
* - **Semantic Role**: Error variant uses `role="alert"` for immediate announcement
|
|
69
|
+
* - **ARIA Support**: Can be linked to form fields via `id` and `aria-describedby`
|
|
70
|
+
* - **Color Contrast**: Uses appropriate colors for readability
|
|
71
|
+
*/
|
|
72
|
+
declare var SupportingText: React.ForwardRefExoticComponent<{
|
|
73
|
+
...SupportingTextProps,
|
|
74
|
+
...React.RefAttributes<HTMLDivElement>,
|
|
75
|
+
}>;
|
|
76
|
+
export type { SupportingTextProps, SupportingTextSize, SupportingTextVariant };
|
|
77
|
+
declare export { SupportingText };
|