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

<Badge />

# Terra Section Header Upgrade Guide

## Changes from version 1 to version 2

### Changes to CSS Custom Properties

#### Renamed
| Previous | New |
|-|-|
| --terra-transparent-section-header-hover-background | --terra-section-header-transparent-hover-background |
| --terra-transparent-section-header-hover-border-bottom | --terra-section-header-transparent-hover-border-bottom |
| --terra-transparent-section-header-hover-border-left | --terra-section-header-transparent-hover-border-left |
| --terra-transparent-section-header-hover-border-right | --terra-section-header-transparent-hover-border-right |
| --terra-transparent-section-header-hover-border-top | --terra-section-header-transparent-hover-border-top |
| --terra-transparent-section-header-hover-box-shadow | --terra-section-header-transparent-hover-box-shadow |
| --terra-transparent-section-header-hover-color | --terra-section-header-transparent-hover-color |
| --terra-transparent-section-header-focus-background | --terra-section-header-transparent-focus-background |
| --terra-transparent-section-header-focus-border-bottom | --terra-section-header-transparent-focus-border-bottom |
| --terra-transparent-section-header-focus-border-left | --terra-section-header-transparent-focus-border-left |
| --terra-transparent-section-header-focus-border-right | --terra-section-header-transparent-focus-border-right |
| --terra-transparent-section-header-focus-border-top | --terra-section-header-transparent-focus-border-top |
| --terra-transparent-section-header-focus-box-shadow | --terra-section-header-transparent-focus-box-shadow |
| --terra-transparent-section-header-focus-color | --terra-section-header-transparent-focus-color |
| --terra-transparent-section-header-active-background | --terra-section-header-transparent-active-background |
| --terra-transparent-section-header-active-border-bottom | --terra-section-header-transparent-active-border-bottom |
| --terra-transparent-section-header-active-border-left | --terra-section-header-transparent-active-border-left |
| --terra-transparent-section-header-active-border-right | --terra-section-header-transparent-active-border-right |
| --terra-transparent-section-header-active-border-top | --terra-section-header-transparent-active-border-top |
| --terra-transparent-section-header-active-box-shadow | --terra-section-header-transparent-active-box-shadow |
| --terra-transparent-section-header-active-color | --terra-section-header-transparent-active-color |
| --terra-section-header-accordion-icon | --terra-section-header-accordion-icon-background |

#### Added
* --terra-section-header-accordion-icon-height
* --terra-section-header-accordion-icon-width