@synopackageland/ui 0.20.14 → 0.20.15
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 +5 -0
- package/dist/composables/openerFocus.d.ts +14 -0
- package/dist/index.js +8794 -8760
- package/dist/json-preview/preview.js +7724 -7693
- 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/adaptive-layout.md +13 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
## 0.20.15 (2026-11-06)
|
|
6
|
+
|
|
7
|
+
- On a short touch screen (a coarse pointer, at most 480px tall: a tablet or a phone in landscape), a settings page's section strip and Reset / Apply footer are compact again: the `SectionTabs` strip is drawn 36px tall and the footer 48px (Apply 36px), instead of 44px and 64px since 0.20.13, so at 753x239 the rows between them get 147px or more instead of 131px. Every tab and footer button keeps a 44px tap box from the hit slop (`data-ui-hit`): a tab's reaches 8px down over the top of the page, a button's 4px up and down inside the footer, and neither scrolls anything or covers a neighbour. Taller touch layouts keep their 44px strip and buttons (docs/adaptive-layout.md, "Short screens")
|
|
8
|
+
- Dialog, Drawer (`Sheet`) and `BottomSheet` give focus back to the element that opened them when Escape or the Close button shuts them, if it is still on the page: a dialog opened from a click handler rather than its `trigger` slot, a bottom sheet (every Dialog and Drawer on a phone), and a button a click did not focus (Safari, touch) used to leave focus on `<body>`. A `closeAutoFocus` listener that prevents the default still places focus itself. Apps can drop a local workaround that refocuses the opener
|
|
9
|
+
|
|
5
10
|
## 0.20.14 (2026-11-05)
|
|
6
11
|
|
|
7
12
|
- On a touch screen, a small control's 44px tap box no longer makes a page scroll sideways. A 36px IconButton flush with the right of a header row reached 4px past the page scroller, so a sideways drag moved the page. AppLayout's column and page area and every `PageContent` now clip their children sideways on touch: the box keeps its full 44px wherever the page has room, vertical scrolling and sticky headers are unchanged, and tables and code blocks that scroll sideways keep scrolling. Apps can drop a local `overflow-x: clip` / `overflow-x: hidden` added for this on page content inside a `PageContent` (docs/mobile-native.md, "Hit area")
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Gives focus back to the element that opened an overlay.
|
|
3
|
+
*
|
|
4
|
+
* Reka's Drawer returns no focus on close, and its Dialog returns it only to
|
|
5
|
+
* an element that had focus when the content mounted, so a bottom sheet, and
|
|
6
|
+
* a dialog opened by a click that did not focus its button (Safari, touch),
|
|
7
|
+
* left focus on <body> when Escape or the Close button shut it. The opener is
|
|
8
|
+
* the focused element when `open` turns true, else the control just pressed.
|
|
9
|
+
* The returned handler, called from the content's `closeAutoFocus` after the
|
|
10
|
+
* consumer's own listener, focuses it if it is still in the document and can
|
|
11
|
+
* take focus. A consumer that prevents the default keeps full control; an
|
|
12
|
+
* opener that is gone or cannot take focus leaves Reka's default.
|
|
13
|
+
*/
|
|
14
|
+
export declare function useOpenerFocus(open: () => boolean): (event: Event) => void;
|