Here's the formatted version of the provided changelog:

# Changelog

## Migrating to v1

- Now we use tailwind to build our components. You need to install it https://tailwindcss.com/docs/installation
- Import tailwind's config and export in your app: `import baseConfig from '@chainlink/design-system/tailwind/base'`
- Note: tailwind's instalation is needed in order for components library to work. Its use at the app level can be opted out, however.

## Design-system module components to be removed (will be moved to the components library):

`breadcrumb.css`: This has been moved to the components library alongside `Breadcrumb`
`button.module.css`
`button.css`
`headerbanner.module.css`
`hero.module.css`
`hexAddress.module.css`
`input-validation.module.css`
`status-indicator.module.css`
`inputs/all.css`
`typography.css`
`link.css`
`table.css`

## Design-system tokens deprecated:

/_ Border radius _/
--border-radius-0: 0;
--border-radius-10: 4px;
--border-radius-20: 8px;

## Migrating to v0.2.0

### Deprecated (still supported until v.1.0.0)

- `hexAddress.module.css` (use `@chainlink/components/HexAddress`)
- `Input-validation` (use new `support-text` or `support-text error`)
- `button.module.css` (use new global button classes)

### New

#### Added `radio`, `input`, `checkbox` along with `label`, `support-text` and `support-text-error` classes

```jsx
<label className="label">
  This is a text input
  <input
    className="large" // this makes input large, omit and you have a normal input
    placeholder="Placeholder"
    value={value}
  />
</label>
<p className="support-text">
  This is a supportive text
</p>
<label className="label">
  <input
    className="error"
    type="checkbox"
    placeholder="Placeholder"
    value={value}
  />
</label>
<p className="support-text error">
  This was a mistake
</p>
```

#### Added `divider` class for `hr`

```jsx
<hr className="divider" />
```

#### New button classNames

- Types: `primary`, `secondary`, `tertiary`
- Variants: `destructive`, `large`

Can be used with `button`, `a`, and `summary` tags.

Ussage:

```jsx
<button className="primary">Label</button>

<button className="large">Label</button>

<button className="secondary">Label</button>

<button className="large secondary">Label</button>

<button className="tertiary">Label</button>

<button className="large tertiary">Label</button>

<a className="button">On anchor</a>

<a className="button large">On anchor</a>

<a className="button secondary">On anchor</a>
```