[component]: Number input (fka. Spin button)

[sandra-post]

Description

• Reference V1 (Figma)
• Example: Microsoft Fluent - Spin component
• Example: Carbon Design - Number input component

Design

https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=619-11144

Tokens

• Tokens for this component are ready

Tasks

🎨 Design

Beta Give feedback

1. Design component according to WIKIT
2. Update dependencies
3. Add & test compo in layout examples
4. Designer review
5. Documentation: Overview and usage (About, compo overview, compo props, usage, examples)
6. Documentation: Technical documentation (Anatomy, accessibility)
7. Documentation: Review (content correctness, understandability, gaps)

💻 Development

Beta Give feedback

1. Review Design (All states present? Possible to implement?)
2. HTML/CSS implementation
3. Web component implementation
4. Documentation in Storybook
5. Unit tests
6. End to end tests
7. Visual regression tests
8. Design review

[sandra-post]

For context:

Request Karolina (MS Teams discussion)

06-Aug-2024 Pattern discussion

• Spin button (with suffix?) will not be implemented for V1 due to lack of resources and due to existing workaround
• Rouven to answer request from Karolina in Teams