@tensor_1/tokens 2.10.0 → 2.11.0

package/build/css/components.css

@@ -207,8 +207,7 @@
   }
   .uix-checkbox > input:checked + .uix-checkbox__box,
   .uix-checkbox > input:indeterminate + .uix-checkbox__box { background: var(--uix-accent); border-color: var(--uix-accent); }
-  .uix-checkbox > input:checked + .uix-checkbox__box svg,
-  .uix-checkbox > input:indeterminate + .uix-checkbox__box svg { opacity: 1; transform: none; } /* indeterminate shows its dash icon, not just the filled box (UIX-A11Y-3) */
+  .uix-checkbox > input:checked + .uix-checkbox__box svg { opacity: 1; transform: none; }
   .uix-checkbox > input:focus-visible + .uix-checkbox__box { outline: 2px solid var(--uix-ring); outline-offset: 2px; }
   .uix-checkbox > input:disabled ~ * { opacity: .5; }
 }
@@ -260,7 +259,7 @@
     transition: background-color var(--uix-dur-fast) var(--uix-ease-out), color var(--uix-dur-fast) var(--uix-ease-out);
   }
   .uix-segmented__option:hover { color: var(--uix-text); }
-  .uix-segmented__option[aria-pressed="true"] { background: var(--uix-surface); color: var(--uix-text); box-shadow: var(--uix-shadow-sm); }
+  .uix-segmented__option[aria-selected="true"], .uix-segmented__option[aria-pressed="true"] { background: var(--uix-surface); color: var(--uix-text); box-shadow: var(--uix-shadow-sm); }
   .uix-segmented__option:focus-visible { outline: 2px solid var(--uix-ring); outline-offset: 1px; }
 }
 /* uix slider (native range, styled) — depends only on --uix-* tokens. */
@@ -334,9 +333,7 @@
     display: inline-flex; align-items: center; gap: var(--uix-space-1); padding: var(--uix-space-1) var(--uix-space-1) var(--uix-space-1) var(--uix-space-2); border-radius: var(--uix-radius-sm);
     background: var(--uix-bg-active); color: var(--uix-text); font-size: var(--uix-text-meta);
   }
-  .uix-tag__remove { position: relative; display: grid; place-items: center; width: 16px; height: 16px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); }
-  /* Invisible overlay grows the 16px visual to a 24px hit target (UIX-A11Y-3). */
-  .uix-tag__remove::before { content: ""; position: absolute; inset: -4px; }
+  .uix-tag__remove { display: grid; place-items: center; width: 16px; height: 16px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); }
   .uix-tag__remove:hover { background: var(--uix-bg-hover); color: var(--uix-text); }
   .uix-tag__remove svg { width: 12px; height: 12px; }
 }
@@ -345,11 +342,6 @@
   .uix-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--uix-space-5); }
   .uix-fieldset { border: 1px solid var(--uix-border); border-radius: var(--uix-radius-lg); padding: var(--uix-space-6); }
   .uix-fieldset > legend { padding: 0 var(--uix-space-2); font-size: var(--uix-text-meta); font-weight: 600; color: var(--uix-text); }
-  /* Labeled RadioGroup renders as a fieldset (UIX-A11Y-3): strip the UA chrome so it
-     looks identical to the plain-div group; the legend spaces itself (fieldset gap
-     doesn't reach a legend). */
-  fieldset.uix-radio-group { border: 0; margin: 0; padding: 0; min-inline-size: auto; }
-  .uix-radio-group__legend { padding: 0; margin: 0 0 var(--uix-space-2); font-size: var(--uix-text-meta); font-weight: 600; color: var(--uix-text); }
   .uix-form-inline { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--uix-space-4); }
   .uix-validation-summary {
     border: 1px solid var(--uix-danger); background: var(--uix-danger-bg); color: var(--uix-text);
@@ -370,7 +362,7 @@
     border: 1px solid var(--uix-border); border-radius: var(--uix-radius-lg); overflow: hidden;
     transition: grid-template-columns var(--uix-dur) var(--uix-ease-out), grid-template-rows var(--uix-dur) var(--uix-ease-out);
   }
-  .uix-shell__sidebar { grid-row: 1 / 3; background: var(--uix-bg-subtle); border-right: 1px solid var(--uix-border); overflow-y: auto; overflow-x: hidden; visibility: visible; transition: visibility var(--uix-dur) var(--uix-ease-out); }
+  .uix-shell__sidebar { grid-row: 1 / 3; background: var(--uix-bg-subtle); border-right: 1px solid var(--uix-border); overflow-y: auto; overflow-x: hidden; }
   .uix-shell__topbar { grid-column: 2; display: flex; align-items: center; gap: var(--uix-space-3); padding: 0 var(--uix-space-6); background: var(--uix-bg-app); border-bottom: 1px solid var(--uix-border); }
   .uix-shell__main { grid-column: 2; overflow: auto; padding: var(--uix-space-7); background: var(--uix-bg-app); }
 
@@ -379,39 +371,17 @@
      only) → hidden (0). data-collapsed stays a back-compat alias for the rail. */
   .uix-shell[data-nav="rail"], .uix-shell[data-collapsed] { grid-template-columns: var(--uix-sidebar-w-rail) 1fr; }
   .uix-shell[data-nav="hidden"] { grid-template-columns: 0 1fr; }
-  /* the 0-width column still renders its links — visibility removes them from the tab
-     order / accessibility tree while keeping the width transition (UIX-A11Y-2) */
-  .uix-shell[data-nav="hidden"] .uix-shell__sidebar { visibility: hidden; }
 
   /* ── focus / immersive mode ───────────────────────────────────────────────────
      A table-scoped escape hatch: hide the sidebar AND the topbar so a dense grid
      uses the whole frame. The app toggles [data-focus] (from a toolbar maximize
      control) and restores the previous nav state + focus on Esc. */
   .uix-shell[data-focus] { grid-template-columns: 0 1fr; grid-template-rows: 0 1fr; }
-  .uix-shell[data-focus] .uix-shell__sidebar { visibility: hidden; } /* see [data-nav="hidden"] above (UIX-A11Y-2) */
   .uix-shell[data-focus] .uix-shell__topbar { display: none; }
 
   /* a floating host for the "exit focus" affordance (Esc also exits) */
   .uix-shell__focus-exit { position: absolute; top: var(--uix-space-3); right: var(--uix-space-3); z-index: var(--uix-z-overlay); }
 
-  /* ── skip link ────────────────────────────────────────────────────────────────
-     First tab stop in the shell (UIX-A11Y-2): visually hidden until keyboard focus,
-     then a small pill floating over the shell's top-left corner. */
-  .uix-skiplink {
-    position: absolute; top: var(--uix-space-3); left: var(--uix-space-3); z-index: var(--uix-z-overlay);
-    width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;
-  }
-  .uix-skiplink:focus-visible {
-    width: auto; height: auto; clip: auto;
-    display: inline-flex; align-items: center;
-    padding: var(--uix-space-2) var(--uix-space-4);
-    background: var(--uix-surface); color: var(--uix-text);
-    border: 1px solid var(--uix-border); border-radius: var(--uix-radius-pill);
-    box-shadow: var(--uix-shadow-popover);
-    outline: 2px solid var(--uix-ring); outline-offset: 2px;
-    font-size: var(--uix-text-meta); font-weight: 500; text-decoration: none;
-  }
-
   /* ── full-bleed main ──────────────────────────────────────────────────────────
      Opt-in per surface: a genuinely wide grid drops the content gutter and runs
      edge to edge, reclaiming 2 x --uix-space-7. Not the default — most pages want
@@ -452,14 +422,9 @@
   .uix-navitem__badge { font-size: var(--uix-text-meta); color: var(--uix-text-muted); }
   /* on the active tint, muted badge dips below AA — hushed composites darker on the tint */
   .uix-navitem[aria-current="page"] .uix-navitem__badge { color: var(--uix-text-hushed); }
-  .uix-navitem__star { position: relative; display: grid; place-items: center; width: 22px; height: 22px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out); }
-  /* invisible halo → 24px effective target with zero visual change (UIX-A11Y-2) */
-  .uix-navitem__star::before { content: ""; position: absolute; inset: -1px; }
+  .uix-navitem__star { display: grid; place-items: center; width: 22px; height: 22px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out); }
   .uix-navitem__star svg { width: 15px; height: 15px; }
-  /* keyboard reveal mirrors the hover reveal (UIX-A11Y-2) */
-  .uix-navitem:hover .uix-navitem__star,
-  .uix-navitem__star:focus-visible,
-  .uix-navitem:focus-within .uix-navitem__star { opacity: 1; }
+  .uix-navitem:hover .uix-navitem__star { opacity: 1; }
   .uix-navitem__star[data-on] { opacity: 1; color: var(--uix-warning); }
   .uix-navitem__star[data-on] svg { fill: currentColor; }
 
@@ -470,32 +435,19 @@
   .uix-navgroup__chevron { width: var(--uix-icon-sm); height: var(--uix-icon-sm); }
   .uix-navgroup__panel { display: grid; grid-template-rows: 1fr; transition: grid-template-rows var(--uix-dur) var(--uix-ease-out); }
   .uix-navgroup__trigger[aria-expanded="false"] + .uix-navgroup__panel { grid-template-rows: 0fr; }
-  /* visibility keeps the 0fr-collapsed links out of the tab order / accessibility tree
-     (UIX-A11Y-2); the transition delays hiding until the row collapse finishes, and
-     visibility snaps back to visible instantly on expand, so nothing visibly glitches. */
-  .uix-navgroup__panel > div { overflow: hidden; visibility: visible; transition: visibility var(--uix-dur) var(--uix-ease-out); }
-  .uix-navgroup__trigger[aria-expanded="false"] + .uix-navgroup__panel > div { visibility: hidden; }
+  .uix-navgroup__panel > div { overflow: hidden; }
   .uix-subitem { padding-left: var(--uix-space-5); }
   .uix-subitem .uix-navitem__label::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--uix-text-muted); margin-right: var(--uix-space-3); vertical-align: middle; }
 
   /* collapsed rail */
   .uix-sidebar[data-collapsed], .uix-sidebar[data-nav="rail"] { width: var(--uix-sidebar-w-rail); }
+  .uix-sidebar[data-collapsed] .uix-navitem__label,
   .uix-sidebar[data-collapsed] .uix-navitem__badge,
   .uix-sidebar[data-collapsed] .uix-navitem__star,
   .uix-sidebar[data-collapsed] .uix-sidebar__eyebrow,
   .uix-sidebar[data-collapsed] .uix-sidebar__brand,
   .uix-sidebar[data-collapsed] .uix-navgroup__chevron,
   .uix-sidebar[data-collapsed] .uix-navgroup__panel { display: none; }
-  /* rail labels stay in the accessibility tree — clip pattern (mirrors .uix-visually-hidden),
-     not display:none, so icon-only nav items keep their names (UIX-A11Y-2). position:absolute
-     removes the label from the flex row, so the centered rail layout is unaffected. */
-  .uix-sidebar[data-collapsed] .uix-navitem__label {
-    position: absolute !important;
-    width: 1px; height: 1px;
-    padding: 0; margin: -1px;
-    overflow: hidden; clip: rect(0, 0, 0, 0);
-    white-space: nowrap; border: 0;
-  }
   /* center the icon-only rail; head keeps just the toggle, centered */
   .uix-sidebar[data-collapsed] .uix-navitem { justify-content: center; padding: 0; gap: 0; }
   .uix-sidebar[data-collapsed] .uix-sidebar__head { justify-content: center; padding-inline: 0; }
@@ -504,7 +456,9 @@
 @layer uix.components {
   .uix-breadcrumbs { display: flex; align-items: center; gap: var(--uix-space-2); flex-wrap: wrap; font-size: var(--uix-text-meta); color: var(--uix-text-muted); }
   .uix-breadcrumbs a { color: var(--uix-text-muted); text-decoration: none; }
-  .uix-breadcrumbs a:hover { color: var(--uix-text); text-decoration: underline; }
+  /* already a quiet link by its own design — hover/focus parity with the quiet-link
+     contract in link.css, so the keyboard state matches the pointer state. */
+  .uix-breadcrumbs a:is(:hover, :focus-visible) { color: var(--uix-text); text-decoration: underline; }
   .uix-breadcrumbs__sep { opacity: .55; }
   .uix-breadcrumbs [aria-current="page"] { color: var(--uix-text); font-weight: 500; }
 }
@@ -576,9 +530,6 @@
   .uix-cmdk { width: min(560px, 92vw); border: 1px solid var(--uix-border); border-radius: var(--uix-radius-lg); background: var(--uix-surface-2); box-shadow: var(--uix-shadow-overlay); overflow: hidden; }
   .uix-cmdk__input { width: 100%; height: 48px; border: 0; border-bottom: 1px solid var(--uix-border); background: transparent; color: var(--uix-text); font: inherit; font-size: var(--uix-text-h3); padding: 0 var(--uix-space-4); }
   .uix-cmdk__input:focus { outline: none; }
-  /* visible focus replacement for the suppressed outline (UIX-A11Y-1): the divider under the
-     input thickens to a 2px ring-colored line */
-  .uix-cmdk__input:focus-visible { border-bottom-color: var(--uix-ring); box-shadow: 0 1px 0 0 var(--uix-ring); }
   .uix-cmdk__list { max-height: 320px; overflow-y: auto; padding: var(--uix-space-2); }
   .uix-cmdk__group { font-size: var(--uix-text-eyebrow); letter-spacing: var(--uix-tracking-eyebrow); text-transform: uppercase; color: var(--uix-text-muted); padding: var(--uix-space-2) var(--uix-space-3) var(--uix-space-1); }
   .uix-cmdk__item { display: flex; align-items: center; gap: var(--uix-space-3); padding: var(--uix-space-3) var(--uix-space-3); border-radius: var(--uix-radius-sm); color: var(--uix-text); cursor: pointer; font-size: var(--uix-text-body); }
@@ -637,8 +588,6 @@
   .uix-stat__value { font-size: var(--uix-text-data-hero); font-weight: 600; line-height: var(--uix-leading-data-hero); margin-top: var(--uix-space-3); }
   .uix-stat__meta { font-size: var(--uix-text-meta); color: var(--uix-text-muted); margin-top: var(--uix-space-2); display: flex; align-items: center; gap: var(--uix-space-2); }
   .uix-stat__trend { display: inline-flex; align-items: center; gap: var(--uix-space-1); font-size: var(--uix-text-meta); font-weight: 600; padding: var(--uix-space-1) var(--uix-space-2); border-radius: var(--uix-radius-pill); }
-  /* direction glyph inside the chip (UIX-A11Y-4) — sized to sit on the text baseline row */
-  .uix-stat__trend svg { width: 10px; height: 10px; flex: none; }
   .uix-stat__trend--up { color: var(--uix-success); background: var(--uix-success-bg); }
   .uix-stat__trend--down { color: var(--uix-danger-text); background: var(--uix-danger-bg); }
 }
@@ -699,28 +648,18 @@
   /* multi-column sort ordinal (⇧+click adds a secondary key) */
   .uix-table th[data-sort-order]::before { content: attr(data-sort-order); display: inline-block; margin-right: var(--uix-space-1); font-size: var(--uix-text-eyebrow); font-variant-numeric: tabular-nums; color: var(--uix-accent); }
 
-  /* sortable header's real <button> (UIX-A11Y-2): visually indistinguishable from the old
-     plain-text th — inherited font/colour, no chrome — with an inset overlay so the whole
-     cell stays the click target (the sticky th is its containing block). The sort arrow and
-     ordinal stay as th pseudo-content so they never pollute the button's accessible name. */
-  .uix-th__sortbtn { font: inherit; color: inherit; background: none; border: 0; padding: 0; text-align: inherit; cursor: pointer; }
-  .uix-th__sortbtn::before { content: ""; position: absolute; inset: 0; }
-
   .uix-table td { padding: 0 var(--uix-space-4); height: var(--uix-row-h); border-bottom: 1px solid var(--uix-border); color: var(--uix-text); vertical-align: middle; }
   .uix-table tbody tr { background: var(--uix-row); }
   .uix-table tbody tr:nth-child(even) { background: var(--uix-row-alt); }
   .uix-table--no-zebra tbody tr, .uix-table--no-zebra tbody tr:nth-child(even) { background: var(--uix-row); }
   .uix-table tbody tr[data-pinned] { background: var(--uix-row-pinned-bg); }
-  /* [data-selected] carries row-selection styling; aria-selected is invalid on a native
-     table row — AT state comes from the row checkbox (UIX-A11Y-2). */
-  .uix-table tbody tr[data-selected] { background: var(--uix-row-selected-bg); }
+  .uix-table tbody tr[aria-selected="true"] { background: var(--uix-row-selected-bg); }
   .uix-table tbody tr:hover { background: var(--uix-bg-hover); }
   .uix-table[data-density="compact"] td, .uix-table--compact td { height: var(--uix-row-h-compact); }
   .uix-table[data-density="comfortable"] td { height: var(--uix-row-h-comfortable); }
 
   .uix-table__pin { border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; padding: var(--uix-space-1); border-radius: var(--uix-radius-xs); opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out); }
-  /* :focus-visible reveal mirrors .uix-rowact so keyboard users can find the pin (UIX-A11Y-2) */
-  .uix-table tbody tr:hover .uix-table__pin, .uix-table__pin:focus-visible, .uix-table__pin[data-on] { opacity: 1; }
+  .uix-table tbody tr:hover .uix-table__pin, .uix-table__pin[data-on] { opacity: 1; }
   .uix-table__pin:hover { background: var(--uix-bg-active); color: var(--uix-text); }
   .uix-table__pin[data-on] { color: var(--uix-accent); }
   .uix-table__pin svg { width: 15px; height: 15px; }
@@ -734,7 +673,7 @@
   .uix-table--pinned-col.uix-table--no-zebra tbody tr td:first-child,
   .uix-table--pinned-col.uix-table--no-zebra tbody tr:nth-child(even) td:first-child { background: var(--uix-row); }
   .uix-table--pinned-col tbody tr[data-pinned] td:first-child { background: var(--uix-row-pinned-bg); }
-  .uix-table--pinned-col tbody tr[data-selected] td:first-child { background: var(--uix-row-selected-bg); }
+  .uix-table--pinned-col tbody tr[aria-selected="true"] td:first-child { background: var(--uix-row-selected-bg); }
   .uix-table--pinned-col tbody tr:hover td:first-child { background: var(--uix-bg-hover); }
 
   /* ── column sizing + cell behaviour (a shared vocabulary, not per-app px) ──────── */
@@ -833,7 +772,7 @@
   .uix-table--cards thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
   .uix-table--cards tbody, .uix-table--cards tr, .uix-table--cards td { display: block; width: auto; }
   .uix-table--cards tbody tr { border: 1px solid var(--uix-border); border-radius: var(--uix-radius-md); background: var(--uix-surface); margin: 0 0 var(--uix-space-3); padding: var(--uix-space-1) var(--uix-space-4); box-shadow: var(--uix-shadow-sm); }
-  .uix-table--cards tbody tr[data-selected] { box-shadow: 0 0 0 2px var(--uix-accent); }
+  .uix-table--cards tbody tr[aria-selected="true"] { box-shadow: 0 0 0 2px var(--uix-accent); }
   .uix-table--cards td { height: auto; display: flex; justify-content: space-between; align-items: center; gap: var(--uix-space-5); padding: var(--uix-space-2) 0; border-bottom: 1px solid var(--uix-border); text-align: right; white-space: normal; }
   .uix-table--cards td:last-child { border-bottom: 0; }
   .uix-table--cards td::before { content: attr(data-label); color: var(--uix-text-muted); font-size: var(--uix-text-meta); font-weight: 500; text-align: left; flex: none; }
@@ -939,8 +878,7 @@
     background: var(--uix-text); color: var(--uix-bg-app);
     font-size: var(--uix-text-meta); font-weight: 500; line-height: 1.4;
     padding: var(--uix-space-2) var(--uix-space-3); border-radius: var(--uix-radius-sm);
-    /* no pointer-events:none — the bubble must be hoverable (WCAG 1.4.13, UIX-A11Y-1) */
-    box-shadow: var(--uix-shadow-popover); white-space: normal;
+    box-shadow: var(--uix-shadow-popover); white-space: normal; pointer-events: none;
     opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out);
   }
   .uix-tooltip__bubble:popover-open { opacity: 1; }
@@ -983,8 +921,7 @@
 }
 /* uix timeline / activity feed — depends only on --uix-* tokens. */
 @layer uix.components {
-  /* list reset — the React Timeline renders <ol>/<li> for semantics; keep visuals pixel-identical (UIX-A11Y-4) */
-  .uix-timeline { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; }
+  .uix-timeline { display: flex; flex-direction: column; }
   .uix-timeline__item { display: grid; grid-template-columns: 24px 1fr; gap: var(--uix-space-3); }
   .uix-timeline__rail { display: flex; flex-direction: column; align-items: center; }
   .uix-timeline__node { width: 12px; height: 12px; border-radius: 50%; background: var(--uix-accent); margin-top: var(--uix-space-1); flex: none; box-shadow: 0 0 0 3px var(--uix-brand-muted); }
@@ -1106,9 +1043,7 @@
   @starting-style { .uix-dialog[open]::backdrop { opacity: 0; } }
 
   .uix-dialog__header { display: flex; align-items: center; gap: var(--uix-space-3); padding: var(--uix-space-4) var(--uix-space-5); border-bottom: 1px solid var(--uix-border); }
-  /* title is an <h2> for SR navigation (UIX-A11Y-1); inherits neutralize the base h2
-     heading font/tracking/leading so it renders exactly like the old <div> */
-  .uix-dialog__title { font-size: var(--uix-text-h3); font-weight: 600; font-family: inherit; letter-spacing: inherit; line-height: inherit; }
+  .uix-dialog__title { font-size: var(--uix-text-h3); font-weight: 600; }
   .uix-dialog__close { margin-left: auto; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--uix-radius-sm); }
   .uix-dialog__close:hover { background: var(--uix-bg-hover); color: var(--uix-text); }
   .uix-dialog__close svg { width: var(--uix-icon-md); height: var(--uix-icon-md); }
@@ -1168,13 +1103,7 @@
   .uix-peek__nav { display: inline-flex; gap: var(--uix-space-1); }
   .uix-peek__navbtn { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--uix-border); background: var(--uix-surface); color: var(--uix-text); border-radius: var(--uix-radius-sm); cursor: pointer; }
   .uix-peek__navbtn:hover { background: var(--uix-bg-hover); }
-  /* boundary nav uses aria-disabled (still focusable, so focus isn't stranded — UIX-A11Y-1);
-     mute it and suppress the hover cue like a disabled control */
-  .uix-peek__navbtn[aria-disabled="true"] { color: var(--uix-text-muted); cursor: default; }
-  .uix-peek__navbtn[aria-disabled="true"]:hover { background: var(--uix-surface); }
-  /* title is an <h2> for SR navigation (UIX-A11Y-1); inherits neutralize the base h2
-     heading font/tracking/leading so it renders exactly like the old <div> */
-  .uix-peek__title { font-size: var(--uix-text-h3); font-weight: 600; font-family: inherit; letter-spacing: inherit; line-height: inherit; }
+  .uix-peek__title { font-size: var(--uix-text-h3); font-weight: 600; }
   .uix-peek__title a { color: var(--uix-link); }
   .uix-peek__close { margin-left: auto; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--uix-radius-sm); }
   .uix-peek__close:hover { background: var(--uix-bg-hover); color: var(--uix-text); }
@@ -1327,21 +1256,12 @@
   .uix-inbox__list { border-right: 1px solid var(--uix-border); overflow-y: auto; background: var(--uix-surface); }
   .uix-inbox__item { position: relative; display: flex; flex-direction: column; gap: var(--uix-space-1); padding: var(--uix-space-3) var(--uix-space-4); border-bottom: 1px solid var(--uix-border); cursor: pointer; }
   .uix-inbox__item:hover { background: var(--uix-bg-hover); }
-  /* keyboard active option (aria-activedescendant) mirrors the hover style (UIX-A11Y-2) */
-  .uix-inbox__item[data-active] { background: var(--uix-bg-hover); }
   .uix-inbox__item[aria-selected="true"] { background: linear-gradient(to right, var(--uix-accent) 3px, var(--uix-brand-muted) 3px); }
   .uix-inbox__item[data-unread] .uix-inbox__subject { font-weight: 600; }
   .uix-inbox__subject { font-size: var(--uix-text-body); }
   .uix-inbox__preview { font-size: var(--uix-text-meta); color: var(--uix-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .uix-inbox__detail { overflow-y: auto; padding: var(--uix-space-5); background: var(--uix-bg-app); }
-  /* narrow viewports stack to one pane: list by default, detail when the app sets
-     view="detail" — with a consumer-rendered Back control in the detail pane (UIX-A11Y-2) */
-  @media (max-width: 700px) {
-    .uix-inbox { grid-template-columns: 1fr; }
-    .uix-inbox__detail { display: none; }
-    .uix-inbox[data-view="detail"] .uix-inbox__list { display: none; }
-    .uix-inbox[data-view="detail"] .uix-inbox__detail { display: block; }
-  }
+  @media (max-width: 700px) { .uix-inbox { grid-template-columns: 1fr; } .uix-inbox__detail { display: none; } }
 }
 /* uix notification center — depends only on --uix-* tokens. */
 @layer uix.components {
@@ -1733,7 +1653,8 @@
   .uix-section-head { min-height: 36px; margin-bottom: var(--uix-space-3); display: flex; align-items: center; justify-content: space-between; gap: var(--uix-space-4); }
   .uix-section-title { margin: 0; font-family: var(--uix-font-heading); font-size: var(--uix-text-h2); font-weight: 400; letter-spacing: var(--uix-tracking-tight); }
   .uix-section-link { color: var(--uix-text-hushed); font-size: var(--uix-text-meta); text-decoration: none; }
-  .uix-section-link:hover { color: var(--uix-text); }
+  /* already a quiet link by its own design — hover/focus parity with link.css */
+  .uix-section-link:is(:hover, :focus-visible) { color: var(--uix-text); text-decoration: underline; }
 
   /* ── content grid + rail ───────────────────────────────────────────────────── */
   .uix-content-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.75fr); gap: var(--uix-space-7); align-items: start; }
@@ -1837,36 +1758,90 @@
  * noise at list density (TENSOR INTRA-04, operator-rejected).
  *
  * A quiet link inherits the surrounding text colour and shows its underline on
- * hover/focus. 1.4.1 is not in play: the link is the whole text of its block (a title,
- * a cell), not a link inside body copy. NEVER quiet a link inside prose — in-text links
- * keep the base blue + underline.
+ * hover/focus. The global :focus-visible ring (base.css) still fires, so the keyboard
+ * affordance never rests on the underline alone. WCAG 1.4.1 is not in play for anything
+ * below: the link is the WHOLE text of its block — a title, a name, a data cell — or it
+ * is the block itself. It is never a phrase inside a sentence.
  *
- * Two forms:
- *   • `.uix-link--quiet` — the opt-in utility, for block links outside the scoped slots
- *     (whole-card links, event rows composed by hand, app-specific list patterns).
- *   • quiet BY DEFAULT below — the editorial-home title slots and table data cells,
- *     where every anchor is a block-level navigation target. `.uix-table td` keeps
- *     `:not([class])` so class-bearing anchors in cells (`.uix-btn--link`, pills)
- *     stay styled.
+ * A slot earns quiet-BY-DEFAULT only when BOTH hold:
+ *   (i)  the anchor fills a named title/name slot or a data cell — the link text IS the
+ *        block, not a phrase inside running copy; and
+ *   (ii) the surrounding row/card/tile already reads as interactive (hover state, cursor,
+ *        bordered unit), or the slot is that record's primary label.
+ *
+ * Deliberate exclusions, so the next person doesn't "finish the job":
+ *   • Prose and message bodies — .uix-prose, .uix-note, .uix-notice__copy,
+ *     .uix-timeline__body, .uix-audit__detail, .uix-notif copy. Links there sit inside
+ *     sentences: 1.4.1 applies and the base treatment is correct.
+ *   • .uix-alert, .uix-toast, .uix-peek__title — nothing else in those containers signals
+ *     that the link navigates, so the colour IS the affordance. peek.css sets --uix-link
+ *     on its title anchor on purpose; do not quiet it.
+ *   • .uix-comment__author — a byline renders "Author · 22m ago", so the name is a phrase
+ *     inside a text run, not the whole block, and .uix-comment__meta is not interactive.
+ *     It fails test (i) above. Products wanting the GitHub-style quiet byline opt in with
+ *     .uix-link--quiet; that is what the utility is for.
+ *   • .uix-navitem, .uix-breadcrumbs a, .uix-section-link are already quiet by their own
+ *     design and need no class here.
+ *
+ * Four forms:
+ *   1 · `.uix-link--quiet` — the opt-in utility, for block links outside the registry.
+ *   2 · TITLE / NAME SLOTS — quiet by default. `:not(.uix-btn)` so an anchor deliberately
+ *       styled as a button inside a title slot keeps its button treatment.
+ *   3 · DATA CELLS — table cells and description-list values. `:not([class])` so
+ *       class-bearing anchors (`.uix-btn--link`, pills, tags) stay styled.
+ *   4 · CONTAINER ANCHORS — the anchor IS the kit block (`<a class="uix-card">`). Without
+ *       this the base `a { color }` tints every word in the block brand-blue.
  * Depends only on --uix-* tokens. */
 @layer uix.components {
   .uix-link--quiet,
-  .uix-content-list__title a,
-  .uix-news-lead__title a,
-  .uix-rundown__item-title a,
-  .uix-event-row__title a,
-  .uix-table td a:not([class]) { color: inherit; text-decoration: none; }
-
-  .uix-link--quiet:hover,
-  .uix-link--quiet:focus-visible,
-  .uix-content-list__title a:hover,
-  .uix-content-list__title a:focus-visible,
-  .uix-news-lead__title a:hover,
-  .uix-news-lead__title a:focus-visible,
-  .uix-rundown__item-title a:hover,
-  .uix-rundown__item-title a:focus-visible,
-  .uix-event-row__title a:hover,
-  .uix-event-row__title a:focus-visible,
-  .uix-table td a:not([class]):hover,
-  .uix-table td a:not([class]):focus-visible { text-decoration: underline; }
+
+  /* 2 · title / name slots */
+  :is(
+    /* editorial-home */
+    .uix-featured__title, .uix-rail-card__title, .uix-news-lead__title,
+    .uix-content-list__title, .uix-rundown__item-title, .uix-event-row__title,
+    .uix-status-row__name,
+    /* records, rows, cards */
+    .uix-card__title, .uix-list__title, .uix-inbox__subject, .uix-kanban__card-title,
+    .uix-media__name, .uix-attachment__name, .uix-contact__name, .uix-user-chip__name,
+    .uix-audit__actor
+  ) a:not(.uix-btn),
+
+  /* 3 · data cells */
+  :is(.uix-table td, .uix-dl dd) a:not([class]),
+
+  /* 4 · container anchors */
+  a:is(
+    .uix-card, .uix-stat, .uix-list__item, .uix-inbox__item, .uix-kanban__card,
+    .uix-notif, .uix-media, .uix-attachment, .uix-contact, .uix-cmdk__item,
+    .uix-content-list__item, .uix-event-row, .uix-status-row
+  ) { color: inherit; text-decoration: none; }
+
+  .uix-link--quiet:is(:hover, :focus-visible),
+
+  :is(
+    .uix-featured__title, .uix-rail-card__title, .uix-news-lead__title,
+    .uix-content-list__title, .uix-rundown__item-title, .uix-event-row__title,
+    .uix-status-row__name,
+    .uix-card__title, .uix-list__title, .uix-inbox__subject, .uix-kanban__card-title,
+    .uix-media__name, .uix-attachment__name, .uix-contact__name, .uix-user-chip__name,
+    .uix-audit__actor
+  ) a:not(.uix-btn):is(:hover, :focus-visible),
+
+  :is(.uix-table td, .uix-dl dd) a:not([class]):is(:hover, :focus-visible) { text-decoration: underline; }
+
+  /* Container anchors never underline: the anchor wraps the whole block, so an underline
+     would strike through every word in it. They take the kit's standard row-hover tint
+     instead — the same --uix-bg-hover that .uix-list__item / .uix-inbox__item / .uix-cmdk__item
+     already use, so containers with a hover of their own just restate it. */
+  a:is(
+    .uix-card, .uix-stat, .uix-list__item, .uix-inbox__item, .uix-kanban__card,
+    .uix-notif, .uix-media, .uix-attachment, .uix-contact, .uix-cmdk__item,
+    .uix-content-list__item, .uix-event-row, .uix-status-row
+  ):is(:hover, :focus-visible) { background: var(--uix-bg-hover); }
+
+  /* Container anchors that declare no display of their own would render inline as an <a>.
+     The rest of form 4 (flex/grid rows) set theirs already and must NOT be overridden —
+     link.css is imported last, so a blanket display here would flatten them. */
+  a:is(.uix-card, .uix-stat, .uix-kanban__card) { display: block; }
 }

package/build/css/styles.css

@@ -1,5 +1,5 @@
 
-@layer uix.tokens, uix.base, uix.util, uix.motion, uix.components, uix.forced-colors;
+@layer uix.tokens, uix.base, uix.util, uix.motion, uix.components;
 /* uix-styleguide — aggregate stylesheet. Declares the cascade-layer order, then imports each layer.
    Component @imports are appended here as phases land (each component file declares @layer uix.components). */
 /* uix tokens — REDIRECT (no longer hand-authored).
@@ -149,19 +149,19 @@
     --uix-font-sans: "Inter",system-ui,sans-serif;
     --uix-font-heading: "IBM Plex Sans","Inter",system-ui,sans-serif;
     --uix-font-mono: "IBM Plex Mono",ui-monospace,monospace;
-    --uix-text-display: 2.5rem;
+    --uix-text-display: 40px;
     --uix-leading-display: 1.05;
-    --uix-text-data-hero: 2.125rem;
+    --uix-text-data-hero: 34px;
     --uix-leading-data-hero: 1.1;
-    --uix-text-h2: 1.5rem;
+    --uix-text-h2: 24px;
     --uix-leading-h2: 1.15;
-    --uix-text-h3: 0.9375rem;
+    --uix-text-h3: 15px;
     --uix-leading-h3: 1.3;
-    --uix-text-body: 0.875rem;
+    --uix-text-body: 14px;
     --uix-leading-body: 1.5;
-    --uix-text-meta: 0.78125rem;
+    --uix-text-meta: 12.5px;
     --uix-leading-meta: 1.4;
-    --uix-text-eyebrow: 0.6875rem;
+    --uix-text-eyebrow: 11px;
     --uix-leading-eyebrow: 1.2;
     --uix-tracking-tight: -0.02em;
     --uix-tracking-eyebrow: 0.06em;
@@ -272,9 +272,6 @@
   h3 { font-size: var(--uix-text-h3); line-height: var(--uix-leading-h3); }
 
   img, svg, video, canvas { display: block; max-width: 100%; }
-  /* the display:block reset above (and any component display) would defeat the `hidden`
-     attribute; restore it globally. `until-found` keeps find-in-page auto-reveal (UIX-A11Y-4). */
-  [hidden]:not([hidden="until-found"]) { display: none !important; }
   input, button, textarea, select { font: inherit; color: inherit; }
   code, kbd, pre, samp { font-family: var(--uix-font-mono); }
 
@@ -506,8 +503,7 @@
   }
   .uix-checkbox > input:checked + .uix-checkbox__box,
   .uix-checkbox > input:indeterminate + .uix-checkbox__box { background: var(--uix-accent); border-color: var(--uix-accent); }
-  .uix-checkbox > input:checked + .uix-checkbox__box svg,
-  .uix-checkbox > input:indeterminate + .uix-checkbox__box svg { opacity: 1; transform: none; } /* indeterminate shows its dash icon, not just the filled box (UIX-A11Y-3) */
+  .uix-checkbox > input:checked + .uix-checkbox__box svg { opacity: 1; transform: none; }
   .uix-checkbox > input:focus-visible + .uix-checkbox__box { outline: 2px solid var(--uix-ring); outline-offset: 2px; }
   .uix-checkbox > input:disabled ~ * { opacity: .5; }
 }
@@ -559,7 +555,7 @@
     transition: background-color var(--uix-dur-fast) var(--uix-ease-out), color var(--uix-dur-fast) var(--uix-ease-out);
   }
   .uix-segmented__option:hover { color: var(--uix-text); }
-  .uix-segmented__option[aria-pressed="true"] { background: var(--uix-surface); color: var(--uix-text); box-shadow: var(--uix-shadow-sm); }
+  .uix-segmented__option[aria-selected="true"], .uix-segmented__option[aria-pressed="true"] { background: var(--uix-surface); color: var(--uix-text); box-shadow: var(--uix-shadow-sm); }
   .uix-segmented__option:focus-visible { outline: 2px solid var(--uix-ring); outline-offset: 1px; }
 }
 /* uix slider (native range, styled) — depends only on --uix-* tokens. */
@@ -633,9 +629,7 @@
     display: inline-flex; align-items: center; gap: var(--uix-space-1); padding: var(--uix-space-1) var(--uix-space-1) var(--uix-space-1) var(--uix-space-2); border-radius: var(--uix-radius-sm);
     background: var(--uix-bg-active); color: var(--uix-text); font-size: var(--uix-text-meta);
   }
-  .uix-tag__remove { position: relative; display: grid; place-items: center; width: 16px; height: 16px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); }
-  /* Invisible overlay grows the 16px visual to a 24px hit target (UIX-A11Y-3). */
-  .uix-tag__remove::before { content: ""; position: absolute; inset: -4px; }
+  .uix-tag__remove { display: grid; place-items: center; width: 16px; height: 16px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); }
   .uix-tag__remove:hover { background: var(--uix-bg-hover); color: var(--uix-text); }
   .uix-tag__remove svg { width: 12px; height: 12px; }
 }
@@ -644,11 +638,6 @@
   .uix-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--uix-space-5); }
   .uix-fieldset { border: 1px solid var(--uix-border); border-radius: var(--uix-radius-lg); padding: var(--uix-space-6); }
   .uix-fieldset > legend { padding: 0 var(--uix-space-2); font-size: var(--uix-text-meta); font-weight: 600; color: var(--uix-text); }
-  /* Labeled RadioGroup renders as a fieldset (UIX-A11Y-3): strip the UA chrome so it
-     looks identical to the plain-div group; the legend spaces itself (fieldset gap
-     doesn't reach a legend). */
-  fieldset.uix-radio-group { border: 0; margin: 0; padding: 0; min-inline-size: auto; }
-  .uix-radio-group__legend { padding: 0; margin: 0 0 var(--uix-space-2); font-size: var(--uix-text-meta); font-weight: 600; color: var(--uix-text); }
   .uix-form-inline { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--uix-space-4); }
   .uix-validation-summary {
     border: 1px solid var(--uix-danger); background: var(--uix-danger-bg); color: var(--uix-text);
@@ -669,7 +658,7 @@
     border: 1px solid var(--uix-border); border-radius: var(--uix-radius-lg); overflow: hidden;
     transition: grid-template-columns var(--uix-dur) var(--uix-ease-out), grid-template-rows var(--uix-dur) var(--uix-ease-out);
   }
-  .uix-shell__sidebar { grid-row: 1 / 3; background: var(--uix-bg-subtle); border-right: 1px solid var(--uix-border); overflow-y: auto; overflow-x: hidden; visibility: visible; transition: visibility var(--uix-dur) var(--uix-ease-out); }
+  .uix-shell__sidebar { grid-row: 1 / 3; background: var(--uix-bg-subtle); border-right: 1px solid var(--uix-border); overflow-y: auto; overflow-x: hidden; }
   .uix-shell__topbar { grid-column: 2; display: flex; align-items: center; gap: var(--uix-space-3); padding: 0 var(--uix-space-6); background: var(--uix-bg-app); border-bottom: 1px solid var(--uix-border); }
   .uix-shell__main { grid-column: 2; overflow: auto; padding: var(--uix-space-7); background: var(--uix-bg-app); }
 
@@ -678,39 +667,17 @@
      only) → hidden (0). data-collapsed stays a back-compat alias for the rail. */
   .uix-shell[data-nav="rail"], .uix-shell[data-collapsed] { grid-template-columns: var(--uix-sidebar-w-rail) 1fr; }
   .uix-shell[data-nav="hidden"] { grid-template-columns: 0 1fr; }
-  /* the 0-width column still renders its links — visibility removes them from the tab
-     order / accessibility tree while keeping the width transition (UIX-A11Y-2) */
-  .uix-shell[data-nav="hidden"] .uix-shell__sidebar { visibility: hidden; }
 
   /* ── focus / immersive mode ───────────────────────────────────────────────────
      A table-scoped escape hatch: hide the sidebar AND the topbar so a dense grid
      uses the whole frame. The app toggles [data-focus] (from a toolbar maximize
      control) and restores the previous nav state + focus on Esc. */
   .uix-shell[data-focus] { grid-template-columns: 0 1fr; grid-template-rows: 0 1fr; }
-  .uix-shell[data-focus] .uix-shell__sidebar { visibility: hidden; } /* see [data-nav="hidden"] above (UIX-A11Y-2) */
   .uix-shell[data-focus] .uix-shell__topbar { display: none; }
 
   /* a floating host for the "exit focus" affordance (Esc also exits) */
   .uix-shell__focus-exit { position: absolute; top: var(--uix-space-3); right: var(--uix-space-3); z-index: var(--uix-z-overlay); }
 
-  /* ── skip link ────────────────────────────────────────────────────────────────
-     First tab stop in the shell (UIX-A11Y-2): visually hidden until keyboard focus,
-     then a small pill floating over the shell's top-left corner. */
-  .uix-skiplink {
-    position: absolute; top: var(--uix-space-3); left: var(--uix-space-3); z-index: var(--uix-z-overlay);
-    width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;
-  }
-  .uix-skiplink:focus-visible {
-    width: auto; height: auto; clip: auto;
-    display: inline-flex; align-items: center;
-    padding: var(--uix-space-2) var(--uix-space-4);
-    background: var(--uix-surface); color: var(--uix-text);
-    border: 1px solid var(--uix-border); border-radius: var(--uix-radius-pill);
-    box-shadow: var(--uix-shadow-popover);
-    outline: 2px solid var(--uix-ring); outline-offset: 2px;
-    font-size: var(--uix-text-meta); font-weight: 500; text-decoration: none;
-  }
-
   /* ── full-bleed main ──────────────────────────────────────────────────────────
      Opt-in per surface: a genuinely wide grid drops the content gutter and runs
      edge to edge, reclaiming 2 x --uix-space-7. Not the default — most pages want
@@ -751,14 +718,9 @@
   .uix-navitem__badge { font-size: var(--uix-text-meta); color: var(--uix-text-muted); }
   /* on the active tint, muted badge dips below AA — hushed composites darker on the tint */
   .uix-navitem[aria-current="page"] .uix-navitem__badge { color: var(--uix-text-hushed); }
-  .uix-navitem__star { position: relative; display: grid; place-items: center; width: 22px; height: 22px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out); }
-  /* invisible halo → 24px effective target with zero visual change (UIX-A11Y-2) */
-  .uix-navitem__star::before { content: ""; position: absolute; inset: -1px; }
+  .uix-navitem__star { display: grid; place-items: center; width: 22px; height: 22px; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; border-radius: var(--uix-radius-xs); opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out); }
   .uix-navitem__star svg { width: 15px; height: 15px; }
-  /* keyboard reveal mirrors the hover reveal (UIX-A11Y-2) */
-  .uix-navitem:hover .uix-navitem__star,
-  .uix-navitem__star:focus-visible,
-  .uix-navitem:focus-within .uix-navitem__star { opacity: 1; }
+  .uix-navitem:hover .uix-navitem__star { opacity: 1; }
   .uix-navitem__star[data-on] { opacity: 1; color: var(--uix-warning); }
   .uix-navitem__star[data-on] svg { fill: currentColor; }
 
@@ -769,32 +731,19 @@
   .uix-navgroup__chevron { width: var(--uix-icon-sm); height: var(--uix-icon-sm); }
   .uix-navgroup__panel { display: grid; grid-template-rows: 1fr; transition: grid-template-rows var(--uix-dur) var(--uix-ease-out); }
   .uix-navgroup__trigger[aria-expanded="false"] + .uix-navgroup__panel { grid-template-rows: 0fr; }
-  /* visibility keeps the 0fr-collapsed links out of the tab order / accessibility tree
-     (UIX-A11Y-2); the transition delays hiding until the row collapse finishes, and
-     visibility snaps back to visible instantly on expand, so nothing visibly glitches. */
-  .uix-navgroup__panel > div { overflow: hidden; visibility: visible; transition: visibility var(--uix-dur) var(--uix-ease-out); }
-  .uix-navgroup__trigger[aria-expanded="false"] + .uix-navgroup__panel > div { visibility: hidden; }
+  .uix-navgroup__panel > div { overflow: hidden; }
   .uix-subitem { padding-left: var(--uix-space-5); }
   .uix-subitem .uix-navitem__label::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--uix-text-muted); margin-right: var(--uix-space-3); vertical-align: middle; }
 
   /* collapsed rail */
   .uix-sidebar[data-collapsed], .uix-sidebar[data-nav="rail"] { width: var(--uix-sidebar-w-rail); }
+  .uix-sidebar[data-collapsed] .uix-navitem__label,
   .uix-sidebar[data-collapsed] .uix-navitem__badge,
   .uix-sidebar[data-collapsed] .uix-navitem__star,
   .uix-sidebar[data-collapsed] .uix-sidebar__eyebrow,
   .uix-sidebar[data-collapsed] .uix-sidebar__brand,
   .uix-sidebar[data-collapsed] .uix-navgroup__chevron,
   .uix-sidebar[data-collapsed] .uix-navgroup__panel { display: none; }
-  /* rail labels stay in the accessibility tree — clip pattern (mirrors .uix-visually-hidden),
-     not display:none, so icon-only nav items keep their names (UIX-A11Y-2). position:absolute
-     removes the label from the flex row, so the centered rail layout is unaffected. */
-  .uix-sidebar[data-collapsed] .uix-navitem__label {
-    position: absolute !important;
-    width: 1px; height: 1px;
-    padding: 0; margin: -1px;
-    overflow: hidden; clip: rect(0, 0, 0, 0);
-    white-space: nowrap; border: 0;
-  }
   /* center the icon-only rail; head keeps just the toggle, centered */
   .uix-sidebar[data-collapsed] .uix-navitem { justify-content: center; padding: 0; gap: 0; }
   .uix-sidebar[data-collapsed] .uix-sidebar__head { justify-content: center; padding-inline: 0; }
@@ -803,7 +752,9 @@
 @layer uix.components {
   .uix-breadcrumbs { display: flex; align-items: center; gap: var(--uix-space-2); flex-wrap: wrap; font-size: var(--uix-text-meta); color: var(--uix-text-muted); }
   .uix-breadcrumbs a { color: var(--uix-text-muted); text-decoration: none; }
-  .uix-breadcrumbs a:hover { color: var(--uix-text); text-decoration: underline; }
+  /* already a quiet link by its own design — hover/focus parity with the quiet-link
+     contract in link.css, so the keyboard state matches the pointer state. */
+  .uix-breadcrumbs a:is(:hover, :focus-visible) { color: var(--uix-text); text-decoration: underline; }
   .uix-breadcrumbs__sep { opacity: .55; }
   .uix-breadcrumbs [aria-current="page"] { color: var(--uix-text); font-weight: 500; }
 }
@@ -875,9 +826,6 @@
   .uix-cmdk { width: min(560px, 92vw); border: 1px solid var(--uix-border); border-radius: var(--uix-radius-lg); background: var(--uix-surface-2); box-shadow: var(--uix-shadow-overlay); overflow: hidden; }
   .uix-cmdk__input { width: 100%; height: 48px; border: 0; border-bottom: 1px solid var(--uix-border); background: transparent; color: var(--uix-text); font: inherit; font-size: var(--uix-text-h3); padding: 0 var(--uix-space-4); }
   .uix-cmdk__input:focus { outline: none; }
-  /* visible focus replacement for the suppressed outline (UIX-A11Y-1): the divider under the
-     input thickens to a 2px ring-colored line */
-  .uix-cmdk__input:focus-visible { border-bottom-color: var(--uix-ring); box-shadow: 0 1px 0 0 var(--uix-ring); }
   .uix-cmdk__list { max-height: 320px; overflow-y: auto; padding: var(--uix-space-2); }
   .uix-cmdk__group { font-size: var(--uix-text-eyebrow); letter-spacing: var(--uix-tracking-eyebrow); text-transform: uppercase; color: var(--uix-text-muted); padding: var(--uix-space-2) var(--uix-space-3) var(--uix-space-1); }
   .uix-cmdk__item { display: flex; align-items: center; gap: var(--uix-space-3); padding: var(--uix-space-3) var(--uix-space-3); border-radius: var(--uix-radius-sm); color: var(--uix-text); cursor: pointer; font-size: var(--uix-text-body); }
@@ -936,8 +884,6 @@
   .uix-stat__value { font-size: var(--uix-text-data-hero); font-weight: 600; line-height: var(--uix-leading-data-hero); margin-top: var(--uix-space-3); }
   .uix-stat__meta { font-size: var(--uix-text-meta); color: var(--uix-text-muted); margin-top: var(--uix-space-2); display: flex; align-items: center; gap: var(--uix-space-2); }
   .uix-stat__trend { display: inline-flex; align-items: center; gap: var(--uix-space-1); font-size: var(--uix-text-meta); font-weight: 600; padding: var(--uix-space-1) var(--uix-space-2); border-radius: var(--uix-radius-pill); }
-  /* direction glyph inside the chip (UIX-A11Y-4) — sized to sit on the text baseline row */
-  .uix-stat__trend svg { width: 10px; height: 10px; flex: none; }
   .uix-stat__trend--up { color: var(--uix-success); background: var(--uix-success-bg); }
   .uix-stat__trend--down { color: var(--uix-danger-text); background: var(--uix-danger-bg); }
 }
@@ -998,28 +944,18 @@
   /* multi-column sort ordinal (⇧+click adds a secondary key) */
   .uix-table th[data-sort-order]::before { content: attr(data-sort-order); display: inline-block; margin-right: var(--uix-space-1); font-size: var(--uix-text-eyebrow); font-variant-numeric: tabular-nums; color: var(--uix-accent); }
 
-  /* sortable header's real <button> (UIX-A11Y-2): visually indistinguishable from the old
-     plain-text th — inherited font/colour, no chrome — with an inset overlay so the whole
-     cell stays the click target (the sticky th is its containing block). The sort arrow and
-     ordinal stay as th pseudo-content so they never pollute the button's accessible name. */
-  .uix-th__sortbtn { font: inherit; color: inherit; background: none; border: 0; padding: 0; text-align: inherit; cursor: pointer; }
-  .uix-th__sortbtn::before { content: ""; position: absolute; inset: 0; }
-
   .uix-table td { padding: 0 var(--uix-space-4); height: var(--uix-row-h); border-bottom: 1px solid var(--uix-border); color: var(--uix-text); vertical-align: middle; }
   .uix-table tbody tr { background: var(--uix-row); }
   .uix-table tbody tr:nth-child(even) { background: var(--uix-row-alt); }
   .uix-table--no-zebra tbody tr, .uix-table--no-zebra tbody tr:nth-child(even) { background: var(--uix-row); }
   .uix-table tbody tr[data-pinned] { background: var(--uix-row-pinned-bg); }
-  /* [data-selected] carries row-selection styling; aria-selected is invalid on a native
-     table row — AT state comes from the row checkbox (UIX-A11Y-2). */
-  .uix-table tbody tr[data-selected] { background: var(--uix-row-selected-bg); }
+  .uix-table tbody tr[aria-selected="true"] { background: var(--uix-row-selected-bg); }
   .uix-table tbody tr:hover { background: var(--uix-bg-hover); }
   .uix-table[data-density="compact"] td, .uix-table--compact td { height: var(--uix-row-h-compact); }
   .uix-table[data-density="comfortable"] td { height: var(--uix-row-h-comfortable); }
 
   .uix-table__pin { border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; padding: var(--uix-space-1); border-radius: var(--uix-radius-xs); opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out); }
-  /* :focus-visible reveal mirrors .uix-rowact so keyboard users can find the pin (UIX-A11Y-2) */
-  .uix-table tbody tr:hover .uix-table__pin, .uix-table__pin:focus-visible, .uix-table__pin[data-on] { opacity: 1; }
+  .uix-table tbody tr:hover .uix-table__pin, .uix-table__pin[data-on] { opacity: 1; }
   .uix-table__pin:hover { background: var(--uix-bg-active); color: var(--uix-text); }
   .uix-table__pin[data-on] { color: var(--uix-accent); }
   .uix-table__pin svg { width: 15px; height: 15px; }
@@ -1033,7 +969,7 @@
   .uix-table--pinned-col.uix-table--no-zebra tbody tr td:first-child,
   .uix-table--pinned-col.uix-table--no-zebra tbody tr:nth-child(even) td:first-child { background: var(--uix-row); }
   .uix-table--pinned-col tbody tr[data-pinned] td:first-child { background: var(--uix-row-pinned-bg); }
-  .uix-table--pinned-col tbody tr[data-selected] td:first-child { background: var(--uix-row-selected-bg); }
+  .uix-table--pinned-col tbody tr[aria-selected="true"] td:first-child { background: var(--uix-row-selected-bg); }
   .uix-table--pinned-col tbody tr:hover td:first-child { background: var(--uix-bg-hover); }
 
   /* ── column sizing + cell behaviour (a shared vocabulary, not per-app px) ──────── */
@@ -1132,7 +1068,7 @@
   .uix-table--cards thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
   .uix-table--cards tbody, .uix-table--cards tr, .uix-table--cards td { display: block; width: auto; }
   .uix-table--cards tbody tr { border: 1px solid var(--uix-border); border-radius: var(--uix-radius-md); background: var(--uix-surface); margin: 0 0 var(--uix-space-3); padding: var(--uix-space-1) var(--uix-space-4); box-shadow: var(--uix-shadow-sm); }
-  .uix-table--cards tbody tr[data-selected] { box-shadow: 0 0 0 2px var(--uix-accent); }
+  .uix-table--cards tbody tr[aria-selected="true"] { box-shadow: 0 0 0 2px var(--uix-accent); }
   .uix-table--cards td { height: auto; display: flex; justify-content: space-between; align-items: center; gap: var(--uix-space-5); padding: var(--uix-space-2) 0; border-bottom: 1px solid var(--uix-border); text-align: right; white-space: normal; }
   .uix-table--cards td:last-child { border-bottom: 0; }
   .uix-table--cards td::before { content: attr(data-label); color: var(--uix-text-muted); font-size: var(--uix-text-meta); font-weight: 500; text-align: left; flex: none; }
@@ -1283,8 +1219,7 @@
     background: var(--uix-text); color: var(--uix-bg-app);
     font-size: var(--uix-text-meta); font-weight: 500; line-height: 1.4;
     padding: var(--uix-space-2) var(--uix-space-3); border-radius: var(--uix-radius-sm);
-    /* no pointer-events:none — the bubble must be hoverable (WCAG 1.4.13, UIX-A11Y-1) */
-    box-shadow: var(--uix-shadow-popover); white-space: normal;
+    box-shadow: var(--uix-shadow-popover); white-space: normal; pointer-events: none;
     opacity: 0; transition: opacity var(--uix-dur-fast) var(--uix-ease-out);
   }
   .uix-tooltip__bubble:popover-open { opacity: 1; }
@@ -1327,8 +1262,7 @@
 }
 /* uix timeline / activity feed — depends only on --uix-* tokens. */
 @layer uix.components {
-  /* list reset — the React Timeline renders <ol>/<li> for semantics; keep visuals pixel-identical (UIX-A11Y-4) */
-  .uix-timeline { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; }
+  .uix-timeline { display: flex; flex-direction: column; }
   .uix-timeline__item { display: grid; grid-template-columns: 24px 1fr; gap: var(--uix-space-3); }
   .uix-timeline__rail { display: flex; flex-direction: column; align-items: center; }
   .uix-timeline__node { width: 12px; height: 12px; border-radius: 50%; background: var(--uix-accent); margin-top: var(--uix-space-1); flex: none; box-shadow: 0 0 0 3px var(--uix-brand-muted); }
@@ -1450,9 +1384,7 @@
   @starting-style { .uix-dialog[open]::backdrop { opacity: 0; } }
 
   .uix-dialog__header { display: flex; align-items: center; gap: var(--uix-space-3); padding: var(--uix-space-4) var(--uix-space-5); border-bottom: 1px solid var(--uix-border); }
-  /* title is an <h2> for SR navigation (UIX-A11Y-1); inherits neutralize the base h2
-     heading font/tracking/leading so it renders exactly like the old <div> */
-  .uix-dialog__title { font-size: var(--uix-text-h3); font-weight: 600; font-family: inherit; letter-spacing: inherit; line-height: inherit; }
+  .uix-dialog__title { font-size: var(--uix-text-h3); font-weight: 600; }
   .uix-dialog__close { margin-left: auto; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--uix-radius-sm); }
   .uix-dialog__close:hover { background: var(--uix-bg-hover); color: var(--uix-text); }
   .uix-dialog__close svg { width: var(--uix-icon-md); height: var(--uix-icon-md); }
@@ -1512,13 +1444,7 @@
   .uix-peek__nav { display: inline-flex; gap: var(--uix-space-1); }
   .uix-peek__navbtn { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--uix-border); background: var(--uix-surface); color: var(--uix-text); border-radius: var(--uix-radius-sm); cursor: pointer; }
   .uix-peek__navbtn:hover { background: var(--uix-bg-hover); }
-  /* boundary nav uses aria-disabled (still focusable, so focus isn't stranded — UIX-A11Y-1);
-     mute it and suppress the hover cue like a disabled control */
-  .uix-peek__navbtn[aria-disabled="true"] { color: var(--uix-text-muted); cursor: default; }
-  .uix-peek__navbtn[aria-disabled="true"]:hover { background: var(--uix-surface); }
-  /* title is an <h2> for SR navigation (UIX-A11Y-1); inherits neutralize the base h2
-     heading font/tracking/leading so it renders exactly like the old <div> */
-  .uix-peek__title { font-size: var(--uix-text-h3); font-weight: 600; font-family: inherit; letter-spacing: inherit; line-height: inherit; }
+  .uix-peek__title { font-size: var(--uix-text-h3); font-weight: 600; }
   .uix-peek__title a { color: var(--uix-link); }
   .uix-peek__close { margin-left: auto; border: 0; background: transparent; color: var(--uix-text-muted); cursor: pointer; width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--uix-radius-sm); }
   .uix-peek__close:hover { background: var(--uix-bg-hover); color: var(--uix-text); }
@@ -1671,21 +1597,12 @@
   .uix-inbox__list { border-right: 1px solid var(--uix-border); overflow-y: auto; background: var(--uix-surface); }
   .uix-inbox__item { position: relative; display: flex; flex-direction: column; gap: var(--uix-space-1); padding: var(--uix-space-3) var(--uix-space-4); border-bottom: 1px solid var(--uix-border); cursor: pointer; }
   .uix-inbox__item:hover { background: var(--uix-bg-hover); }
-  /* keyboard active option (aria-activedescendant) mirrors the hover style (UIX-A11Y-2) */
-  .uix-inbox__item[data-active] { background: var(--uix-bg-hover); }
   .uix-inbox__item[aria-selected="true"] { background: linear-gradient(to right, var(--uix-accent) 3px, var(--uix-brand-muted) 3px); }
   .uix-inbox__item[data-unread] .uix-inbox__subject { font-weight: 600; }
   .uix-inbox__subject { font-size: var(--uix-text-body); }
   .uix-inbox__preview { font-size: var(--uix-text-meta); color: var(--uix-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .uix-inbox__detail { overflow-y: auto; padding: var(--uix-space-5); background: var(--uix-bg-app); }
-  /* narrow viewports stack to one pane: list by default, detail when the app sets
-     view="detail" — with a consumer-rendered Back control in the detail pane (UIX-A11Y-2) */
-  @media (max-width: 700px) {
-    .uix-inbox { grid-template-columns: 1fr; }
-    .uix-inbox__detail { display: none; }
-    .uix-inbox[data-view="detail"] .uix-inbox__list { display: none; }
-    .uix-inbox[data-view="detail"] .uix-inbox__detail { display: block; }
-  }
+  @media (max-width: 700px) { .uix-inbox { grid-template-columns: 1fr; } .uix-inbox__detail { display: none; } }
 }
 /* uix notification center — depends only on --uix-* tokens. */
 @layer uix.components {
@@ -2077,7 +1994,8 @@
   .uix-section-head { min-height: 36px; margin-bottom: var(--uix-space-3); display: flex; align-items: center; justify-content: space-between; gap: var(--uix-space-4); }
   .uix-section-title { margin: 0; font-family: var(--uix-font-heading); font-size: var(--uix-text-h2); font-weight: 400; letter-spacing: var(--uix-tracking-tight); }
   .uix-section-link { color: var(--uix-text-hushed); font-size: var(--uix-text-meta); text-decoration: none; }
-  .uix-section-link:hover { color: var(--uix-text); }
+  /* already a quiet link by its own design — hover/focus parity with link.css */
+  .uix-section-link:is(:hover, :focus-visible) { color: var(--uix-text); text-decoration: underline; }
 
   /* ── content grid + rail ───────────────────────────────────────────────────── */
   .uix-content-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.75fr); gap: var(--uix-space-7); align-items: start; }
@@ -2181,70 +2099,90 @@
  * noise at list density (TENSOR INTRA-04, operator-rejected).
  *
  * A quiet link inherits the surrounding text colour and shows its underline on
- * hover/focus. 1.4.1 is not in play: the link is the whole text of its block (a title,
- * a cell), not a link inside body copy. NEVER quiet a link inside prose — in-text links
- * keep the base blue + underline.
+ * hover/focus. The global :focus-visible ring (base.css) still fires, so the keyboard
+ * affordance never rests on the underline alone. WCAG 1.4.1 is not in play for anything
+ * below: the link is the WHOLE text of its block — a title, a name, a data cell — or it
+ * is the block itself. It is never a phrase inside a sentence.
+ *
+ * A slot earns quiet-BY-DEFAULT only when BOTH hold:
+ *   (i)  the anchor fills a named title/name slot or a data cell — the link text IS the
+ *        block, not a phrase inside running copy; and
+ *   (ii) the surrounding row/card/tile already reads as interactive (hover state, cursor,
+ *        bordered unit), or the slot is that record's primary label.
+ *
+ * Deliberate exclusions, so the next person doesn't "finish the job":
+ *   • Prose and message bodies — .uix-prose, .uix-note, .uix-notice__copy,
+ *     .uix-timeline__body, .uix-audit__detail, .uix-notif copy. Links there sit inside
+ *     sentences: 1.4.1 applies and the base treatment is correct.
+ *   • .uix-alert, .uix-toast, .uix-peek__title — nothing else in those containers signals
+ *     that the link navigates, so the colour IS the affordance. peek.css sets --uix-link
+ *     on its title anchor on purpose; do not quiet it.
+ *   • .uix-comment__author — a byline renders "Author · 22m ago", so the name is a phrase
+ *     inside a text run, not the whole block, and .uix-comment__meta is not interactive.
+ *     It fails test (i) above. Products wanting the GitHub-style quiet byline opt in with
+ *     .uix-link--quiet; that is what the utility is for.
+ *   • .uix-navitem, .uix-breadcrumbs a, .uix-section-link are already quiet by their own
+ *     design and need no class here.
  *
- * Two forms:
- *   • `.uix-link--quiet` — the opt-in utility, for block links outside the scoped slots
- *     (whole-card links, event rows composed by hand, app-specific list patterns).
- *   • quiet BY DEFAULT below — the editorial-home title slots and table data cells,
- *     where every anchor is a block-level navigation target. `.uix-table td` keeps
- *     `:not([class])` so class-bearing anchors in cells (`.uix-btn--link`, pills)
- *     stay styled.
+ * Four forms:
+ *   1 · `.uix-link--quiet` — the opt-in utility, for block links outside the registry.
+ *   2 · TITLE / NAME SLOTS — quiet by default. `:not(.uix-btn)` so an anchor deliberately
+ *       styled as a button inside a title slot keeps its button treatment.
+ *   3 · DATA CELLS — table cells and description-list values. `:not([class])` so
+ *       class-bearing anchors (`.uix-btn--link`, pills, tags) stay styled.
+ *   4 · CONTAINER ANCHORS — the anchor IS the kit block (`<a class="uix-card">`). Without
+ *       this the base `a { color }` tints every word in the block brand-blue.
  * Depends only on --uix-* tokens. */
 @layer uix.components {
   .uix-link--quiet,
-  .uix-content-list__title a,
-  .uix-news-lead__title a,
-  .uix-rundown__item-title a,
-  .uix-event-row__title a,
-  .uix-table td a:not([class]) { color: inherit; text-decoration: none; }
-
-  .uix-link--quiet:hover,
-  .uix-link--quiet:focus-visible,
-  .uix-content-list__title a:hover,
-  .uix-content-list__title a:focus-visible,
-  .uix-news-lead__title a:hover,
-  .uix-news-lead__title a:focus-visible,
-  .uix-rundown__item-title a:hover,
-  .uix-rundown__item-title a:focus-visible,
-  .uix-event-row__title a:hover,
-  .uix-event-row__title a:focus-visible,
-  .uix-table td a:not([class]):hover,
-  .uix-table td a:not([class]):focus-visible { text-decoration: underline; }
-}
-/* forced-colors (WHCM) repairs — last layer so its system-color fixes win over component rules (UIX-A11Y-4) */
-/* uix forced-colors — Windows High Contrast / forced-colors repairs (UIX-A11Y-4).
-   Forced-colors mode strips author backgrounds and box-shadows, so controls whose state or
-   focus cue rides on those go invisible. Repairs below redraw ONLY those affordances with
-   CSS system colors; everything else stays honest to the user's forced palette. Loaded as
-   the last layer (see main.css) so these rules win over component declarations. */
-@layer uix.forced-colors {
-  @media (forced-colors: active) {
-    /* switch — track + thumb are background-only; redraw with system colors */
-    .uix-switch__track { border: 1px solid ButtonText; background: Canvas; forced-color-adjust: none; }
-    .uix-switch__track::after { background: ButtonText; box-shadow: none; }
-    .uix-switch > input:checked + .uix-switch__track { background: SelectedItem; border-color: SelectedItem; }
-    .uix-switch > input:checked + .uix-switch__track::after { background: SelectedItemText; }
-
-    /* radio — the checked ::after dot is a token background, forced away otherwise */
-    .uix-radio > input:checked + .uix-radio__dot::after { background: SelectedItem; forced-color-adjust: none; }
-
-    /* checkbox — checked/indeterminate box fill + check glyph */
-    .uix-checkbox > input:checked + .uix-checkbox__box,
-    .uix-checkbox > input:indeterminate + .uix-checkbox__box {
-      background: SelectedItem; border-color: SelectedItem; forced-color-adjust: none;
-    }
-    .uix-checkbox > input:checked + .uix-checkbox__box svg { color: SelectedItemText; }
-
-    /* progress + meter — track and fill are both plain backgrounds */
-    .uix-progress, .uix-meter { border: 1px solid ButtonText; }
-    .uix-progress__bar, .uix-meter__fill { background: SelectedItem; forced-color-adjust: none; }
 
-    /* text fields — components replace the focus outline with a box-shadow ring, which WHCM strips */
-    .uix-input:focus-visible, .uix-textarea:focus-visible, .uix-select:focus-visible {
-      outline: 2px solid Highlight; outline-offset: 1px;
-    }
-  }
+  /* 2 · title / name slots */
+  :is(
+    /* editorial-home */
+    .uix-featured__title, .uix-rail-card__title, .uix-news-lead__title,
+    .uix-content-list__title, .uix-rundown__item-title, .uix-event-row__title,
+    .uix-status-row__name,
+    /* records, rows, cards */
+    .uix-card__title, .uix-list__title, .uix-inbox__subject, .uix-kanban__card-title,
+    .uix-media__name, .uix-attachment__name, .uix-contact__name, .uix-user-chip__name,
+    .uix-audit__actor
+  ) a:not(.uix-btn),
+
+  /* 3 · data cells */
+  :is(.uix-table td, .uix-dl dd) a:not([class]),
+
+  /* 4 · container anchors */
+  a:is(
+    .uix-card, .uix-stat, .uix-list__item, .uix-inbox__item, .uix-kanban__card,
+    .uix-notif, .uix-media, .uix-attachment, .uix-contact, .uix-cmdk__item,
+    .uix-content-list__item, .uix-event-row, .uix-status-row
+  ) { color: inherit; text-decoration: none; }
+
+  .uix-link--quiet:is(:hover, :focus-visible),
+
+  :is(
+    .uix-featured__title, .uix-rail-card__title, .uix-news-lead__title,
+    .uix-content-list__title, .uix-rundown__item-title, .uix-event-row__title,
+    .uix-status-row__name,
+    .uix-card__title, .uix-list__title, .uix-inbox__subject, .uix-kanban__card-title,
+    .uix-media__name, .uix-attachment__name, .uix-contact__name, .uix-user-chip__name,
+    .uix-audit__actor
+  ) a:not(.uix-btn):is(:hover, :focus-visible),
+
+  :is(.uix-table td, .uix-dl dd) a:not([class]):is(:hover, :focus-visible) { text-decoration: underline; }
+
+  /* Container anchors never underline: the anchor wraps the whole block, so an underline
+     would strike through every word in it. They take the kit's standard row-hover tint
+     instead — the same --uix-bg-hover that .uix-list__item / .uix-inbox__item / .uix-cmdk__item
+     already use, so containers with a hover of their own just restate it. */
+  a:is(
+    .uix-card, .uix-stat, .uix-list__item, .uix-inbox__item, .uix-kanban__card,
+    .uix-notif, .uix-media, .uix-attachment, .uix-contact, .uix-cmdk__item,
+    .uix-content-list__item, .uix-event-row, .uix-status-row
+  ):is(:hover, :focus-visible) { background: var(--uix-bg-hover); }
+
+  /* Container anchors that declare no display of their own would render inline as an <a>.
+     The rest of form 4 (flex/grid rows) set theirs already and must NOT be overridden —
+     link.css is imported last, so a blanket display here would flatten them. */
+  a:is(.uix-card, .uix-stat, .uix-kanban__card) { display: block; }
 }

package/build/css/tokens.css

@@ -138,19 +138,19 @@
     --uix-font-sans: "Inter",system-ui,sans-serif;
     --uix-font-heading: "IBM Plex Sans","Inter",system-ui,sans-serif;
     --uix-font-mono: "IBM Plex Mono",ui-monospace,monospace;
-    --uix-text-display: 2.5rem;
+    --uix-text-display: 40px;
     --uix-leading-display: 1.05;
-    --uix-text-data-hero: 2.125rem;
+    --uix-text-data-hero: 34px;
     --uix-leading-data-hero: 1.1;
-    --uix-text-h2: 1.5rem;
+    --uix-text-h2: 24px;
     --uix-leading-h2: 1.15;
-    --uix-text-h3: 0.9375rem;
+    --uix-text-h3: 15px;
     --uix-leading-h3: 1.3;
-    --uix-text-body: 0.875rem;
+    --uix-text-body: 14px;
     --uix-leading-body: 1.5;
-    --uix-text-meta: 0.78125rem;
+    --uix-text-meta: 12.5px;
     --uix-leading-meta: 1.4;
-    --uix-text-eyebrow: 0.6875rem;
+    --uix-text-eyebrow: 11px;
     --uix-leading-eyebrow: 1.2;
     --uix-tracking-tight: -0.02em;
     --uix-tracking-eyebrow: 0.06em;

package/build/ts/tokens.js

@@ -293,19 +293,19 @@ export const light = {
   "font-sans": "\"Inter\",system-ui,sans-serif",
   "font-heading": "\"IBM Plex Sans\",\"Inter\",system-ui,sans-serif",
   "font-mono": "\"IBM Plex Mono\",ui-monospace,monospace",
-  "text-display": "2.5rem",
+  "text-display": "40px",
   "leading-display": "1.05",
-  "text-data-hero": "2.125rem",
+  "text-data-hero": "34px",
   "leading-data-hero": "1.1",
-  "text-h2": "1.5rem",
+  "text-h2": "24px",
   "leading-h2": "1.15",
-  "text-h3": "0.9375rem",
+  "text-h3": "15px",
   "leading-h3": "1.3",
-  "text-body": "0.875rem",
+  "text-body": "14px",
   "leading-body": "1.5",
-  "text-meta": "0.78125rem",
+  "text-meta": "12.5px",
   "leading-meta": "1.4",
-  "text-eyebrow": "0.6875rem",
+  "text-eyebrow": "11px",
   "leading-eyebrow": "1.2",
   "tracking-tight": "-0.02em",
   "tracking-eyebrow": "0.06em",
@@ -414,4 +414,11 @@ export const num = {
   "space-10": 64,
   "space-11": 80,
   "space-12": 96,
+  "text-display": 40,
+  "text-data-hero": 34,
+  "text-h2": 24,
+  "text-h3": 15,
+  "text-body": 14,
+  "text-meta": 12.5,
+  "text-eyebrow": 11,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tensor_1/tokens",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "description": "UIx v2 design tokens — the --uix-* contract for house products (Tensor, POSx, SHOPx). One DTCG source -> CSS variables, Tailwind theme, and typed TS constants.",
   "type": "module",
   "license": "UNLICENSED",

package/tokens/base/typography.json

@@ -3,19 +3,19 @@
   "font-heading": { "$type": "fontFamily", "$value": "\"IBM Plex Sans\",\"Inter\",system-ui,sans-serif" },
   "font-mono":    { "$type": "fontFamily", "$value": "\"IBM Plex Mono\",ui-monospace,monospace" },
 
-  "text-display":   { "$type": "dimension", "$value": "2.5rem" },
+  "text-display":   { "$type": "dimension", "$value": "40px" },
   "leading-display":{ "$type": "number",    "$value": "1.05" },
-  "text-data-hero": { "$type": "dimension", "$value": "2.125rem" },
+  "text-data-hero": { "$type": "dimension", "$value": "34px" },
   "leading-data-hero": { "$type": "number", "$value": "1.1" },
-  "text-h2":   { "$type": "dimension", "$value": "1.5rem" },
+  "text-h2":   { "$type": "dimension", "$value": "24px" },
   "leading-h2":{ "$type": "number",    "$value": "1.15" },
-  "text-h3":   { "$type": "dimension", "$value": "0.9375rem" },
+  "text-h3":   { "$type": "dimension", "$value": "15px" },
   "leading-h3":{ "$type": "number",    "$value": "1.3" },
-  "text-body":   { "$type": "dimension", "$value": "0.875rem" },
+  "text-body":   { "$type": "dimension", "$value": "14px" },
   "leading-body":{ "$type": "number",    "$value": "1.5" },
-  "text-meta":   { "$type": "dimension", "$value": "0.78125rem" },
+  "text-meta":   { "$type": "dimension", "$value": "12.5px" },
   "leading-meta":{ "$type": "number",    "$value": "1.4" },
-  "text-eyebrow":   { "$type": "dimension", "$value": "0.6875rem" },
+  "text-eyebrow":   { "$type": "dimension", "$value": "11px" },
   "leading-eyebrow":{ "$type": "number",    "$value": "1.2" },
 
   "tracking-tight":   { "$type": "dimension", "$value": "-0.02em" },