@xsolla/xui-status 0.74.0 → 0.76.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 +75 -0
- package/package.json +3 -3
- package/web/index.js.flow +75 -0
|
@@ -0,0 +1,75 @@
|
|
|
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 * as react from "react";
|
|
9
|
+
import { Node } from "react";
|
|
10
|
+
declare type StatusPalette =
|
|
11
|
+
| "default"
|
|
12
|
+
| "success"
|
|
13
|
+
| "warning"
|
|
14
|
+
| "alert"
|
|
15
|
+
| "neutral";
|
|
16
|
+
declare type StatusSize = "sm" | "md" | "lg";
|
|
17
|
+
declare type StatusLabelType = "primary" | "dot-color";
|
|
18
|
+
declare interface StatusProps {
|
|
19
|
+
/**
|
|
20
|
+
* Content/label to display next to the status dot
|
|
21
|
+
*/
|
|
22
|
+
children?: Node;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Color palette of the status indicator
|
|
26
|
+
*/
|
|
27
|
+
palette?: StatusPalette;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Size of the status dot
|
|
31
|
+
*/
|
|
32
|
+
size?: StatusSize;
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Label color mode
|
|
36
|
+
*/
|
|
37
|
+
labelType?: StatusLabelType;
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Accessible label for screen readers. Required for complex children or localized content.
|
|
41
|
+
*/
|
|
42
|
+
"aria-label"?: string;
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Live region behavior for dynamic status updates
|
|
46
|
+
*/
|
|
47
|
+
"aria-live"?: "polite" | "assertive" | "off";
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Test ID for testing frameworks
|
|
51
|
+
*/
|
|
52
|
+
testID?: string;
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* HTML id attribute
|
|
56
|
+
*/
|
|
57
|
+
id?: string;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Status - An accessible status indicator component
|
|
61
|
+
*
|
|
62
|
+
* Displays a colored dot with optional label to indicate status.
|
|
63
|
+
*
|
|
64
|
+
* ## Accessibility Features
|
|
65
|
+
*
|
|
66
|
+
* - **Semantic Role**: Uses `role="status"` by default (implies `aria-live="polite"`)
|
|
67
|
+
* - **ARIA Label**: Auto-generates for string children; provide explicit `aria-label` for complex children or localization
|
|
68
|
+
* - **Live Region**: `aria-live="assertive"` switches to `role="alert"`, `"off"` disables announcements
|
|
69
|
+
*/
|
|
70
|
+
declare var Status: react.ForwardRefExoticComponent<{
|
|
71
|
+
...StatusProps,
|
|
72
|
+
...react.RefAttributes<HTMLDivElement>,
|
|
73
|
+
}>;
|
|
74
|
+
export type { StatusLabelType, StatusPalette, StatusProps, StatusSize };
|
|
75
|
+
declare export { Status };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-status",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.76.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"build:native": "PLATFORM=native tsup"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@xsolla/xui-core": "0.
|
|
14
|
-
"@xsolla/xui-primitives-core": "0.
|
|
13
|
+
"@xsolla/xui-core": "0.76.0",
|
|
14
|
+
"@xsolla/xui-primitives-core": "0.76.0"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"react": ">=16.8.0",
|
|
@@ -0,0 +1,75 @@
|
|
|
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 * as react from "react";
|
|
9
|
+
import { Node } from "react";
|
|
10
|
+
declare type StatusPalette =
|
|
11
|
+
| "default"
|
|
12
|
+
| "success"
|
|
13
|
+
| "warning"
|
|
14
|
+
| "alert"
|
|
15
|
+
| "neutral";
|
|
16
|
+
declare type StatusSize = "sm" | "md" | "lg";
|
|
17
|
+
declare type StatusLabelType = "primary" | "dot-color";
|
|
18
|
+
declare interface StatusProps {
|
|
19
|
+
/**
|
|
20
|
+
* Content/label to display next to the status dot
|
|
21
|
+
*/
|
|
22
|
+
children?: Node;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Color palette of the status indicator
|
|
26
|
+
*/
|
|
27
|
+
palette?: StatusPalette;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Size of the status dot
|
|
31
|
+
*/
|
|
32
|
+
size?: StatusSize;
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Label color mode
|
|
36
|
+
*/
|
|
37
|
+
labelType?: StatusLabelType;
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Accessible label for screen readers. Required for complex children or localized content.
|
|
41
|
+
*/
|
|
42
|
+
"aria-label"?: string;
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Live region behavior for dynamic status updates
|
|
46
|
+
*/
|
|
47
|
+
"aria-live"?: "polite" | "assertive" | "off";
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Test ID for testing frameworks
|
|
51
|
+
*/
|
|
52
|
+
testID?: string;
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* HTML id attribute
|
|
56
|
+
*/
|
|
57
|
+
id?: string;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Status - An accessible status indicator component
|
|
61
|
+
*
|
|
62
|
+
* Displays a colored dot with optional label to indicate status.
|
|
63
|
+
*
|
|
64
|
+
* ## Accessibility Features
|
|
65
|
+
*
|
|
66
|
+
* - **Semantic Role**: Uses `role="status"` by default (implies `aria-live="polite"`)
|
|
67
|
+
* - **ARIA Label**: Auto-generates for string children; provide explicit `aria-label` for complex children or localization
|
|
68
|
+
* - **Live Region**: `aria-live="assertive"` switches to `role="alert"`, `"off"` disables announcements
|
|
69
|
+
*/
|
|
70
|
+
declare var Status: react.ForwardRefExoticComponent<{
|
|
71
|
+
...StatusProps,
|
|
72
|
+
...react.RefAttributes<HTMLDivElement>,
|
|
73
|
+
}>;
|
|
74
|
+
export type { StatusLabelType, StatusPalette, StatusProps, StatusSize };
|
|
75
|
+
declare export { Status };
|