@pomegranate-ui/maracuya-ui
Version:
Maracuya is a design system built with React, Typescript & emotion
268 lines (267 loc) • 7 kB
TypeScript
/**
* Theme tokens
*/
export declare const theme: {
fontSize: {
xs: string;
sm: string;
base: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
'4xl': string;
'5xl': string;
'6xl': string;
};
fontWeight: {
hairline: number;
thin: number;
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
extrabold: number;
black: number;
inherit: string;
};
colors: {
black: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
gray: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
white: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
muted: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
basic: {
blue: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
green: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
indigo: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
orange: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
pink: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
purple: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
red: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
teal: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
yellow: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
};
state: {
primary: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
secondary: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
success: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
info: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
warning: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
danger: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
light: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
dark: {
900: string;
800: string;
700: string;
600: string;
500: string;
400: string;
300: string;
200: string;
100: string;
};
};
};
};