Create a HTML/CSS component using the current markup that implements as many features as possible from the new Design. Remove any dependencies on bootstrap for this component. This is done for backwards compatibility reasons. The current structure will eventually be deprecated. These styles will give us the necessary time to come up with a solid input component strategy.
### 💻 Tasks
- [x] Review figma design (states complete, ability to implement)
- [ ] HTML/CSS implementation
- [ ] Remove any references to bootstrap
- [ ] Remove any unused variables for this component
- [ ] Variants: single select, multiselect (design not in figma, style manually, will be like a list box)
- [ ] Documentation in Storybook
- [ ] Visual regression tests
- [ ] Design review
Description
Create a HTML/CSS component using the current markup that implements as many features as possible from the new Design. Remove any dependencies on bootstrap for this component. This is done for backwards compatibility reasons. The current structure will eventually be deprecated. These styles will give us the necessary time to come up with a solid input component strategy.
Open issues:
Design:
Tokens:
Design
https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=21-183
Tokens
Tasks