Laif Design System

Install Laif DS on your project:

npm i laif-ds

Development mode

yarn storybook

Il comando esegue due operazioni in sequenza: prima compila il CSS con tailwindcss v4 salvandolo in un file output.css, poi avvia Storybook che utilizza questo file CSS precompilato. Questo approccio è necessario con Tailwind CSS v4 perché, a differenza delle versioni precedenti, v4 utilizza un'architettura "zero-runtime" che non si integra più direttamente con Storybook. La generazione separata del CSS è quindi la soluzione raccomandata per utilizzare Tailwind v4 con Storybook.

Release

Il rilascio è automatizzato e PR-driven. In sintesi:

• Stabile (latest): mergia una PR in master → la CI fa bump, tag vX.Y.Z e publish. Bump patch di default; label release:minor / release:major per l'override.
• Beta (per-feature): metti la label beta su una PR aperta → ogni push pubblica una prerelease sul canale del branch (feat/map-v2 → npm i laif-ds@map-v2), senza toccare latest. Alla chiusura della PR il canale viene rimosso e le sue versioni deprecate — lascia la label beta fino alla chiusura, altrimenti il teardown non parte. Se la feature è stata testata e può essere deployata, chiudi la PR beta e riapri una nuova PR stabile senza label beta.

Guida completa (prerequisiti, versioning, teardown, gestione fallimenti): docs/RELEASE.md.

Colors

Qui è definito il tema base di laif. Sovrascrivibile nel progetto che lo implementa. Per farlo basta cambiare i valori delle variabili. Di seguito sono importati 3 temi per demostrazione generati con (https://tweakcn.com/editor/theme)