Labels use .badge style classes
Problem
Labels currently use the .badge
class for styling. This can be problematic in several ways:
- Badges and labels and different UI elements, changes to the
.badge
class(es) impacts both. - In the Sketch UI Kit, badges and labels are different symbols, trying to do visual regression testing becomes more tedious and confusing when
.badge
can mean something different in the UI. - Sharing a
.badge
base could mean overrides that add to the size of the CSS
Proposal
Use a separate class, or family of classes for labels. They can share variables with badges, but do not have to be linked.