@synopackageland/ui 0.23.1 → 0.23.3
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 +16 -0
- package/dist/cli.js +0 -0
- package/dist/composables/inputModality.d.ts +2 -0
- package/dist/index.js +8450 -8409
- package/dist/json-preview/preview.js +5843 -5802
- 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 +29 -11
- package/package.json +88 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
## 0.23.3 (2026-11-07)
|
|
6
|
+
|
|
7
|
+
Phone fixes: the FAB no longer leaves a blank band on a page whose list scrolls itself, and no focus ring on the drawer's close button after a tap. No App change is required; a DSM window and desktop are unchanged.
|
|
8
|
+
|
|
9
|
+
- **No blank band above the tab bar on a fill page with a FAB.** On a page whose content scrolls itself (`data-ui-page-fills`: `PageContent height="fill"`, or an App shell that fills it), the FAB's 88px room was padding under the list's scroller, so the list stopped about 100px above the tab bar and a full-width white band sat left of the FAB, cutting the last visible row. PageContent now finds the page's own scroller (the vertical scroller in its body that reaches its bottom; marked `data-ui-page-scroller`) and the room goes at the end of that scroller's content instead: the list runs under the FAB down to the tab bar (or the bottom accessory), only the FAB's circle covers it, and the last row can still be scrolled above the FAB (`scroll-padding-bottom` too). The scroller's own bottom padding is kept, and the App shell's `--ui-page-end-space` under it is 0 while the room is there. The room no longer comes and goes with the FAB. A fill page whose scroller is not found keeps the room under its content, as before. A page that scrolls as a whole is unchanged: its room is already at the end of what scrolls. `check:phone-layout` adds a `feed-fill-end` scene: the list reaches the tab bar with the FAB in view, and at its end the last row is above the FAB
|
|
10
|
+
- **One "…" in the phone bar** was already the rule from 0.23.0 (a page's own `DropdownMenu` in the bar takes the `headerActions` after a separator); a new test covers a record page with a FAB action, a Share button, its own "…" and several `headerActions`. An App on 0.22 or earlier still shows two
|
|
11
|
+
- **No focus ring on the drawer's close button after a tap.** Opening the navigation drawer by a tap or click (the menu button, or the tab bar's More) moved focus to its close button, and a browser could ring a button focused by script even after a tap, so the X showed a 2px primary outline. Focus now lands on the drawer panel itself, which draws no ring; Tab still stays in the drawer. Opened with Enter or Space, focus still lands on the close button with its ring. Escape, the focus trap and focus going back to the menu button are unchanged. The choice uses the same last-input signal as the dialogs' first focus
|
|
12
|
+
|
|
13
|
+
## 0.23.2 (2026-11-07)
|
|
14
|
+
|
|
15
|
+
Two phone fixes for tab pages. No App change is required; a DSM window and desktop are unchanged.
|
|
16
|
+
|
|
17
|
+
- **The drawer shows the App's whole name.** The 44px button style meant for the drawer's close button also reached a brand with an action (`@brand`), so "Library Manager" read "Library Mana…". The style now applies to the close button only, and the brand takes the drawer's row up to the close button: a name is cut with "…" only when it is longer than that
|
|
18
|
+
- **No empty bar on a tab page.** With `phone-bar-title="none"`, a bar with nothing in it (no menu button, Back, action, account entry, "…" or page action) is not drawn, so the page starts at the top instead of under an empty 44px strip, and in the DSM portal no empty bar takes the place of DSM's banner. The bar comes back as soon as it holds something. The drawer is still headed by `brand-name` and `brand-icon`, so an App can always pass its real title and brand on a tab page
|
|
19
|
+
- `check:phone-layout` takes `--scene name,…` to run only those scenes. The tab page scene now also runs with nothing in the bar (no bar, no header row, the page at the top), with an account action and the name "Library Manager" (whole in the drawer), and with a name longer than the drawer's row (cut with "…", the close button a whole 44px target)
|
|
20
|
+
|
|
5
21
|
## 0.23.1 (2026-11-07)
|
|
6
22
|
|
|
7
23
|
Phone tab pages without a title in the bar. No App change is required; a DSM window and desktop are unchanged.
|
package/dist/cli.js
CHANGED
|
File without changes
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
/** Whether the last input was a key (not a press of a mouse, finger or pen). */
|
|
2
|
+
export declare function lastInputWasKeyboard(): boolean;
|
|
1
3
|
/** Focuses `element` without scrolling, with a ring only when the last input was a key. */
|
|
2
4
|
export declare function focusLikeInput(element: HTMLElement): void;
|