@orianatech/pire 0.11.0 → 0.12.0

package/dist/components/data/LinkList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/data/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,wEAAwE;IACxE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,sGAAsG;AACtG,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAa9E"}
+{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/data/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,wEAAwE;IACxE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,sGAAsG;AACtG,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAmB9E"}

package/dist/components.css

@@ -19,7 +19,9 @@
 .pire-btn[data-variant="secondary"][data-pressed]{background:var(--blue-20)}
 .pire-btn[data-variant="tertiary"]{background:transparent;color:var(--text-link)}
 .pire-btn[data-variant="tertiary"][data-hovered]{background:var(--surface-hover)}
-.pire-btn[data-variant="tertiary"][data-pressed]{background:var(--surface-active)}
+/* The label deepens with the press, not just the background. `--surface-active` is the strongest
+   tint in the neutral ramp, and holding the resting link colour against it leaves 4.03:1 in dark. */
+.pire-btn[data-variant="tertiary"][data-pressed]{background:var(--surface-active);color:var(--text-link-hover)}
 .pire-btn[data-variant="danger"]{background:var(--danger-bg);color:var(--accent-fg);border-color:var(--danger-bg)}
 .pire-btn[data-variant="danger"][data-hovered]{background:var(--danger-bg-hover);border-color:var(--danger-bg-hover)}
 .pire-btn[data-variant="emphasized"]{background:var(--surface-shell);color:var(--accent-fg);border-color:var(--surface-shell)}
@@ -367,8 +369,13 @@
 
 /* ---- LinkList ---------------------------------------------------------- */
 .pire-linklist{display:flex;flex-direction:column}
+/* The role="listitem" wrapper that satisfies aria-required-children. It lays out rather than
+   disappearing: display:contents would drop it from the accessibility tree in some engines, which
+   is the one thing it exists to be in. */
+.pire-linklist-row{display:flex}
 .pire-linklist-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:var(--row-h-regular);padding:0 var(--sp-1);border:0;border-bottom:1px solid var(--border-subtle);background:transparent;text-align:left;cursor:pointer;color:var(--text-primary);transition:var(--transition-control)}
-.pire-linklist-item:last-child{border-bottom:0}
+/* The button is no longer its parent's last child — the wrapper is. */
+.pire-linklist-row:last-child .pire-linklist-item{border-bottom:0}
 .pire-linklist-item[data-hovered]{background:var(--surface-hover)}
 .pire-linklist-key{font:var(--type-code)}
 .pire-linklist-text{flex:1;min-width:0;font:var(--type-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -539,7 +546,7 @@
 /* Sits over the icon's top-right. The button is position:relative only when a count is present,
    so nothing else about its layout changes for the common case. */
 .pire-iconbtn[data-has-count="true"]{position:relative}
-.pire-iconbtn-count{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--sp-1);border-radius:var(--radius-pill);background:var(--status-negative-fg);color:var(--text-inverse);font:var(--type-micro);font-weight:var(--fw-semibold);line-height:1;pointer-events:none}
+.pire-iconbtn-count{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--sp-1);border-radius:var(--radius-pill);background:var(--status-negative-fg);color:var(--text-on-status);font:var(--type-micro);font-weight:var(--fw-semibold);line-height:1;pointer-events:none}
 .pire-iconbtn-count[data-variant="dot"]{min-width:8px;width:8px;height:8px;padding:0;top:4px;right:4px}
 .pire-iconbtn[data-variant="inverse"] .pire-iconbtn-count{box-shadow:0 0 0 2px var(--surface-shell)}
 

package/dist/index.cjs

@@ -2969,12 +2969,12 @@ function colorForSegment(index) {
 var import_react_aria_components29 = require("react-aria-components");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function LinkList({ items, onSelect, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react_aria_components29.Button, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react_aria_components29.Button, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
     item.icon ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
     item.key ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pire-linklist-key", children: item.key }) : null,
     item.text ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pire-linklist-text", children: item.text }) : null,
     item.trailing
-  ] }, item.id)) });
+  ] }) }, item.id)) });
 }
 
 // src/components/layout/PageBand.tsx