ui/ on SAFER Documentation

Button.tsx

Mon, 01 Jan 0001 00:00:00 +0000

Purpose

This module provides the application’s standard button component, used across all screens for primary actions and secondary/cancel actions. It handles disabled and loading states and accepts an optional style override for per-callsite customization.

Card.tsx

Mon, 01 Jan 0001 00:00:00 +0000

Purpose

This module provides the application’s standard card surface, used throughout all screens to group related content into visually distinct panels.

Its responsibilities include:

Rendering a View with consistent background, border, border radius, padding, and shadow
Optionally rendering a bold title above the card’s children
Accepting an optional style override for per-callsite layout adjustments

Invariants

Title is Conditional

The title Text element is only rendered when the title prop is a non-empty truthy string.

theme.ts

Mon, 01 Jan 0001 00:00:00 +0000

Purpose

This module is the single source of truth for visual design tokens used across all UI components. It exports a flat theme object and a sp font-scaling helper that must be used for all font size values throughout the application.