Common component style variations

I’m in the process of mapping out common visual ways UI components are usually styled to look like, trying to figure out a set of styles that would cover 80% of theming use cases in web applications.

Some of this work should eventually end up in Vaadin Elements (https://vaadin.com/elements)

Update: Just wanted to clarify, that the exact visual design of these is not the main thing I’m looking at. It’s more about finding out what parts/styles designers usually want to customize for these components (such as border widths and colors for different states of a component), and to see what combinations have the potential to work visually.