Optimize Select

[wueestd]

https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components?node-id=7802%3A33963&t=zTAKJLbklgpXEsSf-1

[wueestd]

Tasks UX:

• [x] Move icon to validate box
• [x] Add Validate state
• [x] Check sizes non floating (54.5px (drop?), 48px, 35.5px (small size for internate application? adjust size to 32?))

[gfellerph]

• [x] Vertical alignment is slightly off in the demo app
• [x] Arrow size is off: Figma 15x8.5px, Demo App 14x?px
• [x] Valid state is missing in Figma
• [ ] Size variants are not synchronized

Size	Figma	Demo App
72px	✔	✔
54.5px	❌	✔
48px	✔	~ 46.5px
35.5	❌	✔

[Cian77]

• [x] Add Validate state

[wueestd]

Ready for second review @gfellerph https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components?node-id=7802%3A33963&t=zTAKJLbklgpXEsSf-1

[gfellerph]

@wueestd Figma looks great, just a question: what are the empty viewports for, next to the component? I updated the status in the component tracker and created separate issues for devs.

[wueestd]

@gfellerph we found out that states for a floating label field are different, depending on the fact if they are filled or not. therfore we changed the variant sctructure to a matrix:		empty	filled
Default
Hover
Selected
Error
...

Does that help?

[wueestd]

@gfellerph should we close this task?

[gfellerph]

Closing as done. Status is updated and dev tasks are created.