Pix-UI-Themes est un ensemble de thèmes css. Il en existe deux :
- le thème par défaut (pix-theme-default)
- le thème Pix1D (pix-theme-pluto)
Il est utilisable par la librairie de composants Pix-UI(1024pix/pix-ui#436). Le thème par défaut est le thème parent. Il est surchargeable par les thèmes enfants.
Pour utiliser le style sur une application Ember externe, il faut installer le package npm pix-ui-themes avec la commande :
npm install @1024pix/pix-ui-themes@<tag_souhaité>
Quel tag choisir ?
<tag_souhaité>
doit correspondre au numéro de version à installer. Ce numéro de version correspond à une release. Par exemple, on peut remplacer <tag_souhaité>
par v0.1.1
.
Il est possible d'installer Pix UI Themes sans #<tag_souhaité>
, auquel cas ce sera la dernière version qui sera installée.
git clone git@github.com:1024pix/pix-ui-themes.git
cd pix-ui-themes
npm install
Les design-tokens sont créés via des variables css.
Pour visualiser les composants créés, il faut lancer storybook :
npm run storybook
On peut alors changer de thèmes pour visualiser les différents designs.
Pour créer le package npm, il faut :
- Modifier la version dans le
package.json
selon la norme Semver - Faire un
npm run build
puis unnpm run publish