@gryt/ui-native 0.1.0 → 0.2.0

package/README.md

@@ -3,19 +3,34 @@
 Gryt's design system on React Native. The same tokens as `@gryt/ui`, a different
 renderer.
 
+## Install
+
+```sh
+npm install @gryt/ui-native
+```
+
+```sh
+bun add @gryt/ui-native
+pnpm add @gryt/ui-native
+yarn add @gryt/ui-native
+```
+
+Your app provides `react` and `react-native`. `@gryt/ui` comes with it, for the
+colour maths described below, and nothing from its main entry is loaded.
+
 ## Status
 
-**Private, and not published.** Thirty-three components across the overlays, the
-form controls, and the layout and feedback set. Flip `private` off once there is
-a reason to install it.
+Thirty-three components across the overlays, the form controls, and the layout
+and feedback set.
 
-Still missing, and all Gryt-specific or built on something not here yet:
-Composer, ConversationItem, MessageBubble, NavigationMenu, ContextMenu, Drawer,
-PreviewCard, Toolbar, Form, Toast, ScrollArea, Accordion, Autocomplete,
-Combobox, NumberField and OtpField.
+Ten are still missing, against 42 in `@gryt/ui`: Autocomplete, Combobox,
+Composer, ContextMenu, ConversationItem, Form, IconButton, MessageBubble,
+NavigationMenu and PreviewCard. Most of them are Gryt-specific and want a screen
+to design against rather than a web component to copy.
 
 Tracked in GRYT-342. The goal is 1:1 with `@gryt/ui`: every component, matching
-behaviour, no mobile-only limits.
+behaviour, no mobile-only limits. The exceptions below are the honest distance
+from that.
 
 ## The tokens are imported, not copied
 
@@ -76,11 +91,14 @@ goal, so the honest list is worth more than a claim of parity that isn't one.
 
 ## Not Node-importable
 
-The build is unbundled `tsc` output with extensionless relative imports, which
-is what Metro wants: it resolves `.native.ts` and `.web.ts` per file, and a
-bundle would have no files left to pick between. That also means plain Node
-cannot import `dist/index.js` — it would fail on `react-native` regardless, so
-nothing is lost, but do not add a Node-side consumer expecting it to work.
+The build is unbundled `tsc` output, which is what Metro wants: it resolves
+`.native.ts` and `.web.ts` per file, and a bundle would have no files left to
+pick between. A post-build step appends the `.js` extensions Node's resolver
+needs, so the module graph resolves rather than only working under a bundler.
+
+Importing `dist/index.js` from plain Node still fails, on `react-native`, which
+Node cannot load either. Nothing is lost by that, but do not add a Node-side
+consumer expecting it to work.
 
 The theme layer is testable without a native runtime, which is what
 `createNativeTheme.test.ts` covers.

package/dist/theme/createNativeTheme.d.ts

@@ -1,13 +1,13 @@
-import { grytTokens } from "@gryt/ui/theme";
+import { grytTokens } from "@gryt/theme";
 /**
  * The same theme, without CSS.
  *
- * `createGrytTheme` in `@gryt/ui` returns `CSSProperties` — a map of
+ * `createGrytTheme` in `@gryt/theme` returns `CSSProperties` — a map of
  * `--gryt-accent-9` style custom properties. React Native has no custom
  * properties and no cascade, so it cannot consume that at all.
  *
  * What it can consume is the maths underneath. `neutralScale`, `hueScale` and
- * `alphaScale` are exported from `@gryt/ui/theme` for exactly this, so the two
+ * `alphaScale` are exported from `@gryt/theme` for exactly this, so the two
  * renderers compute their ramps from one implementation of the OKLab
  * conversions rather than two. A copy here would drift the moment somebody
  * tunes a curve on the web.

package/dist/theme/createNativeTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createNativeTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createNativeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAKX,MAAM,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,yEAAyE;AACzE,MAAM,MAAM,IAAI,GAAG,SAAS,MAAM,EAAE,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,cAAc,CAAC;IAC3B,sEAAsE;IACtE,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,yEAAyE;IACzE,MAAM,EAAE;QACN,OAAO,EAAE,IAAI,CAAC;QACd,MAAM,EAAE,IAAI,CAAC;QACb,SAAS,EAAE,IAAI,CAAC;QAChB,OAAO,EAAE,IAAI,CAAC;QACd,MAAM,EAAE,IAAI,CAAC;QACb,OAAO,EAAE,IAAI,CAAC;KACf,CAAC;IACF;;;;;;OAMG;IACH,KAAK,EAAE;QACL,OAAO,EAAE,IAAI,CAAC;QACd,MAAM,EAAE,IAAI,CAAC;KACd,CAAC;IACF,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACzE,4EAA4E;IAC5E,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AAID,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,kBAAuB,GAAG,WAAW,CAkE/E;AAED,eAAO,MAAM,SAAS,aAAsB,CAAC;AAC7C,eAAO,MAAM,UAAU,aAA6C,CAAC"}
+{"version":3,"file":"createNativeTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createNativeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAKX,MAAM,aAAa,CAAC;AAErB;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,yEAAyE;AACzE,MAAM,MAAM,IAAI,GAAG,SAAS,MAAM,EAAE,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,cAAc,CAAC;IAC3B,sEAAsE;IACtE,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,yEAAyE;IACzE,MAAM,EAAE;QACN,OAAO,EAAE,IAAI,CAAC;QACd,MAAM,EAAE,IAAI,CAAC;QACb,SAAS,EAAE,IAAI,CAAC;QAChB,OAAO,EAAE,IAAI,CAAC;QACd,MAAM,EAAE,IAAI,CAAC;QACb,OAAO,EAAE,IAAI,CAAC;KACf,CAAC;IACF;;;;;;OAMG;IACH,KAAK,EAAE;QACL,OAAO,EAAE,IAAI,CAAC;QACd,MAAM,EAAE,IAAI,CAAC;KACd,CAAC;IACF,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACzE,4EAA4E;IAC5E,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AAID,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,kBAAuB,GAAG,WAAW,CAkE/E;AAED,eAAO,MAAM,SAAS,aAAsB,CAAC;AAC7C,eAAO,MAAM,UAAU,aAA6C,CAAC"}

package/dist/theme/createNativeTheme.js

@@ -1,4 +1,4 @@
-import { alphaScale, grytLightTokens, grytTokens, hueScale, hueScaleLight, neutralScale, neutralScaleLight, } from "@gryt/ui/theme";
+import { alphaScale, grytLightTokens, grytTokens, hueScale, hueScaleLight, neutralScale, neutralScaleLight, } from "@gryt/theme";
 const SPACE_UNIT = 4;
 export function createNativeTheme(options = {}) {
     const light = options.appearance === "light";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gryt/ui-native",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "license": "MIT",
   "description": "Gryt's design system on React Native. Same tokens as @gryt/ui, a different renderer.",
@@ -35,7 +35,7 @@
     "react-native": ">=0.76.0"
   },
   "dependencies": {
-    "@gryt/ui": "workspace:*"
+    "@gryt/theme": "^0.1.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",