@ai-matrx/design-system 0.61.7 → 0.61.8

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.61.8 — the pill guard leaves capsule tracks to their tabs
+
+- Pill guard: text inside an interactive child (link, button, tab, radio, menu item, option) is not
+  the capsule's own label. A capsule tab bar or mode switcher is a TRACK; each tab is judged alone.
+  Measured: /education/overview's capsule nav (534px "HomeCreate kitKits…") and the agent builder's
+  346px icon mode switcher were outlined as sentence pills. Guard case added (red on 0.61.7).
+
+No consumer action.
+
 ## 0.61.7 — fields type at 13px; setting-row controls hold their width; status-toned buttons; the pill guard reads only a capsule's own text
 
 - `Field` / `SearchField`: the input's `font: inherit` / `color: inherit` are now locked (`!important`
@@ -26,16 +35,12 @@ Consumer action: none required; a status door can now pass `tone` instead of a c
   /demos/ui-unification/system: a disabled "Exporting" Button read 24.9px vs 11.0px and was
   outlined red while it was balanced. Guard case added (red on 0.61.5).
 
-No consumer action.
-
-## Unreleased — the local-sort fact moves onto the sort control
-
 - A local sort over a partial source no longer prints a sentence under the toolbar ("Sorted within
   this source page; other pages keep the server order."). The fact rides the sorted column's own
   sort control: its tooltip and a screen-reader line (`data-matrx-table-local-sort-scope`), via the
   new `ColumnHeaderCell` `sortScope` prop. Interface text is layout, never prose (owner, 2026-10-04).
 
-Consumer action: a host whose source really sorts every row declares
+Consumer action (local-sort move): a host whose source really sorts every row declares
 `sourceProcessing: { sort: "source" }` so the table never claims otherwise.
 
 ## 0.61.5 — the pill-inset guard asks only about centred content

package/dist/index.cjs

@@ -681,6 +681,7 @@ function describe(el) {
   const t = (el.textContent ?? "").replace(/\s+/g, " ").trim();
   return t.length > 60 ? `${t.slice(0, 57)}\u2026` : t;
 }
+var INTERACTIVE = 'a[href],button,[role="tab"],[role="button"],[role="radio"],[role="link"],[role="menuitem"],[role="option"]';
 function ownTextNodes(el, view) {
   const out = [];
   const walker = el.ownerDocument.createTreeWalker(
@@ -692,7 +693,7 @@ function ownTextNodes(el, view) {
     let offFlow = false;
     for (let p = n.parentElement; p && p !== el; p = p.parentElement) {
       const pcs = view.getComputedStyle(p);
-      if (pcs.position === "absolute" || pcs.position === "fixed" || pcs.display === "none") {
+      if (pcs.position === "absolute" || pcs.position === "fixed" || pcs.display === "none" || p.matches(INTERACTIVE)) {
         offFlow = true;
         break;
       }