---
title: 'v8'
description: 'December, 15. 2020'
version: 11.3.0
generatedAt: 2026-05-19T08:44:40.689Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

# v8

- [Migration](#migration)
- [Changes](#changes)

## Migration

v8 contains a couple of _breaking changes_. As a migration process, you can simply search and replace:

1. Find `black-30` and replace it with `black-20`.
1. Removed the undocumented icons package `dnb-ui-icons-archive`.
1. Find these icons and replace them:

- `search` to `loupe`
- `settings` to `cog`
- `print` to `printer`
- `pencil` to `edit`
- `view_off` to `hide`
- `file` to `document`
- `file_add` to `document_add`
- `contract` to `document_contract`
- `link_out` to `launch`
- `logout` to `log_out`
- `login` to `log_in`
- `without_bankid` to `pin_code`
- `bankid_on_mobile` to `bankid_mobile`
- `bankid_with_qr` to `bankid_qr`
- `check_alt_01` removed (use e.g. `check`)

## Changes

1. **Potential Breaking:** If you have used a CSS var (custom property) (e.g. `var(--input-text-color)`) to change a components **color** – then you would have to use the CSS color vars directly on the element (`var(--color-sea-green)`).
1. The `figure` HTML got included in the CSS reset with a `margin: 0`.
1. Add TypeScript type declarations for component PropTypes.
1. Add pure `trigger` property to [Modal & Drawer](/uilib/components/modal).

## Install

To upgrade to v8 with NPM, use:

```bash
$ npm i dnb-ui-lib@8
```

_December, 15. 2020_