Files

T

Bernt 303b79d4cd docs: Update Input/Select/Card to semantic aliases + raise maturity to 83%

- 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.

2026-07-02 11:04:00 +00:00

3.4 KiB

Raw Blame History

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:

Mark completed sections as ✅
Calculate overall percentage
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

3.4 KiB Raw Blame History

COMPLIANCE MATRIX

Legend

Tier 1 — Canonical Components

Tier 2 — Derived Components

Tier 3 — Domain Components

Foundation Documents

How to Update

ÄNDRINGSHISTORIA

STATUS

3.4 KiB

Raw Blame History