@trading-game/design-intelligence-layer 0.17.3 → 0.17.4

package/README.md

@@ -738,6 +738,10 @@ Design tokens are managed in Figma and exported as CSS variables. To update:
 - **Banner — close X corner anchor:** the close `X` stays grid-centred on single-line banners but pins to `absolute top-3 right-3` whenever `description` is set or `layout="card"` — so it reads as a true corner dismiss instead of floating mid-body.
 - **Button — instant bg-color hover:** the button base now uses `transition-[color,border-color,opacity,box-shadow,transform]` instead of `transition-all`. `background-color` flips instantly on hover so the brief partially-transparent fade phase (which let surrounding surface tints bleed through a hovered secondary button) is gone.
 
+### v0.17.4
+- **Button — `tertiary` variant text color changed to black:** `text-primary` (brand blue) → `text-on-prominent` (black). Hover changed from `bg-primary/[0.08]` to `bg-secondary-hover`. Use `tertiary-inverse` for white text on dark/coloured surfaces (unchanged). **Migration:** if you were relying on the blue text of `tertiary` for visual hierarchy, switch to `variant="tertiary-inverse"` on coloured surfaces, or keep a local className override.
+- **Input — `readOnly` state:** passing the native HTML `readOnly` prop now renders the input with `border-transparent`, `bg-subtle/60`, and `pointer-events-none` — a distinct non-interactive display state. Clearly distinguishable from `disabled` (which uses `opacity-50` + greyed text) and from the default editable state (solid border). No API change — use the standard `readOnly` HTML attribute.
+
 ### v0.16.7
 - **Credit badge readability pass:** `<Badge variant="fill-credit">` and the credit pill inside `CreditTicketCard` now sit on a deeper peach surface and use a bold deep-amber text for crisper read on the grey `bg-subtle` ticket card and on white / brand-blue surfaces alike. Token chain: `--primitive-amber-100` (#FEEBD9) → `--primitive-amber-300` (#FDCA8A) and `--primitive-amber-800` (#713813) → `--primitive-amber-900` (#521900). `--semantic-boost-surface` and `--on-semantic-boost` are repointed automatically. Variant class also bumps to `!font-bold`.
 - **CreditTicketCard — responsive compact layout:** Compact variant now keeps the credit badge inline next to the value when there's room and only wraps to a second line when balance + badge would overflow into the deposit stub (`flex-wrap` on the value/badge row, with `whitespace-nowrap` on the value so the number itself never splits). Non-compact keeps the existing inline behavior.

package/dist/index.cjs

@@ -541,7 +541,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         secondary: "bg-transparent border-[1.5px] border-border-prominent text-on-prominent hover:bg-secondary-hover",
         // Secondary Inverse — white border + white text; for use on dark/coloured surfaces
         "secondary-inverse": "bg-transparent border-[1.5px] border-primary-inverse text-on-prominent-inverse hover:bg-primary-inverse/10",
-        tertiary: "bg-transparent text-primary hover:bg-primary/[0.08]",
+        tertiary: "bg-transparent text-on-prominent hover:bg-secondary-hover",
         // Tertiary Inverse — transparent + white text/icon; for use on dark/coloured surfaces
         "tertiary-inverse": "bg-transparent text-on-primary hover:bg-on-primary/[0.10]"
       },
@@ -2306,6 +2306,7 @@ var inputVariants = (0, import_class_variance_authority5.cva)(
     "w-full min-w-0 rounded-xs border font-body transition-[color,box-shadow] outline-none",
     "file:inline-flex file:border-0 file:bg-transparent file:font-medium",
     "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    "read-only:pointer-events-none read-only:border-transparent read-only:bg-subtle/60",
     "focus-visible:ring-[3px]"
   ].join(" "),
   {