@xsolla/xui-quest-card 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 +36 -0
- package/package.json +3 -3
package/README.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# @xsolla/xui-quest-card
|
|
2
|
+
|
|
3
|
+
Compact card for displaying a quest with icon, title, progress, status, and trailing reward.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
yarn add @xsolla/xui-quest-card
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
```tsx
|
|
14
|
+
import { QuestCard } from '@xsolla/xui-quest-card';
|
|
15
|
+
|
|
16
|
+
<QuestCard
|
|
17
|
+
title="Complete 10 matches"
|
|
18
|
+
subtitle="0/10 matches"
|
|
19
|
+
status="default"
|
|
20
|
+
onPress={() => console.log('quest pressed')}
|
|
21
|
+
/>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Props
|
|
25
|
+
|
|
26
|
+
### QuestCard
|
|
27
|
+
|
|
28
|
+
| Prop | Type | Default | Description |
|
|
29
|
+
|------|------|---------|-------------|
|
|
30
|
+
| `title` | `string` | — | Quest title text |
|
|
31
|
+
| `subtitle` | `string` | — | Progress or description (e.g. `"0/12 hours"`) |
|
|
32
|
+
| `icon` | `ReactNode` | — | Icon displayed in the icon container |
|
|
33
|
+
| `status` | `"default" \| "alert" \| "warning" \| "success"` | — | Status indicator colour |
|
|
34
|
+
| `statusIcon` | `ReactNode` | — | Custom status icon; overrides default dot |
|
|
35
|
+
| `trailing` | `ReactNode` | — | Reward tag or custom trailing content |
|
|
36
|
+
| `onPress` | `() => void` | — | Card press handler |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-quest-card",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.97.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"test:coverage": "vitest run --coverage"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@xsolla/xui-core": "0.
|
|
18
|
-
"@xsolla/xui-primitives-core": "0.
|
|
17
|
+
"@xsolla/xui-core": "0.97.0",
|
|
18
|
+
"@xsolla/xui-primitives-core": "0.97.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": ">=16.8.0",
|