[Feature]: List View and Preview Dialog Functionality

[gouttierre]

Library

React Components / v9 (@fluentui/react-components)

Describe the feature that you would like added

This component displays the title, description and illustration of an item from the list when the user moves the cursor over it, providing more information and context about the item.

Have you discussed this feature with our team

Gouttierre / Roma / Tudor

Additional context

Product team/name:

• Viva Studios / Goals

Reference links:

• https://www.figma.com/design/aMjdGUMAHUOFBTbhiJ5lCI/Add-column-details?node-id=1-277&t=GgdjJocKG9BPDKsu-1

Timeline (requested due date by partner):

• 2024-07-31

Validations

• [x] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

High

[gouttierre]

📢

• Requires both design and engineering work.
• The feature should be a Fluent contribution repo candidate / not apart of core.
• An option: Viva Goals is willing to help in creating this component while the Fluent dev team could consultant on how to contribute

cc @JustSlone , @paulgildea , @tudorpopams, @jurokapsiar

[smhigley]

This has some pretty gnarly accessibility issues baked into the interaction design -- this would benefit from having an accessibility review earlier -- either in planning or design.