7ecf3094594283dfb1ae5f5a138f21a1d9c61aca
Replaces the earlier inert selected-state treatment. Now: - Button keeps its default soft/secondary chrome in both states — no separate brand-tinted visual. - When `inCart=true`, a leading CheckRoundedIcon is added and the label swaps from "Compare" to "Added". - Button remains clickable; `onCompare` is invoked in both states. Caller treats it as a toggle — add when absent, remove when present. - aria-pressed reflects the state for SR users; aria-label spells "Add to comparison" / "Remove from comparison" explicitly. Demo route swaps `basket.add()` for `basket.toggle()` on the handler so a second click removes the package from the comparison basket. Simpler visual (less space, one chrome to maintain) and a clearer interaction — the user can undo directly from the detail panel rather than hunting for CompareBar. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Description
No description provided
Languages
TypeScript
94.6%
JavaScript
2.8%
CSS
2.5%
HTML
0.1%