Skip to content
Home

v8

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.
  2. Removed the undocumented icons package dnb-ui-icons-archive.
  3. 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)).
  2. The figure HTML got included in the CSS reset with a margin: 0.
  3. Add TypeScript type declarations for component PropTypes.
  4. Add pure trigger prop to Modal & Drawer.

Install

To upgrade to v8 with NPM, use:

$ npm i dnb-ui-lib@8

December, 15. 2020