# Surfaces

<details>

<summary>Accordion</summary>

**Breaking changes**

* `content` prop has been removed

**New features**

* new `variant` prop which allows you to choose between standard and filled content
* new `title` and `details` props

</details>

<details>

<summary>AccordionList</summary>

**New features**

* new component with whom the user can render a list of accordions

</details>

<details>

<summary>Card</summary>

**Breaking changes**

* content is now wrapped in CardContent component which adds a padding to it; to not render CardContent, use the `disablePadding` prop

**Fixes**

* fixed the gradient background color for colored cards

**New features**

* new `variant` prop which allows you to choose between `standard` and `filled` header
* new props: `actions`, `title`, `subheader`, `headerProps`, `footer`, `footerProps`, `mediaProps` allow you to include CardHeader, CardMedia and CardActions in your card
* in the new `mediaProps` you can still set the `size` property for some default sizes
* note: caller must specify `height` otherwise the image will not be visible.

</details>

<details>

<summary>CardActions</summary>

* new component

</details>

<details>

<summary>CardHeader (old CardTitle)</summary>

**Breaking changes**

* `subtitle` prop is now called `subheader`

**New features**

* new `variant` prop which allows you to choose between `standard` and `filled` header

</details>

<details>

<summary>ChartCard</summary>

* component has been removed; use `StatsChart` instead.

</details>

<details>

<summary>CollapseCard</summary>

* new component that can receive an `icon` or not
* slightly changed styles compared to the old `IconCollapseCard` (which has been removed)

</details>

<details>

<summary>IconCard</summary>

* component has been removed; use `Card` with `icon` prop instead.

</details>

<details>

<summary>IconCollapseCard</summary>

* component has been removed; use `CollapseCard` with `icon` prop instead.
* in the new `CollapseCard`, `summary` prop has been replace with `subheader`.

</details>

<details>

<summary>StatsCard</summary>

* `subContent`, `statLink`, `StatIcon` and `statIconColor` props have been removed
* `Icon` prop has been renamed to `icon`

</details>

<details>

<summary>RegularCard</summary>

* component has been removed, use `Card` instead
* `cardSubtitle` prop is now `subheader`
* use `headerProps` to replace the behavior of `titleAlign` and `subtitleAlign`

</details>