@hope-ui/solid
Version:
The SolidJS component library you've hoped for.
84 lines • 3.28 kB
TypeScript
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