Skip to main content

DUIL Monorepo | multi-package setup

The team has been working hard in the past weeks to prepare the next release of DUIL.

What's new?​

We are happy to announce that DUIL now offers ad-hoc framework packages for the following platforms:

  • angular: npm i @dhl-official/angular@canary
  • react: npm i @dhl-official/react@canary
  • vue: npm i @dhl-official/vue@canary

Alongside framework-specific packages, the DUIL now offers two framework-agnostic packages:

  • tokens: This package contains all brand-approved designs tokens, within a CSS file and using CSS variables. Teams with custom components can rely on this package to maintain design consistency. npm i @dhl-official/tokens@canary

  • icons: This package contains all brand-approved icons, usable in any project and used internally by the DUIL. npm i @dhl-official/icons@canary

Note about icons and tokens​

If utilizing a framework-specific package, there's no need for a separate installation.
The tokens and icons packages are inherently bundled as a dependency within the framework-specific offering.

Why is this an improvement?​

The new packages only download the necessary code for the framework along with the tokens and the icons. This results in a lower and more optimised package bundle.

How to try it out?​

Follow the instruction at this temporary documentation link.