Buttons

<lib-button> — 12 inputs. Severity and variant compose, so the grid below is the whole vocabulary. A design needing something outside it is asking for a new component, which is worth saying out loud rather than approximating.

Variant: filled

Light
Dark

Variant: outlined

Light
Dark

Variant: text

Light
Dark

Sizes

Two only. A design's 38px button lands on one of these or costs a bespoke height.

Light
Dark

States

Every one of these needs a design. Disabled and loading are the two most often missing.

Light
Dark