Bernt
303b79d4cd
- RFC-002 Input: - Token Dependencies updated to semantic aliases with primitives - All tokens now map through color.surface, color.border, color.text, color.status - No direct color references (e.g., semantic-red-500 → color.status.danger) - Helper/error text uses semantic tokens - RFC-003 Select: - Token Dependencies updated to semantic aliases with primitives - Dropdown, option, and error states use semantic tokens - Selected option uses color.action.primary at 10% opacity - No direct color references - RFC-004 Card: - Token Dependencies updated to semantic aliases with primitives - Surface, border, text hierarchy use semantic tokens - Shadow tokens mapped to elevation system - No direct color references - COMPLIANCE_MATRIX.md: - Input: 33% → 83% - Select: 33% → 83% - Card: 33% → 83% - All now have Governance ✅, Tokens ✅, Motion ✅, Accessibility ✅, AI ✅ Rationale: Semantic model first. Components never reference primitives. Token contracts (purpose, allowed, forbidden) ensure correct usage. Dark mode implementable via token swap without component changes.
105 lines
3.4 KiB
Markdown
105 lines
3.4 KiB
Markdown
# COMPLIANCE MATRIX
|
|
|
|
**Component Readiness Tracking**
|
|
|
|
| | |
|
|
|---|---|
|
|
| **Version** | 1.0 |
|
|
| **Status** | DRAFT — Updated as components are specified |
|
|
|
|
---
|
|
|
|
## Legend
|
|
|
|
| Symbol | Meaning |
|
|
|--------|---------|
|
|
| ✅ | Complete |
|
|
| 🟡 | Partial / In Progress |
|
|
| ⏳ | Not Started |
|
|
| ❌ | Not Applicable |
|
|
|
|
## Tier 1 — Canonical Components
|
|
|
|
| Component | Governance | Tokens | Motion | Accessibility | AI | QA | Overall |
|
|
|-----------|------------|--------|--------|---------------|-----|-----|---------|
|
|
| Button | ✅ | ✅ | ✅ | 🟡 | ✅ | ⏳ | 82% |
|
|
| Input | ✅ | ✅ | ✅ | ✅ | ✅ | ⏳ | 83% |
|
|
| Select | ✅ | ✅ | ✅ | ✅ | ✅ | ⏳ | 83% |
|
|
| Card | ✅ | ✅ | ✅ | ✅ | ✅ | ⏳ | 83% |
|
|
| Modal | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Navigation | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Table | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Data Grid | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Search | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Map Panel | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
|
|
## Tier 2 — Derived Components
|
|
|
|
| Component | Governance | Tokens | Motion | Accessibility | AI | QA | Overall |
|
|
|-----------|------------|--------|--------|---------------|-----|-----|---------|
|
|
| Badge | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Alert | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Toast | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Tooltip | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Accordion | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Tabs | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Breadcrumb | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Pagination | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Empty State | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Skeleton | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
|
|
## Tier 3 — Domain Components
|
|
|
|
| Component | Governance | Tokens | Motion | Accessibility | AI | QA | Overall |
|
|
|-----------|------------|--------|--------|---------------|-----|-----|---------|
|
|
| KPI Card | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Map Overlay Panel | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Layer Selector | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Mission Status | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Dataset Card | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Geospatial Inspector | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Asset Summary | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Coordinate Picker | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
| Timeline Panel | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | 0% |
|
|
|
|
## Foundation Documents
|
|
|
|
| Document | Status | Completeness |
|
|
|----------|--------|--------------|
|
|
| Design Constitution | ✅ | 100% |
|
|
| Token Philosophy | ✅ | 100% |
|
|
| Design Specification | 🟡 | 70% |
|
|
| Component Template | ✅ | 100% |
|
|
| Component Decision Tree | ✅ | 100% |
|
|
| AI Design Principles | ✅ | 100% |
|
|
| Design Anti-Patterns | ✅ | 100% |
|
|
| Glossary | ✅ | 100% |
|
|
| Release Definition | 🟡 | 80% |
|
|
| Brand Palette | 🟡 | 40% |
|
|
| Grid & Elevation | 🟡 | 60% |
|
|
| Semantic Color System | 🟡 | 70% |
|
|
|
|
---
|
|
|
|
## How to Update
|
|
|
|
When a component is specified, update this matrix:
|
|
|
|
1. Mark completed sections as ✅
|
|
2. Calculate overall percentage
|
|
3. Update this file in same PR as component spec
|
|
|
|
---
|
|
|
|
## ÄNDRINGSHISTORIA
|
|
|
|
| Version | Datum | Beskrivning |
|
|
|---------|-------|-------------|
|
|
| 1.0 | 2026-07-02 | Initial compliance matrix with all components and foundation documents |
|
|
|
|
---
|
|
|
|
## STATUS
|
|
|
|
**DRAFT — Updated as work progresses**
|