@geist-ui/react
Version:
Modern and minimalist React UI library.
90 lines (89 loc) • 2.12 kB
TypeScript
export interface GeistUIThemesPalette {
accents_1: string;
accents_2: string;
accents_3: string;
accents_4: string;
accents_5: string;
accents_6: string;
accents_7: string;
accents_8: string;
background: string;
foreground: string;
selection: string;
secondary: string;
code: string;
border: string;
success: string;
successLighter: string;
successLight: string;
successDark: string;
error: string;
errorLighter: string;
errorLight: string;
errorDark: string;
warning: string;
warningLighter: string;
warningLight: string;
warningDark: string;
cyan: string;
cyanLighter: string;
cyanLight: string;
cyanDark: string;
violet: string;
violetLighter: string;
violetLight: string;
violetDark: string;
link: string;
purple: string;
magenta: string;
alert: string;
}
export interface GeistUIThemesExpressiveness {
linkStyle: string;
linkHoverStyle: string;
dropdownBoxShadow: string;
scrollerStart: string;
scrollerEnd: string;
shadowSmall: string;
shadowMedium: string;
shadowLarge: string;
portalOpacity: number;
}
export interface GeistUIThemesLayout {
gap: string;
gapNegative: string;
gapHalf: string;
gapHalfNegative: string;
gapQuarter: string;
gapQuarterNegative: string;
pageMargin: string;
pageWidth: string;
pageWidthWithMargin: string;
breakpointMobile: string;
breakpointTablet: string;
radius: string;
unit: string;
}
export interface GeistUIThemesFont {
sans: string;
mono: string;
}
export interface BreakpointsItem {
min: string;
max: string;
}
export interface GeistUIThemesBreakpoints {
xs: BreakpointsItem;
sm: BreakpointsItem;
md: BreakpointsItem;
lg: BreakpointsItem;
xl: BreakpointsItem;
}
export interface GeistUIThemes {
type: string;
font: GeistUIThemesFont;
layout: GeistUIThemesLayout;
palette: GeistUIThemesPalette;
breakpoints: GeistUIThemesBreakpoints;
expressiveness: GeistUIThemesExpressiveness;
}