feat(dropdown-list): DS-1126: add icon inside the Dropdown control

[WilliamsTardif]

JIRA: https://equisoft.atlassian.net/browse/DS-1126

Image of the result

[github-actions]

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

[github-actions]

Webapp for this build: https://ds.equisoft.io/pr-873/webapp/

[LarryMatte]

Il manque le aria-hidden="true" sur l'icône.

Si je superpose ce que tu as et ce qui est dans Figma, il y a un petit décalage. Ton icône est trop vers la droite comparé au visuel. Tu peux utiliser cette extension chrome: https://chromewebstore.google.com/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi

Tu vas pouvoir faire une capture d'écran (zoom à 100%) de ce qui est dans Figma et ensuite l'importer par dessus ce sur quoi tu travailles dans chrome. Ça va te permettre d'être le plus 'pixel perfect' possible. Pokes moi si tu veux que je te montre comment tout ca fonctionne.

[savutsang]

Typo dans le title du PR iinside

Aussi IMHO, on ne devrait pas mettre "storybook" dans le scope lorsque c'est un feat ou fix. Ce n'est pas utile au point de le mentionner, ca fait juste polluer le git history. Je prefere mettre de l'emphase sur le feature principal feat(dropdown-list)

[savutsang]

Dernier points, faudrait utiliser le theming. Je pense il faudrait ajouter un token dans dropdown-list-tokens.ts, genre

'dropdown-list-input-icon-color': 'color-neutral-65'

@maboilard?

Y a 2 facons d'utiliser ca, la premiere est plus clean avec un prop bien controlle. Mais honnetement, l'un ou l'autre c'est pas un truc qui me gosse.

• design-elements/packages/react/src/components/table/sort-button-icon.tsx

  Line 21 in 66a5de7

  color={theme.component['table-sort-button-ascending-icon-color']}

• design-elements/packages/react/src/components/tag/toggle-tag.tsx

  Line 104 in 66a5de7

  color: ${({ theme, $selected }) => ($selected ? theme.component['tag-selected-icon-color'] : theme.component['tag-icon-color'])};

[maboilard]

En fait, ça donnerait ceci:
'dropdown-list-input-icon-color': 'color-content-subtle'
@hebernardEquisoft Est-ce que c'est quelque chose qui devrait être fait ici ou dans ta PR?

[hebernardEquisoft]

Ça peut se faire ici sans problème! les alias-tokens existent maintenant sur master! 💯

[LarryMatte]

Bien parfait pour moi en ce qui me concerne.
Je laisse Savut, Max et PY être les juges pour le restant.

[savutsang]

Il reste juste a changer la couleur pour 'color-content-subtle' (#873 (comment)) pis on est bon, le reste est LGTM.

[maboilard]

J'ai fait le tour et ça semble all good pour moi!

[alexbrillant]

🍆