Design system

Rendered from the real tokens and primitives. Built on shadcn/ui, Radix UI and Tailwind, with LastMile's own palette.

Primitive scales

orange
1
2
3
4
5
6
7
8
9
10
11
12
gray
1
2
3
4
5
6
7
8
9
10
11
12
Alpha overlays (black, white)

Semantic tokens

bg-background / text-foreground
--background
--foreground
bg-card / text-card-foreground
--card
--card-foreground
bg-muted / text-muted-foreground
--muted
--muted-foreground
bg-subtle / text-foreground
--subtle
--foreground
bg-primary / text-primary-foreground
--primary
--primary-foreground
bg-primary-subtle / text-primary-text
--primary-subtle
--primary-text
bg-secondary / text-secondary-foreground
--secondary
--secondary-foreground
bg-accent / text-accent-foreground
--accent
--accent-foreground
bg-destructive / text-destructive-foreground
--destructive
--destructive-foreground
bg-success-subtle / text-success-fg
--success-subtle
--success-fg
bg-warning-subtle / text-warning-fg
--warning-subtle
--warning-fg
bg-danger-subtle / text-danger-fg
--danger-subtle
--danger-fg
bg-info-subtle / text-info-fg
--info-subtle
--info-fg

Text styles

text-h3
Claims submitted this month
text-h4
Claims submitted this month
text-sub-lg
Claims submitted this month
text-lead
Claims submitted this month
text-p
Claims submitted this month
text-p-medium
Claims submitted this month
text-small
Claims submitted this month
text-small-medium
Claims submitted this month
text-small-semibold
Claims submitted this month
text-tiny
Claims submitted this month
text-data-1
Claims submitted this month
text-data-2
Claims submitted this month
text-data-3
Claims submitted this month

Radius

rounded-sm
rounded-md
rounded-lg
rounded-xl
rounded-2xl
rounded-full

Primitives

Buttons and badges

Default
Secondary
Outline
Paid
Pending auth
Denied
Acknowledged
Draft

Form controls

Feedback and overlays

Navigation

Tab content.

Inventory

Alert
Available
Alert Dialog
Available
Badge
Available
Breadcrumb
Available
Button
Available
Card
Available
Checkbox
Available
Dialog
Available
Dropdown Menu
Available
Input
Available
Label
Available
Pagination
Available
Popover
Available
Progress
Available
Select
Available
Separator
Available
Sheet
Available
Skeleton
Available
Switch
Available
Table
Available
Tabs
Available
Textarea
Available
Toast
Available
Tooltip
Available
DateRangePicker
LastMile
QuarterRangePicker
LastMile
InfoTooltip
LastMile
FilterableColumnHeader
LastMile
Accordion
Planned
Avatar
Planned
Calendar
Planned
Combobox
Planned
Command
Planned
Hover Card
Planned
Radio Group
Planned
Slider
Planned
Data Table
Planned
Stepper
Planned