Definition of done (or DoD)

[alexlvrs]

Definition of Done — EDS Component Name

Upgrade the EDS Component name component to ensure 1:1 alignment between design and code, using the new EDS foundations (colour, spacing, typography) and meeting accessibility standards.

Ensure consistent variants, tokens, states, and documentation across Figma, Storybook, and Docusaurus.

1. Design (Figma)

• All variants defined (e.g. size, emphasis, state, icon/no icon, etc.)
• All interactive states covered (default, hover, focus, active, disabled, selected — if applicable)
• All values mapped to EDS foundation tokens (no hard-coded values)
• Variables correctly connected to published EDS foundations (colour, spacing, typography, radius, etc.)
• No local overrides of foundation tokens
• Auto-layout and constraints properly configured
• Component naming follows EDS conventions
• Component properties follows EDS conventions
• Accessibility reviewed (contrast ratios validated, focus state visible, target size compliant)
• Peer design review completed and approved

2. Documentation (Docusaurus)

• Usage guidelines written (when to use / when not to use)
• Variant descriptions documented
• Accessibility notes included
• Do/Don’t examples provided
• Migration notes added (if component replaces or modifies existing version)
• Examples reflect production-ready usage

3. Alignment Verification

• Visual parity validated between Figma and Storybook
• Token audit completed (spot-check or automated check)
• Component marked as “Ready” in tracking system
• Old versions deprecated (if applicable)

[alexlvrs]

Poke @emirgens might need some iteration but for design it's bit more detailed :)