admin/HighCostDrugsDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: create design tokens module (styles.py)

Browse Source 
- Add Colors class with NHS-inspired blue palette and neutrals
- Add Typography class with font family, sizes, weights
- Add Spacing, Radii, Shadows, Transitions classes
- Add helper functions: card_style(), button_*_style(), input_style()
- Add KPI card and text style helpers
- Add layout constants (TOP_BAR_HEIGHT, PAGE_MAX_WIDTH)

All tokens match DESIGN_SYSTEM.md specifications.
This commit is contained in:
Andrew Charlwood
2026-02-04 13:10:35 +00:00
parent fdd33a67af
commit 2bd28f5f22
2 changed files with 411 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
IMPLEMENTATION_PLAN.md
+3 -3
View File
@@ -32,14 +32,14 @@ cd pathways_app && timeout 60 python -m reflex run 2>&1 | head -30
## Phase 1: Foundation
### 1.1 Design Tokens Module
- [ ] Create `pathways_app/styles.py` with design token classes:
- [x] Create `pathways_app/styles.py` with design token classes:
- `Colors` class with all palette colors as constants
- `Typography` class with font sizes, weights
- `Spacing` class with spacing scale
- `Shadows` class with shadow values
- `Radii` class with border radius values
- [ ] Create helper functions for common style patterns (e.g., `card_style()`, `button_primary_style()`)
- [ ] Verify imports work: `from pathways_app.styles import Colors, Spacing`
- [x] Create helper functions for common style patterns (e.g., `card_style()`, `button_primary_style()`)
- [x] Verify imports work: `from pathways_app.styles import Colors, Spacing`
### 1.2 App Skeleton
- [ ] Create `pathways_app/app_v2.py` with basic Reflex app structure