@synopackageland/ui 0.19.0 → 0.19.1
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 +6 -0
- package/dist/index.js +7 -0
- package/dist/json-preview/preview.js +5 -0
- 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/theme-hooks.md +21 -0
- package/package.json +1 -77
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.19.1 (2026-11-01)
|
|
4
|
+
|
|
5
|
+
- Fix the hand cursor and hover wash blinking when the pointer rests between two `AppSidebar` rows, top navigation items, `Tabs` or `SegmentControl` segments that a theme spaces apart. These rows now carry `data-ui-hit-row`, whose invisible `::after` makes the room up to the next row (`--ui-hit-row-slop`, 6px) part of the row; nothing is drawn and nothing moves ([theme hooks](docs/theme-hooks.md#hover-hit-areas)).
|
|
6
|
+
- New test `tests/hover-geometry.test.ts` fails on a `:hover` rule or Tailwind `hover:` utility that moves or resizes the hovered element itself.
|
|
7
|
+
- Fix the release tarball audit to accept CLI paths with or without a leading `./`, matching npm's normalized `bin` metadata.
|
|
8
|
+
|
|
3
9
|
## 0.19.0 (2026-11-01)
|
|
4
10
|
|
|
5
11
|
Components move a little by default, so an App gets it by upgrading. Only opacity, transforms and height through grid rows move; nothing bounces or loops. Exits are shorter than entrances and let clicks through at once, nothing animates on first render, and `prefers-reduced-motion: reduce` makes all of it instant.
|
package/dist/index.js
CHANGED
|
@@ -23112,6 +23112,7 @@ const d$ = ["data-overflow-start", "data-overflow-end"], FF = /* @__PURE__ */ O(
|
|
|
23112
23112
|
value: p.value,
|
|
23113
23113
|
disabled: p.disabled,
|
|
23114
23114
|
"data-ui-tab-value": p.value,
|
|
23115
|
+
"data-ui-hit-row": "inline",
|
|
23115
23116
|
class: "relative h-9 border-0 bg-transparent px-3 text-[length:var(--ui-font-size-lg)] font-bold text-[var(--ui-text)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] active:text-[var(--ui-primary-active)] data-[state=active]:text-[var(--ui-primary)] data-[state=active]:hover:bg-transparent data-[state=active]:hover:text-[var(--ui-primary)] disabled:hover:bg-transparent focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)] disabled:opacity-40"
|
|
23116
23117
|
}, {
|
|
23117
23118
|
default: _(() => [
|
|
@@ -24907,6 +24908,7 @@ const RE = ["aria-label", "aria-labelledby"], sz = /* @__PURE__ */ O({
|
|
|
24907
24908
|
}, L.$attrs, {
|
|
24908
24909
|
type: "button",
|
|
24909
24910
|
role: "tab",
|
|
24911
|
+
"data-ui-hit-row": "inline",
|
|
24910
24912
|
"aria-selected": s.value ? "true" : "false",
|
|
24911
24913
|
"aria-label": a.ariaLabel,
|
|
24912
24914
|
"aria-disabled": u.value ? "true" : void 0,
|
|
@@ -34957,6 +34959,7 @@ const GR = /* @__PURE__ */ O({
|
|
|
34957
34959
|
key: 0,
|
|
34958
34960
|
type: "button",
|
|
34959
34961
|
"data-nav-branch": "",
|
|
34962
|
+
"data-ui-hit-row": "",
|
|
34960
34963
|
"data-nav-toggle": h.key,
|
|
34961
34964
|
"data-nav-item": h.selectable ? "" : void 0,
|
|
34962
34965
|
disabled: h.disabled,
|
|
@@ -34987,6 +34990,7 @@ const GR = /* @__PURE__ */ O({
|
|
|
34987
34990
|
key: 1,
|
|
34988
34991
|
type: "button",
|
|
34989
34992
|
"data-nav-item": "",
|
|
34993
|
+
"data-ui-hit-row": "",
|
|
34990
34994
|
disabled: h.disabled,
|
|
34991
34995
|
"aria-current": t.modelValue === h.key ? "page" : void 0,
|
|
34992
34996
|
class: J(f(h)),
|
|
@@ -35078,6 +35082,7 @@ const GR = /* @__PURE__ */ O({
|
|
|
35078
35082
|
"data-ui-top-nav-more": t.overflow ? "" : void 0,
|
|
35079
35083
|
"data-ui-selected": t.overflow && o(p, t.modelValue) ? "true" : void 0,
|
|
35080
35084
|
"data-nav-branch": "",
|
|
35085
|
+
"data-ui-hit-row": "inline",
|
|
35081
35086
|
"data-nav-toggle": p.key,
|
|
35082
35087
|
"data-nav-item": p.selectable ? "" : void 0,
|
|
35083
35088
|
"data-nav-contains-current": o(p, t.modelValue) || void 0,
|
|
@@ -35108,6 +35113,7 @@ const GR = /* @__PURE__ */ O({
|
|
|
35108
35113
|
key: 1,
|
|
35109
35114
|
type: "button",
|
|
35110
35115
|
"data-nav-item": "",
|
|
35116
|
+
"data-ui-hit-row": "inline",
|
|
35111
35117
|
disabled: p.disabled,
|
|
35112
35118
|
"aria-current": t.modelValue === p.key ? "page" : void 0,
|
|
35113
35119
|
class: J(u(t.modelValue === p.key)),
|
|
@@ -35325,6 +35331,7 @@ const GR = /* @__PURE__ */ O({
|
|
|
35325
35331
|
key: 0,
|
|
35326
35332
|
type: "button",
|
|
35327
35333
|
"data-group-toggle": "",
|
|
35334
|
+
"data-ui-hit-row": "",
|
|
35328
35335
|
"data-nav-group-label": "",
|
|
35329
35336
|
"aria-expanded": m(F),
|
|
35330
35337
|
class: "flex h-6 w-full items-center gap-1 border-0 bg-transparent px-[11px] text-left text-[12px] font-bold text-[var(--ui-text-secondary)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
|
|
@@ -26369,6 +26369,7 @@ const gN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
|
|
|
26369
26369
|
key: 0,
|
|
26370
26370
|
type: "button",
|
|
26371
26371
|
"data-nav-branch": "",
|
|
26372
|
+
"data-ui-hit-row": "",
|
|
26372
26373
|
"data-nav-toggle": m.key,
|
|
26373
26374
|
"data-nav-item": m.selectable ? "" : void 0,
|
|
26374
26375
|
disabled: m.disabled,
|
|
@@ -26399,6 +26400,7 @@ const gN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
|
|
|
26399
26400
|
key: 1,
|
|
26400
26401
|
type: "button",
|
|
26401
26402
|
"data-nav-item": "",
|
|
26403
|
+
"data-ui-hit-row": "",
|
|
26402
26404
|
disabled: m.disabled,
|
|
26403
26405
|
"aria-current": n.modelValue === m.key ? "page" : void 0,
|
|
26404
26406
|
class: X(u(m)),
|
|
@@ -26490,6 +26492,7 @@ const gN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
|
|
|
26490
26492
|
"data-ui-top-nav-more": n.overflow ? "" : void 0,
|
|
26491
26493
|
"data-ui-selected": n.overflow && r(d, n.modelValue) ? "true" : void 0,
|
|
26492
26494
|
"data-nav-branch": "",
|
|
26495
|
+
"data-ui-hit-row": "inline",
|
|
26493
26496
|
"data-nav-toggle": d.key,
|
|
26494
26497
|
"data-nav-item": d.selectable ? "" : void 0,
|
|
26495
26498
|
"data-nav-contains-current": r(d, n.modelValue) || void 0,
|
|
@@ -26520,6 +26523,7 @@ const gN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
|
|
|
26520
26523
|
key: 1,
|
|
26521
26524
|
type: "button",
|
|
26522
26525
|
"data-nav-item": "",
|
|
26526
|
+
"data-ui-hit-row": "inline",
|
|
26523
26527
|
disabled: d.disabled,
|
|
26524
26528
|
"aria-current": n.modelValue === d.key ? "page" : void 0,
|
|
26525
26529
|
class: X(l(n.modelValue === d.key)),
|
|
@@ -26737,6 +26741,7 @@ const gN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
|
|
|
26737
26741
|
key: 0,
|
|
26738
26742
|
type: "button",
|
|
26739
26743
|
"data-group-toggle": "",
|
|
26744
|
+
"data-ui-hit-row": "",
|
|
26740
26745
|
"data-nav-group-label": "",
|
|
26741
26746
|
"aria-expanded": h(A),
|
|
26742
26747
|
class: "flex h-6 w-full items-center gap-1 border-0 bg-transparent px-[11px] text-left text-[12px] font-bold text-[var(--ui-text-secondary)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
|
package/dist/reka-runtime.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"version": "2.10.5",
|
|
4
4
|
"delivery": "bundled-patched-esm",
|
|
5
5
|
"patchManifestSha256": "14f10159b60d48ac7a0686f58faf7a30e99898dc267b3c032cf2bdd6052dc52b",
|
|
6
|
-
"bundleSha256": "
|
|
6
|
+
"bundleSha256": "13719453c039e3e76a59238ef59915e38a44e7954b6b4e33601aebdc6d97dcfd",
|
|
7
7
|
"sourceHashes": {
|
|
8
8
|
"shared/useBodyScrollLock.js": "657592f283cb6fd25454abd284a0024af21936cb56e05b762ff0d22b6a979d32",
|
|
9
9
|
"DismissableLayer/DismissableLayer.js": "da05ca544d9822a8e2b71057e78c0e1ef59423aa3893534338fb58e1ecbd1a8d",
|