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

<Badge />

# Terra Hyperlink Upgrade Guide

## Changes from version 1 to version 2

### Changes to CSS Custom Properties

#### Renamed
| Previous | New |
|-|-|
| --terra-link-color | --terra-hyperlink-color |
| --terra-link-underline | --terra-hyperlink-text-decoration |
| --terra-link-visted-color | --terra-hyperlink-visited-color |
| --terra-link-hover-background-color | --terra-hyperlink-hover-background-color |
| --terra-link-hover-color | --terra-hyperlink-hover-color |
| --terra-link-hover-underline | --terra-hyperlink-hover-text-decoration |
| --terra-link-focus-background-color | --terra-hyperlink-focus-background-color |
| --terra-link-focus-border-radius | --terra-hyperlink-focus-border-radius |
| --terra-link-focus-box-shadow | --terra-hyperlink-focus-box-shadow |
| --terra-link-focus-color | --terra-hyperlink-focus-color |
| --terra-link-focus-underline | --terra-hyperlink-focus-text-decoration |
| --terra-link-active-color | --terra-hyperlink-active-color |
| --terra-link-disabled-color | --terra-hyperlink-disabled-color |
| --terra-link-external-icon | --terra-hyperlink-external-after-background-image |
| --terra-link-image-icon | --terra-hyperlink-image-after-background-image |
| --terra-link-video-icon | --terra-hyperlink-video-after-background-image |
| --terra-link-audio-icon | --terra-hyperlink-audio-after-background-image |
| --terra-link-document-icon | --terra-hyperlink-document-after-background-image |


#### Added
* --terra-hyperlink-disabled-text-decoration
* --terra-hyperlink-external-disabled-after-background-image
* --terra-hyperlink-image-disabled-after-background-image
* --terra-hyperlink-video-disabled-after-background-image
* --terra-hyperlink-audio-disabled-after-background-image
* --terra-hyperlink-document-disabled-after-background-image