@jsenv/navi 0.29.519 → 0.29.521
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/dist/dev/jsenv_navi.js +11 -1
- package/dist/dev/jsenv_navi.js.map +2 -2
- package/dist/jsenv_navi.js +11 -1
- package/dist/jsenv_navi.js.map +2 -2
- package/docs/drag_to_travel.md +4 -2
- package/docs/mobile_touch.md +4 -2
- package/package.json +2 -2
package/dist/jsenv_navi.js
CHANGED
|
@@ -56317,6 +56317,7 @@ const css$$ = /* css */`@layer navi {
|
|
|
56317
56317
|
|
|
56318
56318
|
&[data-stretch] {
|
|
56319
56319
|
z-index: auto;
|
|
56320
|
+
outline-width: 0;
|
|
56320
56321
|
position: static;
|
|
56321
56322
|
|
|
56322
56323
|
&:after {
|
|
@@ -56324,6 +56325,12 @@ const css$$ = /* css */`@layer navi {
|
|
|
56324
56325
|
position: absolute;
|
|
56325
56326
|
inset: 0;
|
|
56326
56327
|
}
|
|
56328
|
+
|
|
56329
|
+
&[data-focus-visible]:after {
|
|
56330
|
+
border-radius: var(--link-border-radius);
|
|
56331
|
+
outline: var(--link-outline-width) solid var(--link-outline-color);
|
|
56332
|
+
outline-offset: calc(-1 * var(--link-outline-width));
|
|
56333
|
+
}
|
|
56327
56334
|
}
|
|
56328
56335
|
|
|
56329
56336
|
&[data-readonly] > * {
|
|
@@ -56547,7 +56554,10 @@ const LinkPseudoElements = ["::-navi-loader", "::-navi-indicator"];
|
|
|
56547
56554
|
* positioned; navi's `Text` is not. A control in the row that keeps its own
|
|
56548
56555
|
* press sits above the area when it is positioned and comes after the link
|
|
56549
56556
|
* (navi's `Button` is positioned); one written before the link is raised
|
|
56550
|
-
* with a `z-index`. The link is never positioned itself, in any state.
|
|
56557
|
+
* with a `z-index`. The link is never positioned itself, in any state. The
|
|
56558
|
+
* focus ring is drawn inside the press area and cannot read the ancestor's
|
|
56559
|
+
* radius: a rounded ancestor repeats it on the link
|
|
56560
|
+
* (`<Link stretch borderRadius="m">`).
|
|
56551
56561
|
* @param {boolean} [props.hrefFallback] - Use `href` as the visible text when
|
|
56552
56562
|
* no children are given; defaults to `true` unless `anchor`.
|
|
56553
56563
|
* @param {string|{type?: string, duration?: number|string, direction?: "forward"|"back"}} [props.routeTransition] -
|