Input
For each section (simple, encoded, search, paragrapg, etc)of input component, I set up five different phases: enabled, focused, typing, completed, error, and deactivated. Incorporating the figma design system, designers and developers can freely pick the correct component for the situation.