@cdx-ui/components 0.0.1-alpha.39 → 0.0.1-alpha.40
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 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -31,7 +31,40 @@ export function Example() {
|
|
|
31
31
|
}
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
Component stories live in [`apps/storybook`](../../apps/storybook/).
|
|
34
|
+
Component stories live in [`apps/storybook`](../../apps/storybook/). See the full [component reference](../../docs/README.md#components) for per-component docs.
|
|
35
|
+
|
|
36
|
+
### Components
|
|
37
|
+
|
|
38
|
+
AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, Dialog, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, OtpInput, ProgressBar, ProgressSegmented, Select, Switch, Text, VirtualizedList.
|
|
39
|
+
|
|
40
|
+
> `Box` is exported but deprecated — use React Native's `View` directly.
|
|
41
|
+
|
|
42
|
+
### Metro configuration helper
|
|
43
|
+
|
|
44
|
+
The package ships a `withCdxMetroConfig` helper that wraps your Metro config with CDX UI's styling-layer setup. This abstracts the underlying Uniwind configuration so consuming Metro configs stay stable if the styling layer changes.
|
|
45
|
+
|
|
46
|
+
```js
|
|
47
|
+
const { withCdxMetroConfig } = require('@cdx-ui/components/metro');
|
|
48
|
+
|
|
49
|
+
module.exports = withCdxMetroConfig(config, {
|
|
50
|
+
cssEntryFile: './global.css',
|
|
51
|
+
generatedTypesFile: './uniwind-types.d.ts', // optional
|
|
52
|
+
});
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
`withCdxMetroConfig` must be the **outermost** wrapper if you compose multiple Metro config helpers.
|
|
56
|
+
|
|
57
|
+
### React Native re-exports
|
|
58
|
+
|
|
59
|
+
For convenience, the package re-exports several core RN components and hooks with Uniwind `className` support:
|
|
60
|
+
|
|
61
|
+
| Export | Source |
|
|
62
|
+
| --- | --- |
|
|
63
|
+
| `View` | `react-native` |
|
|
64
|
+
| `ScrollView` | `react-native` |
|
|
65
|
+
| `KeyboardAvoidingView` | `react-native` |
|
|
66
|
+
| `SafeAreaView` | `react-native-safe-area-context` |
|
|
67
|
+
| `useSafeAreaInsets` | `react-native-safe-area-context` |
|
|
35
68
|
|
|
36
69
|
## Testing
|
|
37
70
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.40",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -66,9 +66,9 @@
|
|
|
66
66
|
"@gorhom/bottom-sheet": "^5.2.6",
|
|
67
67
|
"class-variance-authority": "^0.7.1",
|
|
68
68
|
"uniwind": "1.6.1",
|
|
69
|
-
"@cdx-ui/primitives": "0.0.1-alpha.
|
|
70
|
-
"@cdx-ui/utils": "0.0.1-alpha.
|
|
71
|
-
"@cdx-ui/icons": "0.0.1-alpha.
|
|
69
|
+
"@cdx-ui/primitives": "0.0.1-alpha.40",
|
|
70
|
+
"@cdx-ui/utils": "0.0.1-alpha.40",
|
|
71
|
+
"@cdx-ui/icons": "0.0.1-alpha.40"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@types/react": "*",
|