[CAL-298] Select component needs updating to 2.0

[ciaranha]

This is still very much a v1 component.

Dropdown Menu Brief - ❖ Cal DS (Figma)

The border colour, radius doesn't match v2 designs.

From SyncLinear.com

_{From SyncLinear.com | CAL-298}

[MatheusBeniniF]

@Jaibles, on this page we already import v2 select, do you want to change the whole component?

[ciaranha]

I'll have to take another look. To me it looks like this component has v1 colours and border radius so it's likely the component needs updating yes. Pretty sure this issue is app wide.

[MatheusBeniniF]

updates on that?

[ciaranha]

There's been some discussion on the team about this.

I think the outcome is that we're going to try wrestle our current select input to look more like v2. For me that would include:

• update the height (it's currently 2px too high
• border colour (uses v1 colours)
• border radius (should be 6px not 4px)
• and fix the focus state: currently the text inside the input moves around when focussed

@sean-brydon please let me know if that is not accurate and we have other plans here.

[MatheusBeniniF]

can I do that?

[ciaranha]

I've no objections! If you hit any issues or questions reach out to @sean-brydon perhaps. He's looked into this a little bit I know and warned me that it's perhaps not a task that's as easy as it looks :)