@retriever-ui/system
Version:
51 lines (50 loc) • 1.56 kB
TypeScript
import * as CSS from 'csstype';
import { CSSResponsive, Fonts, ThemeCSS } from '../type/theme';
export interface TypographyProps {
/**
* The CSS `font-weight` property
*/
fontWeight?: CSSResponsive<CSS.Property.FontWeight | number>;
/**
* The CSS `line-height` property
*/
lineHeight?: CSSResponsive<CSS.Property.LineHeight | number>;
/**
* The CSS `letter-spacing` property
*/
letterSpacing?: CSSResponsive<CSS.Property.LetterSpacing | number>;
/**
* The CSS `font-size` property
*/
fontSize?: CSSResponsive<CSS.Property.FontSize | Fonts | number>;
/**
* The CSS `font-family` property
*/
fontFamily?: CSSResponsive<CSS.Property.FontFamily>;
/**
* The CSS `Text-align` property
*/
textAlign?: CSSResponsive<CSS.Property.TextAlign>;
/**
* The CSS `font-style` property
*/
fontStyle?: CSSResponsive<CSS.Property.FontStyle>;
/**
* The CSS `Text-transform` property
*/
textTransform?: CSSResponsive<CSS.Property.TextTransform>;
/**
* The CSS `white-space` property
*/
whiteSpace?: CSSResponsive<CSS.Property.WhiteSpace>;
/**
* The CSS `white-space` property
*/
textDecoration?: CSSResponsive<CSS.Property.TextDecoration>;
/**
* The CSS `white-space` property
*/
textShadow?: CSSResponsive<CSS.Property.TextShadow>;
}
declare const typography: ({ theme, ...props }: ThemeCSS<TypographyProps>) => import("@emotion/utils").SerializedStyles;
export default typography;