[bug]: Cleaner search bar

[lucasboilly]

What version of design-system are you using?

Browser: Arc

What's Wrong?

Since it's displayed next to 32px elements (ex: the filter button of the list view), it makes the layout shift when it's opened. On the UI side, it simply doesn't look like it's part of our design system (icon color, shadow, no borders). The colors are also not the right ones in dark mode.

CleanShot.2024-12-04.at.10.57.58.mp4

To Reproduce

Click on any search bar, in the list view for example.

Expected Behaviour

The Search icon should have a 16px size and a Neutral500 color. The color of the placeholder text should be Neutral500 as well. The input itself should have a 32px height and a 8px paddings Please find the other measurements in the following screenshot.

With all these modifications, the transition between the collapsed and expanded mode should be smoother.

CleanShot.2024-12-04.at.11.14.45.mp4

[ShatilKhan]

I'm looking into it. Can you assign me @lucasboilly ?

[lucasboilly]

Hi @ShatilKhan, sorry I missed the notification!

Thanks for your contribution, I'm gonna check the design today and I'll let the team know about your PR 🙂