@ai-matrx/design-system 0.61.6 → 0.61.8

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # 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`
+  in `matrx-tap-lock`). Unlocked, they lost to a host's base-layer `input { font-size }` — in
+  matrx-frontend every field typed and showed its placeholder at 17px inside a 13px capsule.
+- `SettingRow`: its controls never shrink (`flex-shrink: 0`); the label and line truncate first. On a
+  375px phone a long line squeezed each row's Switch to a different x, one onto the card edge.
+- `Button` takes `tone` (`primary | success | warning | destructive | info`), the Badge's role-token
+  tint, for a button that reports a state (a drift door with its severity). A call-site class
+  cannot tint a locked control; this is the sanctioned way.
+- Pill guard: only the capsule's own in-flow text is its label. A count badge pinned to an icon disc
+  (`absolute`) and `sr-only` labels are no longer read as the disc's text, and the line count reads
+  text line boxes only (a range over the element also returned its svg and positioned children).
+  Fixes the false "[pill-guard] pill wraps to 2 lines holding \"4\"" on the shell's assists dock on
+  every page, and the 346px "ViewBuildRun…" false positive on an icon-only tab group. Guard case
+  added (red on 0.61.6).
+
+Consumer action: none required; a status door can now pass `tone` instead of a className tint.
+
 ## 0.61.6 — the pill guard does not judge a spinner mid-turn
 
 - `findPillInsetWarning` judges a rotating glyph (a busy control's spinner) by its layout box,
@@ -7,16 +35,12 @@
   /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/controls.cjs

@@ -781,7 +781,7 @@ function glyphSlot(icon, iconEnd, label) {
   return void 0;
 }
 var Button2 = React7.forwardRef(
-  ({ className, variant = "outline", icon, iconEnd, asChild = false, children, onClick, type, ...props }, ref) => {
+  ({ className, variant = "outline", tone, icon, iconEnd, asChild = false, children, onClick, type, ...props }, ref) => {
     const Component = asChild ? import_react_slot2.Slot : "button";
     const ariaDisabled = props["aria-disabled"];
     const disabledChild = asChild && Boolean(props.disabled);
@@ -794,6 +794,7 @@ var Button2 = React7.forwardRef(
         type: asChild ? void 0 : type ?? "button",
         "data-matrx-control": "button",
         "data-variant": variant,
+        "data-tone": tone && tone !== "neutral" ? tone : void 0,
         "data-glyph": glyphSlot(icon, iconEnd, label),
         className: cn("matrx-control matrx-control-button matrx-glyph-trim", className),
         ...props,