@xsolla/xui-select 0.150.0 → 0.151.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 +0 -37
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -6,8 +6,6 @@ A cross-platform React select component for choosing from a list of predefined o
|
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
8
|
npm install @xsolla/xui-select
|
|
9
|
-
# or
|
|
10
|
-
yarn add @xsolla/xui-select
|
|
11
9
|
```
|
|
12
10
|
|
|
13
11
|
## Demo
|
|
@@ -300,41 +298,6 @@ interface SelectOption {
|
|
|
300
298
|
}
|
|
301
299
|
```
|
|
302
300
|
|
|
303
|
-
## Theming
|
|
304
|
-
|
|
305
|
-
Select components use the design system theme for colors and sizing:
|
|
306
|
-
|
|
307
|
-
```typescript
|
|
308
|
-
// Colors accessed via theme
|
|
309
|
-
theme.colors.control.input.bg // Background color
|
|
310
|
-
theme.colors.control.input.bgHover // Hover background
|
|
311
|
-
theme.colors.control.input.bgFocus // Focus background
|
|
312
|
-
theme.colors.control.input.bgDisable // Disabled background
|
|
313
|
-
theme.colors.control.input.border // Border color
|
|
314
|
-
theme.colors.control.input.borderFocus // Focus border color
|
|
315
|
-
theme.colors.control.input.borderError // Error border color
|
|
316
|
-
theme.colors.control.input.text // Text color
|
|
317
|
-
theme.colors.control.brand.primary.bg // Selected option background
|
|
318
|
-
|
|
319
|
-
// Sizing accessed via theme
|
|
320
|
-
theme.sizing.input(size).height
|
|
321
|
-
theme.sizing.input(size).paddingVertical
|
|
322
|
-
theme.sizing.input(size).paddingHorizontal
|
|
323
|
-
theme.sizing.input(size).fontSize
|
|
324
|
-
|
|
325
|
-
// Border radius
|
|
326
|
-
theme.radius.button
|
|
327
|
-
```
|
|
328
|
-
|
|
329
|
-
**Dropdown Styling:**
|
|
330
|
-
|
|
331
|
-
| Property | Value |
|
|
332
|
-
| :------- | :---- |
|
|
333
|
-
| Max Height | 300px (configurable via `maxHeight` prop) |
|
|
334
|
-
| Box Shadow | 0 4px 12px rgba(0,0,0,0.1) |
|
|
335
|
-
| Z-Index | 1000 |
|
|
336
|
-
| Scroll | overflowY: auto |
|
|
337
|
-
|
|
338
301
|
## React Native Notes
|
|
339
302
|
|
|
340
303
|
The Select component works on React Native with the following differences:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-select",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.151.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"test:coverage": "vitest run --coverage"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-core": "0.
|
|
17
|
-
"@xsolla/xui-icons-base": "0.
|
|
18
|
-
"@xsolla/xui-primitives-core": "0.
|
|
16
|
+
"@xsolla/xui-core": "0.151.0",
|
|
17
|
+
"@xsolla/xui-icons-base": "0.151.0",
|
|
18
|
+
"@xsolla/xui-primitives-core": "0.151.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": ">=16.8.0",
|