@jskit-ai/shell-web 0.1.250 → 0.1.251
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/package.json
CHANGED
|
@@ -43,10 +43,24 @@ placement registry, topology, and adaptive smoke helper exported by
|
|
|
43
43
|
above the content so they never cover it. A full-viewport fixed screen on
|
|
44
44
|
such a surface starts at `var(--shell-error-banners-inline-height, 0px)`, as
|
|
45
45
|
`@jskit-ai/auth-web`'s login and reset views do.
|
|
46
|
-
- Restyle shell chrome through its
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
- Restyle shell chrome through its custom properties, not by overriding
|
|
47
|
+
Vuetify internals: `--shell-chrome-border-width` and
|
|
48
|
+
`--shell-chrome-border-color` for the shared dividers,
|
|
49
|
+
`--shell-app-bar-border-width`, `--shell-navigation-border-width` and
|
|
50
|
+
`--shell-bottom-navigation-border-width` per edge, and
|
|
51
|
+
`--shell-app-bar-background`, `--shell-navigation-background` and
|
|
52
|
+
`--shell-bottom-navigation-background` for the surfaces. The defaults keep
|
|
53
|
+
one thin divider on each separating edge, because Vuetify's default themes
|
|
54
|
+
define no Material 3 surface-container roles. A Material 3 restyle sets the
|
|
55
|
+
border widths to `0` and gives navigation a tonal surface, for example
|
|
56
|
+
`rgb(var(--v-theme-surface-container-low))` when the theme defines it.
|
|
57
|
+
- `createShellRouter()` from `@jskit-ai/kernel/client` installs
|
|
58
|
+
`shellScrollBehavior`: a new screen opens at the top (or its hash target),
|
|
59
|
+
Back/Forward restore the saved position, and query, hash, tab or sub-view
|
|
60
|
+
changes within the same page keep it. A tab or sub-view is the same page when
|
|
61
|
+
both locations share a parent page record below the surface root. Pass
|
|
62
|
+
`scrollBehavior` to replace it, or `scrollBehavior: false` to disable it; do
|
|
63
|
+
not wrap the router or reset scroll in page components.
|
|
50
64
|
- The adaptive browser check closes navigation through its public close control.
|
|
51
65
|
|
|
52
66
|
## Example files
|