Skip to content

Semantic Tokens: Fix classNames order in Avatar and Accordion - #34885

Merged
Mitch-At-Work merged 1 commit into
microsoft:extended-tokensfrom
Mitch-At-Work:user/mifraser/fix-up-classnames
Jul 21, 2025
Merged

Semantic Tokens: Fix classNames order in Avatar and Accordion#34885
Mitch-At-Work merged 1 commit into
microsoft:extended-tokensfrom
Mitch-At-Work:user/mifraser/fix-up-classnames

Conversation

@Mitch-At-Work

Copy link
Copy Markdown
Contributor

This pull request includes updates to the useSemanticAccordionHeaderStyles and useSemanticAvatarStyles functions to ensure that existing class names are preserved when merging styles. The changes improve the consistency and correctness of class name assignments for various components.

Changes to Accordion Header Styles:

  • useSemanticAccordionHeaderStyles in useSemanticAccordionHeaderStyles.styles.ts: Updated the order of mergeClasses calls to ensure that state.root.className, state.button.className, state.expandIcon.className, and state.icon.className are preserved when merging with other styles. [1] [2]

Changes to Avatar Styles:

  • useSemanticAvatarStyles in useSemanticAvatarStyles.styles.ts: Adjusted mergeClasses calls for state.badge.className, state.image.className, state.initials.className, and state.icon.className to include the existing class names before merging additional styles. [1] [2]

@Mitch-At-Work
Mitch-At-Work requested a review from a team as a code owner July 21, 2025 18:07
@github-actions

Copy link
Copy Markdown

Pull request demo site: URL

@Mitch-At-Work
Mitch-At-Work merged commit ab4bb48 into microsoft:extended-tokens Jul 21, 2025
9 of 13 checks passed
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