feat(FilterPanel): added accordion and group

[paul-balchin-ibm]

Contributes to #4477

Migrating FilterPanelAccordion, FilterPanelAccordionItem, and FilterPanelGroup from Products v1 / Patterns / FilterPanel.

v1 references (there are no individual stories for these components, here is the link to the default story):

• Accordion - GitHub
• Accordion Item - GitHub
• Group - GitHub

What did you change?

This is a new v2 subcomponent to FilterPanel.

FilterPanelAccordion prop updates

Old prop	New prop ↓	Change
—	accordionProps	New object {} specific to Carbon's Accordion component props.
children	children	No change.
className	className	No change.
count	count	No change.
heading	labelText	Renamed.
title	title	No change.

FilterPanelAccordionItem prop updates

Old prop	New prop ↓	Change
—	accordionItemProps	New object {} specific to Carbon's AccordionItem component props.
children	children	No change.
className	className	No change.
count	count	No change.
heading	labelText	Renamed.
title	title	No change.
	truncatedListProps	New object {} specific to TruncatedList component props.
collapseLabel	—	Removed. Use truncatedListProps{collapsedItemsLimit} instead.
expandLabel	—	Removed. Use truncatedListProps{expandedItemsLimit} instead.
scrollGradientColor	—	Scroll gradients are deprecated in Carbon 11.

FilterPanelGroup prop updates

Old prop	New prop ↓	Change
children	children	No change.
className	className	No change.
count	count	No change.
heading	labelText	Renamed.
title	title	No change.
countLabel	—	Removed.
titleClassName	—	Removed.

How did you test and verify your work?

• Storybook
• Tests (one test is failing, looking into it)

[netlify]

✅ Deploy Preview for carbon-for-ibm-products ready!

Name	Link
🔨 Latest commit	aa105b9
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-for-ibm-products/deploys/6606e506114633000986dcf4
😎 Deploy Preview	https://deploy-preview-4620--carbon-for-ibm-products.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[elycheea]

Okay, just noticed that all the canary labels are missing in Storybook now. 😬 Will re-approve once addressed.

[elycheea]

I’m just gonna leave this here for you @paul-balchin-ibm. Turns out, nothing was actually wrong. The canary tags were just hidden because FilterPanelCheckboxWithOverflow name was so long. 🙈