Bug report Webapp: consistent definition for states "selected", "focused", "active", "hover" etc.

[Frenggi]

• Which component/module the bug relates to? *
  Several patterns define the status "hover" and "active" but not "focused". That mean, that technically the "focused" state looks the same as "hover".

• Specify the source of the bug. *
  Documentation, Sketch library and Angular Component Library

• Describe the bug *

• For every pattern the different status have to be defined (like e.g. material design: https://material.io/components/buttons#outlined-button - states)
• Consitency of visual representation for the same status over several patterns
• What about Browser focus?
• Keyboard navigation is setting the "focused" state?!