kerfjs 5.0.0-beta.51 → 5.0.0-beta.52
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 +24 -0
- package/ai/manifest.json +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,30 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
|
6
6
|
|
|
7
7
|
## [Unreleased]
|
|
8
8
|
|
|
9
|
+
- `@kerfjs/ui`'s `AppTab` adds `pending` for a known tab that is still
|
|
10
|
+
opening. It keeps the name visible in the quiet text color and uses it as
|
|
11
|
+
the tab's accessible name, so a trailing spinner's label is not folded in.
|
|
12
|
+
Like `placeholder`, it disables select and close, turns off dragging, and
|
|
13
|
+
sets `aria-busy`, and it shows the consumer's `trailing` spinner. It keeps
|
|
14
|
+
the live tab's pill geometry, so it swaps in place without shifting the bar.
|
|
15
|
+
Dormant tabs (placeholder or pending) no longer reveal their disabled close
|
|
16
|
+
button on hover.
|
|
17
|
+
- `@kerfjs/ui`'s `wireSidebar` moves focus into an opening panel without
|
|
18
|
+
scrolling it. A plain `focus()` scrolled the panel's clipped content to the
|
|
19
|
+
target while it was still sliding in, then the slide unwound that scroll:
|
|
20
|
+
a bottom drawer's content jumped up past its top and drifted back. The
|
|
21
|
+
collapsible-sidebar recipe also floats the drawer's expand toggle in a
|
|
22
|
+
`FloatingToolbar` at the bottom edge the drawer opens from, and drops the
|
|
23
|
+
divider under the drawer's toolbar.
|
|
24
|
+
- `@kerfjs/ui`'s `Skeleton` takes `block` (default `false`). It lays the
|
|
25
|
+
placeholder out as `display: block` instead of `inline-block`, for a
|
|
26
|
+
skeleton that stands in for a box rather than text: no text line and no
|
|
27
|
+
baseline gap of its own. `ListItem`'s placeholder icon uses it.
|
|
28
|
+
- `@kerfjs/ui/css-values` adds `remify(px)`, the runtime twin of source
|
|
29
|
+
CSS's `remify(<px>)`. It turns a pixel count into a rem `CssLength` against
|
|
30
|
+
the fixed 16px baseline, so `remify(18)` is `1.125rem`. `ListItem`'s
|
|
31
|
+
placeholder icon now uses it at 18px, and `Skeleton` no longer forces a
|
|
32
|
+
24px minimum width, so small placeholders keep the size they ask for.
|
|
9
33
|
- `@kerfjs/ui/catalog`'s application-sized (`height: "app"`) example frame
|
|
10
34
|
no longer loses taps in Safari/WebKit. The frame became the containing block
|
|
11
35
|
for screen-fixed chrome through `contain: layout`. Combined with its clip,
|
package/ai/manifest.json
CHANGED
package/package.json
CHANGED