@hhgtech/hhg-components
Version:
Hello Health Group common components
369 lines (368 loc) • 9.62 kB
TypeScript
export declare const theme: {
colors: {
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
primaryBase: string;
primaryHover: string;
primaryActive: string;
primaryVisited: string;
secondaryBase: string;
secondaryDark: string;
accentLight: string;
accentMain: string;
success: string;
error: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
blue50: string;
blue100: string;
blue200: string;
blue300: string;
blue400: string;
blue500: string;
blue600: string;
blue700: string;
blue800: string;
blue900: string;
alertWarning: string;
green50: string;
green100: string;
green200: string;
green300: string;
green400: string;
green500: string;
green600: string;
green700: string;
green800: string;
green900: string;
yellow50: string;
yellow100: string;
yellow200: string;
yellow300: string;
yellow400: string;
yellow500: string;
yellow600: string;
yellow700: string;
yellow800: string;
yellow900: string;
red50: string;
red100: string;
red200: string;
red300: string;
red400: string;
red500: string;
red600: string;
red700: string;
red800: string;
red900: string;
neutral50: string;
neutral100: string;
neutral150: string;
neutral200: string;
neutral300: string;
neutral400: string;
neutral500: string;
neutral600: string;
neutral700: string;
neutral800: string;
teal50: string;
teal100: string;
teal200: string;
teal300: string;
teal400: string;
teal500: string;
teal600: string;
teal700: string;
teal800: string;
teal900: string;
pink50: string;
pink100: string;
pink200: string;
pink300: string;
pink400: string;
pink500: string;
pink600: string;
pink700: string;
pink800: string;
violet50: string;
violet100: string;
violet200: string;
violet300: string;
violet400: string;
violet500: string;
violet600: string;
violet700: string;
violet800: string;
indigo700: string;
indigo800: string;
indigo900: string;
brown50: string;
brown100: string;
brown200: string;
brown300: string;
brown400: string;
brown500: string;
brown600: string;
brown700: string;
brown800: string;
white: string;
mb50: string;
mb100: string;
mb200: string;
mb300: string;
mb400: string;
mb500: string;
mb600: string;
mb700: string;
mb800: string;
mb900: string;
};
mbColors: {
pink: string;
cobalt: string;
dark: string;
gray: string;
midGray: string;
lightGray: string;
lightMint: string;
lightPink: string;
lightOrange: string;
lightBlue: string;
mint: string;
peach: string;
orange: string;
ceruleanBlue: string;
red: string;
lightRed: string;
yellow: string;
green: string;
blue: string;
toneYellow: string;
toneGreen: string;
toneBlue: string;
tonePink: string;
};
sizes: {
fwBold: string;
fwSemiBold: string;
fsCaption2: string;
fsHeading1: string;
fsHeading2: string;
fsHeading4: string;
fsHeading5: string;
fsHeading6: string;
fsParagraph3: string;
fsParagraph4: string;
fwRegular: string;
};
zIndexes: {
belowHeader: string;
zIndex100: string;
onTop: string;
drawer: number;
};
defaultColor: string;
borderRadius: string;
};
export declare const MBTheme: {
colors: {
primaryBase: string;
primaryHover: string;
primaryActive: string;
primaryVisited: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
secondaryBase: string;
secondaryDark: string;
accentLight: string;
accentMain: string;
success: string;
error: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
blue50: string;
blue100: string;
blue200: string;
blue300: string;
blue400: string;
blue500: string;
blue600: string;
blue700: string;
blue800: string;
blue900: string;
alertWarning: string;
green50: string;
green100: string;
green200: string;
green300: string;
green400: string;
green500: string;
green600: string;
green700: string;
green800: string;
green900: string;
yellow50: string;
yellow100: string;
yellow200: string;
yellow300: string;
yellow400: string;
yellow500: string;
yellow600: string;
yellow700: string;
yellow800: string;
yellow900: string;
red50: string;
red100: string;
red200: string;
red300: string;
red400: string;
red500: string;
red600: string;
red700: string;
red800: string;
red900: string;
neutral50: string;
neutral100: string;
neutral150: string;
neutral200: string;
neutral300: string;
neutral400: string;
neutral500: string;
neutral600: string;
neutral700: string;
neutral800: string;
teal50: string;
teal100: string;
teal200: string;
teal300: string;
teal400: string;
teal500: string;
teal600: string;
teal700: string;
teal800: string;
teal900: string;
pink50: string;
pink100: string;
pink200: string;
pink300: string;
pink400: string;
pink500: string;
pink600: string;
pink700: string;
pink800: string;
violet50: string;
violet100: string;
violet200: string;
violet300: string;
violet400: string;
violet500: string;
violet600: string;
violet700: string;
violet800: string;
indigo700: string;
indigo800: string;
indigo900: string;
brown50: string;
brown100: string;
brown200: string;
brown300: string;
brown400: string;
brown500: string;
brown600: string;
brown700: string;
brown800: string;
white: string;
mb50: string;
mb100: string;
mb200: string;
mb300: string;
mb400: string;
mb500: string;
mb600: string;
mb700: string;
mb800: string;
mb900: string;
};
borderRadius: string;
mbColors: {
pink: string;
cobalt: string;
dark: string;
gray: string;
midGray: string;
lightGray: string;
lightMint: string;
lightPink: string;
lightOrange: string;
lightBlue: string;
mint: string;
peach: string;
orange: string;
ceruleanBlue: string;
red: string;
lightRed: string;
yellow: string;
green: string;
blue: string;
toneYellow: string;
toneGreen: string;
toneBlue: string;
tonePink: string;
};
sizes: {
fwBold: string;
fwSemiBold: string;
fsCaption2: string;
fsHeading1: string;
fsHeading2: string;
fsHeading4: string;
fsHeading5: string;
fsHeading6: string;
fsParagraph3: string;
fsParagraph4: string;
fwRegular: string;
};
zIndexes: {
belowHeader: string;
zIndex100: string;
onTop: string;
drawer: number;
};
defaultColor: string;
};
export type ThemeType = typeof theme;
export type ThemeProps = {
theme: ThemeType;
};