Skip to content

Feat(#185): adjust focus states - #218

Merged
anneke merged 2 commits into
mainfrom
feat/185-adjust-focus-states
Oct 13, 2026
Merged

anneke merged 2 commits into
mainfrom
feat/185-adjust-focus-states

Conversation

@anneke

@anneke anneke commented Oct 12, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Changes opacity of ring to more opaque
  • split :focus and :focus-visible styling

Related issue

Closes #185

Type of change

  • Fix
  • New feature / variant
  • Breaking change
  • Docs / repo tooling (no package code changed)
  • Chore / refactor

Checklist

  • pnpm build, pnpm lint, and pnpm format pass
  • Storybook story added/updated to cover the change (variants, sizes, states)
  • Visual snapshots updated (pnpm test:visual:update after pnpm build-storybook) if appearance changed
  • Changeset added (pnpm changeset) — required for any change to @surfnet/curve-react or @surfnet/curve-angular; N/A for docs/CI-only changes
  • React and Angular kept in parity, if applicable (contract updated in @surfnet/curve-contracts)

Screenshots

Before opacity 50%: (focus and focus-visible)
Scherm­afbeelding 2026-10-12 om 18 24 47

After opacity 32%: (focus and focus-visible)
Scherm­afbeelding 2026-10-12 om 18 24 39

Signed-off-by: Anneke Sinnema <mail@annekesinnema.nl>
Signed-off-by: Anneke Sinnema <mail@annekesinnema.nl>
@github-actions

Copy link
Copy Markdown
Contributor

♿ Accessibility audit — WCAG 2.2 AA

✅ No violations across 367 stories / 11744 theme·mode combinations in @surfnet/curve-angular, @surfnet/curve-react.

Automated axe covers ~30–50% of WCAG 2.2 AA. Keyboard, screen-reader and reflow checks still need a manual pass. Full per-story JSON is in the run’s a11y-reports artifact.

@anneke
anneke merged commit f5c43ed into main Oct 13, 2026
1 check passed
@anneke
anneke deleted the feat/185-adjust-focus-states branch October 13, 2026 11:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Adjust focus states with new color and approach

1 participant