import { style , px , compose } from 'styled-system' ; export const borderTopLeftRadius = style ( { prop : 'borderTopLeftRadius' , key : 'radii' , transformValue : px , } ) ; export const borderTopRightRadius = style ( { prop : 'borderTopRightRadius' , key : 'radii' , transformValue : px , } ) ; export const borderRadiusBottomRight = style ( { prop : 'borderBottomRightRadius' , key : 'radii' , transformValue : px , } ) ; export const borderBottomLeftRadius = style ( { prop : 'borderBottomLeftRadius' , key : 'radii' , transformValue : px , } ) ; export const borderRadius = style ( { prop : 'borderRadius' , key : 'radii' , transformValue : px , } ) ; const combined = compose ( borderRadius , borderTopLeftRadius , borderTopRightRadius , borderRadiusBottomRight , borderBottomLeftRadius ) ; export default combined ;