Retroactive review Phase 2.2: audit priority molecules, fix P0/P1

- AddOnOption: add aria-disabled when disabled (P1 a11y)
- ProviderCardCompact: add maxLines={1} on name to prevent overflow (P2 UX)
- ServiceOption: price uses labelLg variant instead of h6 + hardcoded fontWeight (P1 theming)

Audit scores: ServiceOption 13/20, AddOnOption 14/20, ProviderCardCompact 15/20

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-30 18:31:04 +11:00
parent b454911314
commit 577adf7f13
3 changed files with 4 additions and 3 deletions

View File

@@ -99,6 +99,7 @@ export const AddOnOption = React.forwardRef<HTMLDivElement, AddOnOptionProps>(
selected={checked}
padding="none"
onClick={handleToggle}
aria-disabled={disabled || undefined}
sx={[
{
p: 'var(--fa-card-padding-compact)',

View File

@@ -95,7 +95,7 @@ export const ProviderCardCompact = React.forwardRef<HTMLDivElement, ProviderCard
minWidth: 0,
}}
>
<Typography variant="h6" component="span">
<Typography variant="h6" component="span" maxLines={1}>
{name}
</Typography>

View File

@@ -116,10 +116,10 @@ export const ServiceOption = React.forwardRef<HTMLDivElement, ServiceOptionProps
</Typography>
{price != null && (
<Typography
variant="h6"
variant="labelLg"
component="span"
color="primary"
sx={{ fontWeight: 600, whiteSpace: 'nowrap' }}
sx={{ whiteSpace: 'nowrap' }}
>
${price.toLocaleString('en-AU')}
</Typography>