@retriever-ui/system
Version:
75 lines (74 loc) • 2.41 kB
TypeScript
import * as CSS from 'csstype';
import { Colors, CSSResponsive, ThemeCSS } from '../type/theme';
export interface BackgroundProps {
/**
* The CSS `background` property
*/
bg?: CSSResponsive<CSS.Property.BackgroundColor | Colors>;
/**
* The CSS `background` property
*/
background?: CSSResponsive<CSS.Property.BackgroundColor | Colors>;
/**
* The CSS `background-color` property
*/
backgroundColor?: CSSResponsive<CSS.Property.BackgroundColor | Colors>;
/**
* The CSS `background-color` property
*/
bgColor?: CSSResponsive<CSS.Property.BackgroundColor | Colors>;
/**
* The CSS `background-image` property
*/
backgroundImage?: CSSResponsive<CSS.Property.BackgroundImage>;
/**
* The CSS `background-image` property
*/
bgImage?: CSSResponsive<CSS.Property.BackgroundImage>;
/**
* The CSS `background-image` property
*/
bgGradient?: CSSResponsive<CSS.Property.BackgroundImage>;
/**
* The CSS `background-position` property
*/
bgPosition?: CSSResponsive<CSS.Property.BackgroundPosition>;
/**
* The CSS `background-position` property
*/
backgroundPosition?: CSSResponsive<CSS.Property.BackgroundPosition>;
/**
* The CSS `background-repeat` property
*/
backgroundRepeat?: CSSResponsive<CSS.Property.BackgroundRepeat>;
/**
* The CSS `background-repeat` property
*/
bgRepeat?: CSSResponsive<CSS.Property.BackgroundRepeat>;
/**
* The CSS `background-size` property
*/
backgroundSize?: CSSResponsive<CSS.Property.BackgroundSize>;
/**
* The CSS `background-size` property
*/
bgSize?: CSSResponsive<CSS.Property.BackgroundSize>;
/**
* The CSS `background-attachment` property
*/
backgroundAttachment?: CSSResponsive<CSS.Property.BackgroundAttachment>;
/**
* The CSS `background-attachment` property
*/
bgAttachment?: CSSResponsive<CSS.Property.BackgroundAttachment>;
/**
* The CSS `background-clip` property
*/
backgroundClip?: CSSResponsive<CSS.Property.BackgroundClip>;
/**
* The CSS `background-clip` property
*/
bgClip?: CSSResponsive<CSS.Property.BackgroundClip>;
}
declare const background: ({ theme, ...props }: ThemeCSS<BackgroundProps>) => import("@emotion/utils").SerializedStyles;
export default background;