Skip to content

Remove @material-ui/core dependency from AccordionCard #7021

@talissoncosta

Description

@talissoncosta

Problem

web/components/base/accordion/AccordionCard.tsx is the only component using @material-ui/core — specifically Collapse and IconButton. This adds a heavy dependency for a single collapsible card.

Solution

Replace Material UI's Collapse with a CSS transition or native <details>/<summary> element. Remove IconButton usage (use our own Button with theme="icon").

After this change, @material-ui/core can be removed from package.json.

Acceptance criteria

  • AccordionCard works identically (expand/collapse animation)
  • @material-ui/core removed from dependencies
  • No visual regressions

Part of the Design System Audit (#6606) · Epic: #6882

Metadata

Metadata

Assignees

No one assigned

    Labels

    front-endIssue related to the React Front End Dashboardtech-debtTechnical debt issues

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions