Semantic Tokens: Popover

[Xue (etudie)]

This pull request introduces updates to ownership assignments, adds new features across multiple Fluent UI packages, and includes style improvements for components. Below is a categorized summary of the most important changes:

Ownership Updates

• Added ownership for packages/semantic-tokens and packages/react-components/semantic-style-hooks-preview to @microsoft/xc-uxe in .github/CODEOWNERS. [1] [2]

New Features in Fluent UI Packages

• Dialog: Exported dialog style constants such as FULLSCREEN_DIALOG_SCROLLBAR_OFFSET and media query selectors for responsive design. [1] [2]
• Drawer: Exported DrawerBaseState for external usage and integrated a custom style hook (useCustomStyleHook_unstable). [1] [2] [3] [4] [5]
• Tabs: Exported reservedSpaceClassNames and useTabAnimatedIndicatorStyles_unstable for style overrides.
• Toast: Exported ToastContainer state and classNames for style customization.
• Tree: Exported TreeItemCSSProperties for external usage.
• Semantic Style Hooks: Implemented a framework for semantic style hooks in @fluentui/semantic-style-hooks-preview.
• Semantic Tokens: Added initial scaffolding for the semantic token package.

Style Enhancements

• Dialog: Added support for height: 1dvh in DialogBody and DialogSurface styles for better viewport handling. [1] [2]
• List: Improved hover and active state styles for selected items in the List component.

Documentation

• Temporarily added a semantic theme for documentation purposes in @fluentui/react-storybook-addon.

[github-actions]

Pull request demo site: URL