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.