@ai-matrx/design-system 0.61.6 → 0.61.7

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## 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,

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,