DEMO TEST HARNESS.
Bu sahifa faqat S52-A002 Design System browser/responsive UAT uchun.
Real commerce data yoki real business action yo‘q.
222 Naturals — Calm Commerce Design System
S52-A002 component foundation visual verification.
Typography
Commerce heading
Primary body text — o‘qilishi aniq, tinch va commerce-first.
Muted supporting text.
100 000 so‘m (format sample)
Buttons
Forms
Supporting help text.
Notices
Success: operation completed.
Info: supporting information.
Warning: review required.
Error: correction required.
Capability states
AVAILABLE
Visible and actionable presentation.
LOCKED
Visible, unavailable, clear explanation required.
TEMPORARILY UNAVAILABLE
Temporary availability state, separate from LOCKED.
NOT_APPLICABLE: intentionally not rendered as an actionable component.
Accessibility checks
Keyboard bilan TAB bosing: barcha interactive controls’da visible focus bo‘lishi kerak.
Statuslar faqat rang bilan emas, matn bilan ham ifodalangan.
Screen-reader-only test text.