Skip to content

add teaching popover to semantic style hooks - #34898

Merged
Mitch-At-Work merged 3 commits into
microsoft:extended-tokensfrom
rachethecreator:ryoo/teaching-popover
Jul 24, 2025
Merged

add teaching popover to semantic style hooks#34898
Mitch-At-Work merged 3 commits into
microsoft:extended-tokensfrom
rachethecreator:ryoo/teaching-popover

Conversation

@rachethecreator

Copy link
Copy Markdown

Adds react-teaching-popover to semantic-style-hooks-preview

Missing the following semantic tokens in TeachingPopoverHeader--

  • color: tokens.colorNeutralForeground3 - there are semantic token values mapped in fluentOverrides but are specific for other components (Avatar, Badge), or for icons (foregroundCtrlIconOnNeutralRest)
  • padding: tokens.spacingVerticalXS/spacingHorizontalXS - there are no equivalents for the vertical spacing token, and the existing horizontal spacing token values mapped in fluentOverrides are for the Badge component or for gap spacing, not padding

Note: Will need to replace usePopoverSurfaceStyles_unstable with local useSemanticPopoverSurfaceStyles in TeachingPopoverSurface when Popover component is added to semantic style hooks

@github-actions

Copy link
Copy Markdown

Pull request demo site: URL

@Mitch-At-Work
Mitch-At-Work force-pushed the ryoo/teaching-popover branch from c51f1d2 to 89d5191 Compare July 24, 2025 00:39
@Mitch-At-Work
Mitch-At-Work enabled auto-merge (squash) July 24, 2025 00:39
@Mitch-At-Work
Mitch-At-Work merged commit a4e8061 into microsoft:extended-tokens Jul 24, 2025
10 of 14 checks passed
Mitch-At-Work added a commit that referenced this pull request Aug 6, 2025
Co-authored-by: Mitch-At-Work <mifraser@microsoft.com>
Mitch-At-Work added a commit that referenced this pull request Aug 20, 2025
Co-authored-by: Mitch-At-Work <mifraser@microsoft.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.

2 participants