native-base
Version:
Essential cross-platform UI components for React Native
637 lines (636 loc) • 14.8 kB
TypeScript
declare const theme: {
sizes: {
container: {
sm: number;
md: number;
lg: number;
xl: number;
};
'3xs': number;
'2xs': number;
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
'2xl': number;
px: string;
'0': number;
'0.5': number;
'1': number;
'1.5': number;
'2': number;
'2.5': number;
'3': number;
'3.5': number;
'4': number;
'5': number;
'6': number;
'7': number;
'8': number;
'9': number;
'10': number;
'12': number;
'16': number;
'20': number;
'24': number;
'32': number;
'40': number;
'48': number;
'56': number;
'64': number;
'72': number;
'80': number;
'96': number;
'1/2': string;
'1/3': string;
'2/3': string;
'1/4': string;
'2/4': string;
'3/4': string;
'1/5': string;
'2/5': string;
'3/5': string;
'4/5': string;
'1/6': string;
'2/6': string;
'3/6': string;
'4/6': string;
'5/6': string;
full: string;
};
space: {
px: string;
'0': number;
'0.5': number;
'1': number;
'1.5': number;
'2': number;
'2.5': number;
'3': number;
'3.5': number;
'4': number;
'5': number;
'6': number;
'7': number;
'8': number;
'9': number;
'10': number;
'12': number;
'16': number;
'20': number;
'24': number;
'32': number;
'40': number;
'48': number;
'56': number;
'64': number;
'72': number;
'80': number;
'96': number;
'1/2': string;
'1/3': string;
'2/3': string;
'1/4': string;
'2/4': string;
'3/4': string;
'1/5': string;
'2/5': string;
'3/5': string;
'4/5': string;
'1/6': string;
'2/6': string;
'3/6': string;
'4/6': string;
'5/6': string;
full: string;
};
shadows: {
none: {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'0': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'1': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'2': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'3': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'4': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'5': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'6': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'7': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'8': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
'9': {
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
};
};
opacity: {
0: number;
5: number;
10: number;
20: number;
25: number;
30: number;
40: number;
50: number;
60: number;
70: number;
75: number;
80: number;
90: number;
95: number;
100: number;
};
letterSpacings: {
xs: string;
sm: string;
md: number;
lg: string;
xl: string;
'2xl': string;
};
lineHeights: {
'2xs': string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
'4xl': string;
'5xl': string;
};
fontConfig: {};
fontWeights: {
hairline: number;
thin: number;
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
extrabold: number;
black: number;
extraBlack: number;
};
fonts: {
heading: undefined;
body: undefined;
mono: undefined;
};
fontSizes: {
'2xs': number;
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
'2xl': number;
'3xl': number;
'4xl': number;
'5xl': number;
'6xl': number;
'7xl': number;
'8xl': number;
'9xl': number;
};
borderWidths: {
'0': number;
'1': string;
'2': string;
'4': string;
'8': string;
};
breakpoints: {
base: number;
sm: number;
md: number;
lg: number;
xl: number;
'2xl': number;
};
colors: {
contrastThreshold: number;
white: string;
black: string;
lightText: string;
darkText: string;
rose: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
pink: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
fuchsia: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
purple: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
violet: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
indigo: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
blue: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
lightBlue: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
darkBlue: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
cyan: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
teal: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
emerald: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
green: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
lime: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
yellow: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
amber: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
orange: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
red: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
warmGray: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
trueGray: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
gray: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
coolGray: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
blueGray: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
dark: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
text: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
danger: import("./colors").IColorHues;
error: import("./colors").IColorHues;
success: import("./colors").IColorHues;
warning: import("./colors").IColorHues;
muted: import("./colors").IColorHues;
primary: import("./colors").IColorHues;
info: import("./colors").IColorHues;
secondary: import("./colors").IColorHues;
light: import("./colors").IColorHues;
tertiary: import("./colors").IColorHues;
};
radii: {
none: number;
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
'2xl': number;
'3xl': number;
full: number;
};
};
export declare const themePropertyMap: any;
export default theme;