Skip to content

docs: add missing v8 to v9 migration guides - #36598

Open
Paolo Aliprandi (paolo-aliprandi) wants to merge 8 commits into
microsoft:masterfrom
paolo-aliprandi:docs/v8-v9-migration-guides
Open

docs: add missing v8 to v9 migration guides#36598
Paolo Aliprandi (paolo-aliprandi) wants to merge 8 commits into
microsoft:masterfrom
paolo-aliprandi:docs/v8-v9-migration-guides

Conversation

@paolo-aliprandi

@paolo-aliprandi Paolo Aliprandi (paolo-aliprandi) commented Aug 19, 2026

Copy link
Copy Markdown
Contributor

Summary

Adds and validates comprehensive v8-to-v9 migration documentation for mapped Fluent UI components.

  • adds 28 component migration guides covering core, compatibility, renamed, and compositional replacements
  • keeps the established migration-doc structure: concise overview, examples, prop mapping, and component-specific accessibility notes where needed
  • covers aliases and variants such as Modal, ShimmeredDetailsList, VirtualizedComboBox, CommandBarButton, and PeoplePicker variants
  • corrects stale component mapping entries and links every available migration guide
  • reviews and aligns the existing migration documentation against current package exports, source types, and the new guide conventions

Guide coverage

Breadcrumb, Calendar, Callout, CommandBar, DatePicker, DetailsList, Dialog, Dropdown/Combobox, FocusZone/FocusTrapZone, Icon, Link, List, MessageBar, Nav, OverflowSet, Panel, Persona, ProgressIndicator, Rating, SearchBox, Shimmer, SwatchColorPicker, TagPicker/PeoplePicker, TeachingBubble/Coachmark, Text, TimePicker, Toggle, and Tooltip.

ComboBox is covered by the shared Dropdown/Combobox guide. Stack and Stack.Item are covered by the existing Flex guides, with StackShim and StackItemShim documented as temporary migration bridges.

Existing documentation alignment

  • Component mapping and troubleshooting — normalized links, heading hierarchy, and portal guidance
  • Card, Charts, ColorPicker, and Image — replaced stale imports, unsupported APIs, and incomplete theme/color examples
  • Checkbox, Input, RadioGroup, Spinner, and Textarea — corrected prop names, ref targets, ARIA behavior, and invalid or incomplete examples
  • Stack, Stack.Item, GroupedList, Tabs, and Keytips — aligned migration framing and headings, and fixed invalid TSX
  • Theme and specialized Card/Flex/Image guidance — corrected shim availability, source links, and v8/v9 terminology while preserving specialized formats

Validation

  • formatted with the repository Prettier configuration
  • git diff --check
  • validated all 53 component guides and 53 mapping links
  • verified unique Storybook routes and exactly one title and top-level heading per guide
  • verified 148 nonempty code fences and parsed all 134 TSX examples with the repository TypeScript version
  • reviewed current package exports, prop/event types, compatibility packages, and accessibility semantics
  • all required PR checks pass

Review focus

This remains a draft for component-owner review, especially for behavioral edge cases where v8 has no one-to-one v9 prop mapping and for compatibility-component guidance.

Current working directory: /Users/paoloaliprandi/Desktop/fluent-genui-benchmark

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 9faba520-fc05-4d3f-8ac5-e0146fdd09db
@github-actions

Copy link
Copy Markdown

📊 Bundle size report

✅ No changes found

@github-actions

Copy link
Copy Markdown

Pull request demo site: URL

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 9faba520-fc05-4d3f-8ac5-e0146fdd09db
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 9faba520-fc05-4d3f-8ac5-e0146fdd09db
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 9faba520-fc05-4d3f-8ac5-e0146fdd09db
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 9faba520-fc05-4d3f-8ac5-e0146fdd09db
Correct source-backed API details across the existing v8 migration guides and expand validation to cover every guide.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@paolo-aliprandi

Copy link
Copy Markdown
Contributor Author

Reviewed the existing v8 → v9 migration documentation for consistency with the new guides:

  • Component mapping and troubleshooting — links, heading hierarchy, and portal guidance were inconsistent; normalized the structure and linked every available migration guide.
  • Card, Charts, ColorPicker, and Image — examples used stale imports, unsupported APIs, or incomplete theme/color patterns; updated them against current package exports and types.
  • Checkbox, Input, RadioGroup, Spinner, and Textarea — prop names, ref targets, ARIA behavior, and examples were inconsistent or invalid; corrected the mappings and made the examples self-contained.
  • Stack, Stack.Item, GroupedList, Tabs, and Keytips — migration framing, headings, or fenced examples differed from the established pattern; aligned the terminology and fixed the invalid Tabs TSX example.
  • Theme and specialized Card/Flex/Image guidance — shim availability, source links, and v8/v9 terminology were stale; corrected the references while preserving their specialized formats.
  • Regression coverage — expanded validation from the 28 new pages to all 53 component guides, covering unique routes, mapping links, title/H1 structure, nonempty code fences, and TSX syntax.

Fold source-verified Drawer/Popover targeting, dismissal, focus, positioning, and unsupported-behavior guidance into the concise guides.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@paolo-aliprandi
Paolo Aliprandi (paolo-aliprandi) marked this pull request as ready for review August 21, 2026 14:35
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
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.

1 participant