UNPKG

@hope-ui/solid

Version:

The SolidJS component library you've hoped for.

84 lines 3.28 kB
import { Property } from "csstype"; import { KeysOf, RadiiScaleValue } from "../types"; /** * Types for radii related CSS properties */ export declare type RadiiProps = Partial<{ /** * The CSS `border-radius` property */ borderRadius: Property.BorderRadius<RadiiScaleValue> | number; /** * The CSS `border-top-left-radius` property */ borderTopLeftRadius: Property.BorderTopLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-top-right-radius` property */ borderTopRightRadius: Property.BorderTopRightRadius<RadiiScaleValue> | number; /** * The CSS `border-bottom-right-radius` property */ borderBottomRightRadius: Property.BorderBottomRightRadius<RadiiScaleValue> | number; /** * The CSS `border-bottom-left-radius` property */ borderBottomLeftRadius: Property.BorderBottomLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-top-left-radius` and `border-top-right-radius` property */ borderTopRadius: Property.BorderTopLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-top-right-radius` and `border-bottom-right-radius` property */ borderRightRadius: Property.BorderTopRightRadius<RadiiScaleValue> | number; /** * The CSS `border-start-start-radius` and `border-end-start-radius` property */ borderStartRadius: Property.BorderStartStartRadius<RadiiScaleValue> | number; /** * The CSS `border-bottom-right-radius` and `border-bottom-left-radius` property */ borderBottomRadius: Property.BorderBottomLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-top-left-radius` and `border-bottom-left-radius` property */ borderLeftRadius: Property.BorderTopLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-start-end-radius` and `border-end-end-radius` property */ borderEndRadius: Property.BorderStartEndRadius<RadiiScaleValue> | number; /** * The CSS `border-radius` property */ rounded: Property.BorderRadius<RadiiScaleValue> | number; /** * The CSS `border-top-left-radius` and `border-top-right-radius` property */ roundedTop: Property.BorderTopLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-top-right-radius` and `border-bottom-right-radius` property */ roundedRight: Property.BorderTopRightRadius<RadiiScaleValue> | number; /** * The CSS `border-start-start-radius` and `border-end-start-radius` property */ roundedStart: Property.BorderStartStartRadius<RadiiScaleValue> | number; /** * The CSS `border-bottom-right-radius` and `border-bottom-left-radius` property */ roundedBottom: Property.BorderBottomLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-top-left-radius` and `border-bottom-left-radius` property */ roundedLeft: Property.BorderTopLeftRadius<RadiiScaleValue> | number; /** * The CSS `border-start-end-radius` and `border-end-end-radius` property */ roundedEnd: Property.BorderStartEndRadius<RadiiScaleValue> | number; }>; /** * Style prop names for radii related CSS properties */ export declare const radiiPropNames: KeysOf<RadiiProps>; //# sourceMappingURL=radii.d.ts.map