UNPKG

@retriever-ui/system

Version:
75 lines (74 loc) 2.41 kB
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;