Shared Package & Styling
Shared Package (@enaccess/shared)
The packages/shared/ workspace package provides:
| Export | Type | Description |
|---|---|---|
Place | type | Place data shape (id, name, lat, lng, ratings, ACS attrs, badges) |
AppRouter | type | tRPC router type for full client type safety |
BadgeInfo | type | Badge display info (label, bgColor, textColor) |
StarLayout | type | Star rating layout (fullStars, partialFill, emptyStars) |
COLORS | constant | Brand colors, ACS colors, badge colors |
getBadges() | utility | Compute badge list from place flags |
parsePlace() | utility | Parse raw API response into typed Place object |
calculateStarLayout() | utility | Compute star fill layout from numeric rating |
Styling
- NativeWind 4.x — Tailwind CSS utility classes in React Native via
classNameprop - Custom Colors —
constants/Colors.tsdefines brand colors, badge colors, ACS colors, marker colors, and full light/dark theme palettes - Dark mode — Supported via
useColorSchemehook; navigation themes (EnAccessLightTheme/EnAccessDarkTheme) configured in root layout