Package source

Radius

Control, panel and pill radius roles with the border treatment used across 12PM product surfaces.

Foundation

Radius

Shape and border roles keep controls precise while preserving the soft lunch-brand tone.

tokens.css

Radius scale

Control0.375rem--12pm-ref-radius-control
Panel0.5rem--12pm-ref-radius-panel
Pill999px--12pm-ref-radius-pill

Border roles

Default boundary1px--12pm-ref-border-width-default
Standard border#EADFCC--12pm-sys-color-border
Strong border#D8C9B4--12pm-sys-color-border-strong