Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(tag, theme)!: update colored tag variant #758

Merged
merged 66 commits into from
Apr 24, 2024
Merged

Conversation

hebernardEquisoft
Copy link
Contributor

@hebernardEquisoft hebernardEquisoft commented Mar 4, 2024

DS-948

Description

Ici on vient ajouter les variantes de couleurs de la composante Tag et on vient également mettre à jour quelques détails par rapport aux maquettes Figma de l'équipe design.

Les variantes de couleurs ne supportent pas certaines fonctionnalités pour le moment:

  • Ne sont pas clickables et/ou sélectionnable
  • Ne peuvent pas avoir de DeleteButton, d'icône et ni d'extraLabel

De plus, on vient ajouter le package @storybook/addon-controls qui permet de tester au runtime différentes variables sur la composante. Très intéressant pour le futur du storybook!

En extra, il y aura une concaténation si la chaîne de caractère pour le label/extraLabel dépasse les 20 charactères. (Suivant les guidelines du Notion sur les tags)

Tests fonctionnels

  • Valider le bon fonctionnement des tags selon différents paramètres
  • Valider minutieusement le bon theming de chacune des variantes de tag par rapport aux maquettes

Screenshots

image

@hebernardEquisoft hebernardEquisoft requested a review from a team as a code owner March 4, 2024 15:12
Copy link

github-actions bot commented Mar 4, 2024

Storybook for this build: https://ds.equisoft.io/pr-758/

Copy link

@maboilard maboilard left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

C'est peut-être hors scope mais est-ce que les border-radius sont vraiment de 6px? Quand je compare avec Pixel Perfect, ils semblent plus prononcés ici.

À part de ça, je n'ai pas d'autres commentaires à part qu'il manque Violet et Magenta dans DefaultTagColor

packages/react/src/components/tag/tag.tsx Outdated Show resolved Hide resolved
@hebernardEquisoft
Copy link
Contributor Author

Mmhmm le référencement vers le bon typing avec les controls de storybook ne se font plus...

yarn.lock Outdated Show resolved Hide resolved
@meriouma
Copy link
Contributor

Mmhmm le référencement vers le bon typing avec les controls de storybook ne se font plus...

C'est embêtant, parce que sur toutes les PRs de Pierre-Yves ça fonctionne encore 🤔

@hebernardEquisoft hebernardEquisoft merged commit d7429a5 into master Apr 24, 2024
20 checks passed
@hebernardEquisoft hebernardEquisoft deleted the dev/DS-948 branch April 24, 2024 19:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants