Update Select component

[timoheddes]

Select Component updates

Asana Link

What changed?

• Updated Select styling to match design and support dark and light theme
• Tweaked the size of the native HTML select element that we render to ensure you can click anywhere on the actual Select component to see its options (previously required to click in the center of our visual component)
• Added disabled styling (missing exact design, also missing in e.g. Input component?)
• Add variant prop to allow switching between default form select and one with a solid border and transparent background
• Set Tooltip z-index as a temporary fix to ensure it's above form elements (created task to fix this for all components)
• Removed style from option elements as these can't be styled (?? not sure what the idea was there, am I missing something?)
• Added typing to the Input component type to match valid HTML Input Types rather than any string and updated Storybook implementation to allow switching between input types

Implementation preview in Storybook, showing Input and Select:

Screen.Recording.2023-08-25.at.11.35.37.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 29, 2023 7:23am

4 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
alpha-docs	⬜️ Ignored (Inspect)	Visit Preview		Aug 29, 2023 7:23am
docs-storybook	⬜️ Ignored (Inspect)	Visit Preview		Aug 29, 2023 7:23am
immutable-records	⬜️ Ignored (Inspect)	Visit Preview		Aug 29, 2023 7:23am
tools	⬜️ Ignored (Inspect)	Visit Preview		Aug 29, 2023 7:23am