tokens-studio / figma-plugin

Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)

https://www.figma.com/community/plugin/843461159747178978

MIT License

1.32k stars 190 forks source link

Align search dropdown look & behaviour #2786

Open cuserox opened 1 month ago

cuserox commented 1 month ago

Context 📝

The search and dropdown items across the plugin have undergone various improvements to accommodate long names and values, such as:

However, this does not completely align the underlying styling issue to allow this to grow and take as much space as is allowed.

🔙 💭 Background thread from a user's suggestion

🧠 🤓 Initial brainstorm jam with @LukeFinch

Acceptance Criteria 🛠

Align the design for components within /src/app/components/DownshiftInput/*

Trigger samples

Content samples

Extract / refactor logic when possible to make it reusable
Perhaps move to the DS repository (?)
Replace these in the plugin's codebase

### Tasks
- [ ] https://github.com/tokens-studio/ds/issues/206
- [ ] https://github.com/tokens-studio/ds/issues/205

six7 commented 1 month ago

I agree, we should move this to the DS repository - we're making use of something similar in Studio as well, that's a great contender for a shared utility that we re-use across implementations.