Foundations
Corner radius
Radius grows with the size of the surface: small controls and Card use Medium (4px), Dialog uses XLarge (8px).
Radius scale
Small
rounded-small · 2px
Medium
rounded-medium · 4px
Large
rounded-large · 6px
XLarge
rounded-xlarge · 8px
2XLarge
rounded-2xlarge · 12px
3XLarge
rounded-3xlarge · 16px
Circular
rounded-circular · ∞