@indoqa/style-system
Version:
A style system for React with Typescript typed theme support and several base components.
15 lines (14 loc) • 1.59 kB
TypeScript
/// <reference types="react" />
import { IStyle } from 'fela';
import { BaseTheme } from '../theming/baseTheme';
import { BaseProps, FlexContainerProps, FlexProps, HtmlDivAttributesWithoutStyle } from './types';
export declare const createFlexContainerCSSStyle: <T extends BaseTheme>(props: FlexContainerProps, theme: T, outsideMediaQuery: boolean) => IStyle;
export declare function Flex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function HeaderFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function NavFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function SectionFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function ArticleFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function AsideFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function FooterFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function FigCaptionFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;
export declare function FigureFlex<T extends BaseTheme>(props: FlexProps<T> & BaseProps<T, HtmlDivAttributesWithoutStyle>): JSX.Element;