Marco Gallegos
|
71e8c9af0f
|
docs: Update APERTURE_SQUARE_UI.md with Radix UI
TASK 4: Update APERTURE_SQUARE_UI.md with Radix UI - COMPLETED
- Add Section 3: Radix UI Components Used
- Document installed Radix UI packages:
- @radix-ui/react-button
- @radix-ui/react-select
- @radix-ui/react-tabs
- @radix-ui/react-dropdown-menu
- @radix-ui/react-dialog
- @radix-ui/react-tooltip
@radix-ui/react-label
@radix-ui/react-switch
- @radix-ui/react-checkbox
- Document Radix UI styling with Square UI tokens:
- Button variants: primary, secondary, ghost, danger, success, warning
- Select: dropdown with Square UI colors
- Tabs: active indicator, colors for states
- Dialog: Square UI background, border, radius, shadow
- Tooltip: Square UI styling with proper spacing
- Document Custom Components:
- Card, Avatar, Table, Badge (no Radix UI, custom implementation)
- Add Section 5: Code Conventions
- Examples of Radix UI with Square UI styling
- Component composition examples (Button, Dialog, Tooltip)
- Add Section 6: Example Page with Radix UI
- Complete dashboard page example with tabs, cards, badges
- Add Section 7: Accessibility Guidelines
- Priority A: Keyboard Navigation (Radix UI support)
- Priority B: ARIA Attributes
- Priority C: Focus Management
Impact:
- Clear Radix UI integration guide for developers
- Square UI styling patterns documented
- Accessibility standards defined
- Complete examples for common use cases
Files Modified:
- docs/APERTURE_SQUARE_UI.md
Next: Task 5 - Update globals.css with complete variables
|
2026-01-17 11:00:41 -06:00 |
|
Marco Gallegos
|
a160a93d8c
|
docs: Update Aperture plan and design system documentation
- Update TASKS.md with complete Aperture implementation plan (7 phases)
- Define critical, high, medium, and low priority tasks
- Add timeline estimates: ~136-171 hours total (~17-21 business days)
- Add sprint structure (6 sprints)
- Create APERTURE_SQUARE_UI.md: Complete Square UI style guide
- Color palette, typography, borders, shadows
- Layout patterns, component states
- Accessibility guidelines
- Responsive adaptations
- Create DESIGN_SYSTEM.md: Comprehensive design system for AnchorOS
- Resolve color inconsistency between site_requirements.md and globals.css
- Document both systems (anchor23.mx and Aperture)
- Component documentation checklist
- Implementation guidelines
- Update API.md with undocumented implemented routes:
- GET /api/availability/blocks
- GET /api/public/availability
- POST /api/availability/staff
- POST /api/kiosk/walkin
- PATCH /api/bookings/[id]
- Update README.md with current project state:
- Fase 1-3: 100% completed
- Fase 4: 0% completed (redefined with full specifications)
- Add missing feature details (POS, multiple cashiers, etc.)
Based on technical specifications received, Aperture now includes:
- Dashboard Home (KPI cards, performance charts, top performers, activity feed)
- Master Calendar (drag & drop, resize blocks, dynamic filters, visual indicators)
- Team & Payroll (staff CRUD, commissions, payroll calculation, shift management)
- Clients & Loyalty (CRM, VIP gallery, memberships, points system)
- Sales, Payments & Invoicing (POS, daily cash close, finance)
- Marketing & Configuration (campaigns, dynamic pricing, integration placeholders)
Tech stack: Radix UI + Tailwind CSS + Square UI custom styling
|
2026-01-17 10:16:28 -06:00 |
|