Update memory files for Badge atom
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -208,3 +208,20 @@ the correct token for any design property.
|
||||
| card.background.default | → color.surface.raised (#FFFFFF) | Card | Card background (raised surface) |
|
||||
| card.background.hover | → color.surface.subtle (#FAFAFA) | Card | Subtle grey fill on hover for interactive cards |
|
||||
| card.background.selected | → color.surface.warm (#FEF9F5) | Card | Warm tint for selected cards |
|
||||
|
||||
### Badge
|
||||
|
||||
`tokens/component/badge.json`
|
||||
|
||||
| Token path | Value / Reference | Used by | Description |
|
||||
|-----------|-----------|---------|-------------|
|
||||
| badge.height.sm | 22px | Badge | Small badge height |
|
||||
| badge.height.md | 26px | Badge | Medium badge height (default) |
|
||||
| badge.paddingX.sm | → spacing.2 (8px) | Badge | Small horizontal padding |
|
||||
| badge.paddingX.md | → spacing.3 (12px) | Badge | Medium horizontal padding |
|
||||
| badge.fontSize.sm | → fontSize.2xs (11px) | Badge | Small badge text |
|
||||
| badge.fontSize.md | → fontSize.xs (12px) | Badge | Medium badge text |
|
||||
| badge.iconSize.sm | 12px | Badge | Small badge icon |
|
||||
| badge.iconSize.md | 14px | Badge | Medium badge icon |
|
||||
| badge.iconGap.default | → spacing.1 (4px) | Badge | Icon-to-text gap |
|
||||
| badge.borderRadius.default | → borderRadius.full (9999px) | Badge | Pill shape |
|
||||
|
||||
Reference in New Issue
Block a user