@indoqa/style-system
Version:
A style system for React with Typescript typed theme support and several base components.
72 lines (71 loc) • 2.13 kB
TypeScript
import { IStyle } from 'fela';
export interface BaseFontSizes {
readonly verySmall: number | string;
readonly small: number | string;
readonly text: number | string;
readonly big: number | string;
readonly veryBig: number | string;
}
export interface BaseFontStyles {
readonly base: IStyle;
readonly alt: IStyle;
readonly mono: IStyle;
}
export interface BaseColors {
readonly text: string;
}
export interface BaseSpacing {
readonly space0: number | string;
readonly space1: number | string;
readonly space2: number | string;
readonly space3: number | string;
readonly space4: number | string;
readonly space5: number | string;
readonly space6: number | string;
readonly space7: number | string;
readonly space8: number | string;
readonly space9: number | string;
}
export interface BaseZIndexes {
default: number;
absolute: number;
}
export interface Breakpoint {
minWidth: string;
sort: number;
}
export interface BaseBreakpoints {
tablet: Breakpoint;
desktop: Breakpoint;
largeDesktop: Breakpoint;
}
export interface BaseShadows {
elevation0: string;
elevation1: string;
elevation2: string;
elevation3: string;
elevation4: string;
elevation5: string;
}
export interface BaseTheme {
readonly fontSizes: BaseFontSizes;
readonly fontStyles: BaseFontStyles;
readonly colors: BaseColors;
readonly spacing: BaseSpacing;
readonly zIndexes: BaseZIndexes;
readonly breakpoints: BaseBreakpoints;
readonly shadows: BaseShadows;
}
export declare const typeScale: (level: number) => number;
export interface Shadow {
offsetX: number;
offsetY: number;
blur: number;
spread: number;
color: string;
}
export declare const createBoxShadow: (shadow1: Shadow, shadow2: Shadow, shadow3: Shadow) => string;
export declare const systemFonts: string;
export declare const monoSystemFonts = "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
export declare const breakpoints: BaseBreakpoints;
export declare const baseTheme: BaseTheme;