Preparation:

• Open UI Research
• Open GitHub issues related to component
  • Is it possible to remove some DOM elements from Persona and PersonaCoin? #23386
• react-* package scaffolded with the right ownership in CODEOWNERS
  • chore(react-persona): Create package react-persona and Persona component #24214
• Component Spec authored and reviewed
  • docs(react-persona): Adding Persona spec #24436

Implementation

@fluentui/react-persona

• Component implementation
  • feat(react-persona): Adding initial implementation #24749
• Storybook stories
  • feat(react-persona): Adding initial implementation #24749
  • feat(react-persona): Adding size and textAlignment props and updating styles #25626
• Add tests: Conformance, Unit, and VR -- add PRs to all
  • Bundle size fixtures
    • chore(react-persona): Create package react-persona and Persona component #24214
  • Conformance tests
    • chore(react-persona): Add vr, conformance, and unit tests #25007
  • Unit tests
    • chore(react-persona): Add vr, conformance, and unit tests #25007
  • VR tests
    • chore(react-persona): Add vr, conformance, and unit tests #25007
    • feat(react-persona): Adding size and textAlignment props and updating styles #25626
  • Accessibility behavior tests
  • Create an issue and run manual accessibility tests:
    • Persona: Manual accessibility checklist #25698
    • fix(react-persona): Make Persona's text wrap when overflowing its container #25880
  • Performance test scenario
    • feat(perf-tests-react-components): Add perf test for Persona #25863
• README.md covering basic usage
  • feat(react-components): Move Persona to unstable #25008
• MIGRATION.md guide (include v8 and v0)
  • docs(react-persona): Adding migration guide #25022

Validation

• Add and validate in UI Builder
• Add and validate in docs site
• Validate with token pipeline
• Validate in product
• Finalize migration guide
  • Author codemods