@kbach/react-native 1.0.0-beta.49 → 1.0.0-beta.50
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/AGENTS.md +22 -12
- package/package.json +1 -1
package/AGENTS.md
CHANGED
|
@@ -13,6 +13,24 @@ and how the underlying engine is built, see the repo root's
|
|
|
13
13
|
|
|
14
14
|
## 1. Install + setup
|
|
15
15
|
|
|
16
|
+
```sh
|
|
17
|
+
npx @kbach/cli init
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Automates everything below — installs `@kbach/react-native`, patches (or
|
|
21
|
+
creates) `babel.config.js` via a format-preserving codemod (handles both
|
|
22
|
+
Expo's function-export form and React Native CLI's plain object-export
|
|
23
|
+
form), and on React Native CLI offers to run the native rebuild right
|
|
24
|
+
there. Safe to re-run at any time (idempotent — reports "already has the
|
|
25
|
+
kbach babel plugin" rather than duplicating the entry). See
|
|
26
|
+
[`packages/cli/AGENTS.md`](../cli/AGENTS.md) for exactly what it detects
|
|
27
|
+
and changes, and what it does when the codemod can't safely apply
|
|
28
|
+
(prints the same manual snippet shown below, rather than guessing).
|
|
29
|
+
|
|
30
|
+
The manual steps below are both the CLI's own fallback and the accurate
|
|
31
|
+
reference for what it actually does — start here if you're wiring this
|
|
32
|
+
up by hand, or the CLI reported it couldn't:
|
|
33
|
+
|
|
16
34
|
```sh
|
|
17
35
|
npm install @kbach/react-native@beta
|
|
18
36
|
```
|
|
@@ -255,18 +273,10 @@ colors.alpha(colors.blue[6], 30);
|
|
|
255
273
|
colors.get('brand'); // a custom color, typed as plain `string`
|
|
256
274
|
```
|
|
257
275
|
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
assumption about what a 'dark variant' should be") — this was never
|
|
263
|
-
implemented in this package's history, not a regression. `colors.blue[6]`
|
|
264
|
-
returns the SAME value in both light and dark mode unless `blue-6` itself
|
|
265
|
-
is defined in the theme as a `{ light, dark }` pair (§4.1 of the root
|
|
266
|
-
AGENTS.md) — there is no built-in "flip the shade number" behavior at all.
|
|
267
|
-
If you want a color to differ by mode, define it as mode-aware in
|
|
268
|
-
`kbach.config.js`; reaching for a different numbered shade yourself is a
|
|
269
|
-
manual, app-level choice this hook has no opinion on.
|
|
276
|
+
`colors.blue[6]` returns the same value in both light and dark mode
|
|
277
|
+
unless `blue-6` itself is defined in the theme as a `{ light, dark }` pair
|
|
278
|
+
(§5.1 of the root AGENTS.md) — define a color as mode-aware in
|
|
279
|
+
`kbach.config.js` if you want it to differ by mode.
|
|
270
280
|
|
|
271
281
|
`colors.brand` (a custom flat color) is typed `string | ColorScale`
|
|
272
282
|
because the same object also serves shade families and TS can't tell them
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kbach/react-native",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.50",
|
|
4
4
|
"description": "Kbach's utility-class styling engine for React Native — the same class names as @kbach/react, resolved to a StyleSheet-ready style object via a Kotlin/JNI TurboModule (native), the same WASM engine @kbach/react uses (Expo Web / react-native-web), or a pure-JS fallback engine (Expo Go). Ships its own native Android module — one npm install, no separate native package. Beta. Native is Android-only (no iOS bridge yet); works with the React Native CLI, an Expo dev client, AND Expo Go (a reduced-coverage pure-JS fallback, since Expo Go can't load any custom native module).",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"css",
|