@kbach/react-native 1.0.0-beta.25 → 1.0.0-beta.27
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 +19 -0
- package/android/src/main/jniLibs/arm64-v8a/libkbach_core_engine.so +0 -0
- package/android/src/main/jniLibs/x86_64/libkbach_core_engine.so +0 -0
- package/dist/chunk-BEXNFWW6.mjs +564 -0
- package/dist/{chunk-EBLZ3CJG.mjs → chunk-GHQ7DWLO.mjs} +1 -1
- package/dist/{chunk-JENWPIJT.mjs → chunk-MXIT3EDJ.mjs} +10 -5
- package/dist/darkModeStore.d.ts +16 -1
- package/dist/darkModeStore.js +10 -4
- package/dist/index.d.ts +1 -84
- package/dist/index.js +42 -21
- package/dist/index.web.d.ts +1 -1
- package/dist/index.web.js +38 -22
- package/dist/index.web.mjs +7 -3
- package/dist/jsx-dev-runtime.js +18 -1
- package/dist/jsx-dev-runtime.web.js +14 -2
- package/dist/jsx-dev-runtime.web.mjs +3 -3
- package/dist/jsx-runtime.js +18 -1
- package/dist/jsx-runtime.web.js +14 -2
- package/dist/jsx-runtime.web.mjs +2 -2
- package/dist/{useDynamicToken-DAHQob1u.d.ts → useDynamicToken-C8T9r6Cl.d.ts} +7 -1
- package/package.json +1 -1
- package/dist/chunk-TBDAJIR3.mjs +0 -552
package/README.md
CHANGED
|
@@ -13,6 +13,17 @@ resolved to a `StyleSheet`-ready style object instead of injected CSS.
|
|
|
13
13
|
npm install @kbach/react-native
|
|
14
14
|
```
|
|
15
15
|
|
|
16
|
+
Then, pick the one section below that matches how you're actually running
|
|
17
|
+
the app — each is a genuinely different setup, not layered options:
|
|
18
|
+
|
|
19
|
+
- **React Native CLI** (`npx react-native ...`) → [React Native CLI](#react-native-cli)
|
|
20
|
+
- **Expo, using Expo Go** (`npx expo start`, scanning the QR code in the Expo
|
|
21
|
+
Go app) → [Expo Go](#expo-go) — nothing to configure at all
|
|
22
|
+
- **Expo, using a dev client or a bare/prebuilt project** (`npx expo run:android`,
|
|
23
|
+
or EAS Build) → [Expo (dev client / prebuild)](#expo-dev-client--prebuild)
|
|
24
|
+
- **Expo Web** (`npx expo start --web`, or any `react-native-web` target) →
|
|
25
|
+
[Expo Web](#expo-web) — also nothing to configure
|
|
26
|
+
|
|
16
27
|
### React Native CLI
|
|
17
28
|
|
|
18
29
|
```js
|
|
@@ -164,6 +175,14 @@ into a parent component yourself and pass it down as an explicit prop.
|
|
|
164
175
|
|
|
165
176
|
## Dark mode
|
|
166
177
|
|
|
178
|
+
**Zero setup, on every platform this package supports** — real native
|
|
179
|
+
*and* Expo Web. Unlike [`@kbach/react`](https://www.npmjs.com/package/@kbach/react),
|
|
180
|
+
there's no build-time CSS step here to keep in sync with the runtime:
|
|
181
|
+
`dark:` is resolved fresh from a live parameter on native (no selectors at
|
|
182
|
+
all to generate ahead of time), and Expo Web's default strategy is already
|
|
183
|
+
`'attribute'` — a manual toggle just works, no config file, no
|
|
184
|
+
`applyKbachConfig()` call:
|
|
185
|
+
|
|
167
186
|
```tsx
|
|
168
187
|
import { useTheme } from '@kbach/react-native';
|
|
169
188
|
|
|
Binary file
|
|
Binary file
|