@synopackageland/ui 0.21.0 → 0.21.1
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/CHANGELOG.md +8 -0
- package/dist/cli.js +0 -0
- package/dist/index.js +3505 -3499
- package/dist/json-preview/preview.js +1014 -1008
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/mobile-native.md +10 -2
- package/package.json +59 -66
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
## 0.21.1 (2026-11-07)
|
|
6
|
+
|
|
7
|
+
Native phone shell fixes. No App change is required; pages without a FAB, a DSM window and desktop are unchanged.
|
|
8
|
+
|
|
9
|
+
- **Toasts clear the FAB.** On a touch phone a toast sat over the FAB (at 390x844, the toast at y 730–780 and the FAB at 715–771). While a page shows a FAB (page actions or a `PageFab`), the toast now sits 8px above it; while the FAB is hidden on scroll or by the keyboard, the toast goes back to its own place. While the speed dial is open the toast fades out, so it never covers a pill, and it comes back when the dial closes. It moves with the bars in `--ui-motion-bars`, at once with reduced motion
|
|
10
|
+
- **IconButtons in the speed dial are labelled pills.** An `IconButton` among the page actions (such as "More actions", which opens a menu) became a 48px circle in the dial with its name spilling out of it. Every dial pill is now its icon and its text: an action with no text of its own shows its `aria-label`, or else its `title` (copied to `data-ui-fab-label`), and the pill sizes to it, a name too long for the screen ending in an ellipsis. A menu trigger stays in the dial and keeps it open until its menu closes
|
|
11
|
+
- `check:phone-layout` adds a list page with a More actions menu in the dial and a toast with one FAB and with the dial, at 390x844, 360x800 and 390x664 with touch, in a DSM window and on desktop, in English and Traditional Chinese: each pill holds its whole label, the toast sits above a shown FAB, steps aside while the dial is open and is back down while the FAB is hidden, keeps the bottom right off a phone, and moves at once with reduced motion
|
|
12
|
+
|
|
5
13
|
## 0.21.0 (2026-11-07)
|
|
6
14
|
|
|
7
15
|
Native phone shell. A *touch phone* is an `AppLayout` 640px or narrower under a coarse pointer (`data-ui-phone`). A narrow DSM window driven by a mouse, tablets and desktop are unchanged. No App change is required; every new behaviour has an opt-out (docs/mobile-native.md, "Native phone shell").
|
package/dist/cli.js
CHANGED
|
File without changes
|