[module]: Product card

[sandra-post]

Description

Based on the discussion #4174 Product card V2: Component or Module?

---

A product card highlights essential product details and provides an entry point to access in-depth product information.

References

• Product card V1 (Figma)

Design

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

Tokens

• Tokens for this component are ready

Tasks design

🎨 Design

Preview 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)

Tasks development

💻 Development

Preview Give feedback

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