@microbit/ui 0.1.0-alpha.23 → 0.1.0-alpha.24

package/README.md

@@ -92,6 +92,17 @@ node_modules/@microbit/ui/lang/ui.fr.json --ast --out-file ...` (multiple
    the tree (e.g. the Android hardware back button).
 7. **`ToastProvider`** once near the root, inside the two providers above.
 
+## Upgrading in an app
+
+After bumping the `@microbit/ui` version:
+
+1. `npm install` — the apps' postinstall runs `panda codegen`, but incremental
+   codegen does not detect external preset changes, so regenerate clean:
+   `rm -rf styled-system && npm run panda`.
+2. `npm run i18n:compile` — recompiles the app's per-locale catalogs so new
+   and retranslated `ui.*` strings ship (otherwise they fall back to English,
+   or stay missing).
+
 ## Legacy browser support (Safari < 15) — temporary
 
 Panda's output uses two things Safari below 15 mishandles. If an app must

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microbit/ui",
-  "version": "0.1.0-alpha.23",
+  "version": "0.1.0-alpha.24",
   "description": "micro:bit design-system primitives: react-aria-components + Panda CSS with a design language ported from Chakra UI v2. Ships as source; see README for the consumption setup.",
   "license": "MIT",
   "type": "module",

package/src/base-preset.ts

@@ -288,7 +288,8 @@ export const basePreset = definePreset({
       touchAction: "manipulation",
     },
     body: {
-      position: "relative",
+      // No `position: relative` (Chakra had it): it breaks react-aria's
+      // overlay positioning — see Tooltip's "In a scrolling page" story.
       minHeight: "100%",
       fontFeatureSettings: '"kern"',
       fontFamily: "body",