Files
Momento/.agents/skills/wds-7-design-system/templates/component-library-config.template.md
Antigravity bd495be965
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 12s
feat: design system overhaul — sidebar, AI chats, settings, brainstorm, color cleanup
- Sidebar: dynamic brand-accent colors, brainstorm section restyled
- AI chat general: popup panel with expand/collapse, hides when contextual AI open
- AI chat contextual: tabs reordered (Actions first), X close button, height fix
- Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.)
- Global color cleanup: emerald/orange hardcoded → brand-accent dynamic
- Brainstorm page: orange → brand-accent throughout
- PageEntry animation component added to key pages
- Floating AI button: bg-brand-accent instead of hardcoded black
- i18n: all 15 locales updated with new AI/billing keys
- Billing: freemium quota tracking, BYOK, stripe subscription scaffolding
- Admin: integrated into new design
- AGENTS.md + CLAUDE.md project rules added
2026-05-16 12:59:30 +00:00

66 lines
875 B
Markdown

# Component Library Configuration
**Library:** [Library Name]
**Version:** [Version]
**Last Updated:** [Date]
---
## Installation
```bash
[Installation commands]
```
---
## Component Mappings
**Format:** `WDS Component → Library Component`
### Interactive Components
- Button [btn-001] → shadcn/ui Button
- [More mappings]
### Form Components
- Input Field [inp-001] → shadcn/ui Input
- [More mappings]
---
## Theme Configuration
```json
{
"colors": {
"primary": "#2563eb",
"secondary": "#64748b"
},
"typography": {
"fontFamily": "Inter, sans-serif"
},
"spacing": {
"unit": "0.25rem"
},
"borderRadius": {
"default": "0.375rem"
}
}
```
---
## Customizations
[Document any customizations from library defaults]
---
## Library Documentation
**Official Docs:** [Link]
**Component Gallery:** [Link]
**GitHub:** [Link]