@xsolla/xui-spinner 0.174.3 → 0.175.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/README.md +34 -0
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,6 +1,40 @@
|
|
|
1
1
|
# Spinner
|
|
2
2
|
|
|
3
3
|
A cross-platform React loading indicator with five sizes and theme-aware default colour.
|
|
4
|
+
<!-- BEGIN:xui-mcp-instructions:spinner -->
|
|
5
|
+
Spinner is a circular animated indicator that shows an ongoing process when the wait time is unknown.
|
|
6
|
+
|
|
7
|
+
### When to use
|
|
8
|
+
|
|
9
|
+
While loading content, submitting, or waiting for a response of indefinite length
|
|
10
|
+
|
|
11
|
+
Inline (in a button, field) or centered in a container that's loading
|
|
12
|
+
|
|
13
|
+
### When not to use
|
|
14
|
+
|
|
15
|
+
- When progress is measurable — use a progress bar instead
|
|
16
|
+
- For very long or background tasks — use a clearer status message instead
|
|
17
|
+
|
|
18
|
+
### Content guidelines
|
|
19
|
+
|
|
20
|
+
No text is built in; pair with a short *"Loading…"* message when context isn't obvious.
|
|
21
|
+
|
|
22
|
+
Pick the size (XL–XS) to match the area it sits in.
|
|
23
|
+
|
|
24
|
+
### Behaviour guidelines
|
|
25
|
+
|
|
26
|
+
Spins continuously until the process finishes, then is removed and replaced by the result.
|
|
27
|
+
|
|
28
|
+
Stays centered in its space; don't shift surrounding layout when it appears or disappears.
|
|
29
|
+
|
|
30
|
+
### Accessibility
|
|
31
|
+
|
|
32
|
+
Announce the loading state to assistive technology (e.g. a live region or *"busy"* state), not by the animation alone.
|
|
33
|
+
|
|
34
|
+
Respect reduced-motion preferences.
|
|
35
|
+
|
|
36
|
+
Ensure the spinner has enough contrast against its background.
|
|
37
|
+
<!-- END:xui-mcp-instructions:spinner -->
|
|
4
38
|
|
|
5
39
|
## Installation
|
|
6
40
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-spinner",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.175.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.175.0",
|
|
14
|
+
"@xsolla/xui-primitives-core": "0.175.0"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"react": ">=16.8.0",
|