import { Badge } from 'terra-demographics-banner/package.json?dev-site-package';

<Badge />

# Terra Demographics Banner Upgrade Guide

## Changes from version 2 to version 3

### Changes to CSS Custom Properties

#### Renamed
| Previous | New |
|-|-|
| --terra-demographics-banner-foreground | --terra-demographics-banner-color |
| --terra-demographics-banner-foreground-deceased | --terra-demographics-banner-deceased-color |

#### Added
* --terra-demographics-banner-background-color
* --terra-demographics-banner-background-image
* --terra-demographics-banner-box-shadow
* --terra-demographics-banner-padding
* --terra-demographics-banner-profile-photo-margin
* --terra-demographics-banner-value-margin-right
* --terra-demographics-banner-value-margin-top
* --terra-demographics-banner-person-details-margin-top
* --terra-demographics-banner-deceased-background-color
* --terra-demographics-banner-deceased-background-image
* --terra-demographics-banner-deceased-profile-photo-opacity
* --terra-demographics-banner-content-margin
* --terra-demographics-banner-application-content-margin-top
* --terra-demographics-banner-large-box-shadow
* --terra-demographics-banner-large-padding
* --terra-demographics-banner-large-person-name-font-size

#### Removed
* --terra-demographics-banner-background
* --terra-demographics-banner-background-deceased