cauldron
cauldron copied to clipboard
Design Sync: Tag
To sync with the design, the following changes are needed to tag:
- New
sizevariants,smallanddefault, defaulting todefault -
Defaultsize is set to36px(Note: There is no variable for this height, but it matches the existing button-height and a new variable will need to be created, ideally using2.25rem) - The background color is set to
--background-lightfor light mode - The border color is set to
--gray-30for light mode -
font-sizeis set to--text-size-body-small - top/bottom
paddingis removed from.Tag(the text should still remain vertically centered within the tag) with a left/right padding of (--space-small) - tag label should have a font-weight of
--font-weight-mediumwith no font weight applied to the value
No new color changes are necessary for dark theme, the existing colors can be used.