Skip to content

feat(react-accordion): [CAP] use bundleIcon for AccordionHeader expand icon#35934

Draft
GianoglioEnrico wants to merge 1 commit intomicrosoft:masterfrom
GianoglioEnrico:feat/cap-visual-refresh-accordion
Draft

feat(react-accordion): [CAP] use bundleIcon for AccordionHeader expand icon#35934
GianoglioEnrico wants to merge 1 commit intomicrosoft:masterfrom
GianoglioEnrico:feat/cap-visual-refresh-accordion

Conversation

@GianoglioEnrico
Copy link
Copy Markdown
Contributor

Overview

Updates AccordionHeader to use bundleIcon for the expand/collapse chevron icon, replacing the standalone ChevronRightRegular with a bundled ChevronRightFilled/ChevronRightRegular

Changes

  • Replaced ChevronRightRegular with bundleIcon(ChevronRightFilled, ChevronRightRegular) in useAccordionHeader.tsx
  • Added hover styles in useAccordionHeaderStyles.styles.ts to toggle between regular and filled icon variants using iconFilledClassName / iconRegularClassName

@GianoglioEnrico GianoglioEnrico self-assigned this Mar 31, 2026
@github-actions
Copy link
Copy Markdown

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)
103.484 kB
31.344 kB
104.262 kB
31.606 kB
778 B
262 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
236.743 kB
68.75 kB
236.897 kB
68.766 kB
154 B
16 B
react-components
react-components: entire library
1.297 MB
324.139 kB
1.297 MB
324.185 kB
154 B
46 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
70.397 kB
19.96 kB
react-components
react-components: FluentProvider & webLightTheme
43.612 kB
14.022 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-timepicker-compat
TimePicker
108.174 kB
35.695 kB
🤖 This report was generated against 48c16913efc9bb85f3a3d2a4ce6ec713cae1d9d2

@github-actions
Copy link
Copy Markdown

Pull request demo site: URL

@@ -10,11 +10,13 @@ import type {
AccordionHeaderState,
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Menu Converged - submenuIndicator slotted content 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default - RTL.submenus open.chromium.png 404 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default.submenus open.chromium.png 413 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 617 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 845 Changed
vr-tests-react-components/ProgressBar converged 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - Dark Mode.default.chromium.png 77 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness.default.chromium.png 45 Changed

There were 1 duplicate changes discarded. Check the build logs for more information.

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