@xsolla/xui-primitives-web 0.95.0 → 0.97.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 +32 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# @xsolla/xui-primitives-web
|
|
2
|
+
|
|
3
|
+
Web implementations of XUI primitive components, built with styled-components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
yarn add @xsolla/xui-primitives-web
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
```tsx
|
|
14
|
+
import { Box, Text, Input } from '@xsolla/xui-primitives-web';
|
|
15
|
+
|
|
16
|
+
const MyComponent = () => (
|
|
17
|
+
<Box flexDirection="row" gap={8} padding={16}>
|
|
18
|
+
<Text fontSize={16} color="#fff">Hello</Text>
|
|
19
|
+
<Input value={value} onChangeText={setValue} placeholder="Type here" />
|
|
20
|
+
</Box>
|
|
21
|
+
);
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Exports
|
|
25
|
+
|
|
26
|
+
- `Box` — Flex layout container (`div`); supports full `BoxProps` including hover/press/focus styles and ARIA attributes
|
|
27
|
+
- `Text` — Inline text element; supports colour, fontSize, fontWeight, alignment
|
|
28
|
+
- `Spinner` — Animated SVG loading indicator
|
|
29
|
+
- `Icon` — SVG icon wrapper accepting child SVG content
|
|
30
|
+
- `Divider` — Horizontal or vertical line separator; supports dashed style
|
|
31
|
+
- `Input` — Styled `<input>` element with cross-platform prop interface
|
|
32
|
+
- `TextArea` — Styled `<textarea>` with optional auto-resize via `autoSize`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-primitives-web",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.97.0",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"module": "./index.mjs",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"styled-components": "^4.0.0"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-primitives-core": "0.
|
|
16
|
+
"@xsolla/xui-primitives-core": "0.97.0",
|
|
17
17
|
"lucide-react": "^0.470.0"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|