Merci de considérer la contribution au Design System AXA France ! Nous sommes ravis de voir que vous souhaitez participer à l'amélioration de notre projet qui regroupe les design systems d'AXA France.
Le développement de composant est facilité grâce à storybook.
Vous pouvez le lancer grâce à la commande npm run start
qui lancera en parallèle le build du CSS, son storybook et le storybook React.
-
Fork du Projet : Commencez par forker le projet vers votre compte GitHub.
-
Cloner le Projet : Clonez le projet depuis votre compte vers votre machine locale.
git clone https://github.com/votre-utilisateur/design-system.git
- Créer une Branche : Créez une branche pour travailler sur votre nouvelle fonctionnalité ou correction.
git switch -c nom-de-ma-branche
-
Faire des Modifications : Effectuez les modifications nécessaires et assurez-vous que votre code respecte les conventions du projet. Utilisez la Conventional Commits pour le nommage et la découpe des commits.
-
Tester Localement : Testez votre code localement pour vous assurer qu'il fonctionne correctement.
-
Soumettre une Pull Request : Une fois que vous êtes satisfait de vos modifications, soumettez une pull request vers la branche principale du projet.
Nous utilisons Conventional Commits pour nous assurer que les messages de commit respectent les conventions spécifiées.
<type>[scope]: <description>
[optional body]
[optional footer(s)]
Voici les règles à suivre pour les scopes de commit :
- Utilisez le scope correspondant au design system mis à jour par le commit. Les scopes disponibles sont :
slash
look&feel
apollo
- Si le commit traite de deux ou plusieurs design systems, séparez les scopes par une virgule (
,
). - Si le commit est plus général au projet, utilisez le scope
design-system
. - Les scopes
deps
,deps-dev
etrelease
sont réservés et ne doivent pas être utilisés.
Exemples de messages de commit valides :
feat(slash): ajout d'un nouveau composant
fix(look&feel,apollo): correction des styles et des icônes
chore(design-system): mise à jour des dépendances
Pour indiquer un changement majeur qui casse la compatibilité, ajoutez un '!' entre le scope et les ':' ainsi qu'une section "BREAKING CHANGE" dans le footer du commit.
Le '!' permet de signaler que le commit contient une breaking change.
La section "BREAKING CHANGE" permet de décrire les changements majeurs apportés par le commit.
Exemple :
feat(slash)!: suppression des classModifiers
BREAKING CHANGE: Les classModifiers ont été supprimés des composant Slash. Il faut désormais utiliser les props dédiés comme `variant` ou `size`.
Toutes les tâches et discussions sont gérées via les issues sur GitHub. Consultez la page des issues pour voir ce sur quoi les collaborateurs travaillent actuellement.
Si vous souhaitez travailler sur une tâche spécifique, veuillez vous attribuer cette issue ou en discuter dans les commentaires.
Rejoignez les discussions sur le projet en consultant les différentes sections du tableau Projects. Nous possédons également des groupes de discussions internes si vous le souhaitez.
Veuillez lire et suivre notre Code de Conduite. Nous encourageons un environnement respectueux et inclusif.
Merci de contribuer au Design System AXA France !