@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
54 lines (41 loc) • 1.5 kB
Markdown
---
title: 'v8'
description: 'December, 15. 2020'
version: 11.8.2
generatedAt: 2026-07-03T14:39:18.354Z
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_