@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
39 lines • 1.44 kB
TypeScript
export type DefaultModeTheme = "dark" | "light";
export interface NeumorphismConfig {
distance: string;
blur: string;
}
export interface ColorsConfig {
backgroundColor: React.CSSProperties["color"];
lightShadow: React.CSSProperties["color"];
darkShadow: React.CSSProperties["color"];
activeBackgroundColor: React.CSSProperties["color"];
hoverBackgroundColor: React.CSSProperties["color"];
}
export interface BorderConfig {
borderColor: React.CSSProperties["borderColor"];
borderRadius: React.CSSProperties["borderRadius"];
borderWidth: React.CSSProperties["borderWidth"];
borderStyle: React.CSSProperties["borderStyle"];
}
export interface TypographyConfig {
fontFamily: React.CSSProperties["fontFamily"];
fontColor: React.CSSProperties["color"];
}
export interface ReactNeumorphismConfig {
dark: ColorsConfig;
light: ColorsConfig;
typography: TypographyConfig;
}
export interface ReactNeumorphismAugmentedTheme extends NeumorphismConfig, ColorsConfig, TypographyConfig, BorderConfig {
background: React.CSSProperties["background"];
hoverBackground: React.CSSProperties["background"];
shadow: React.CSSProperties["boxShadow"];
shadowInset: React.CSSProperties["boxShadow"];
border: React.CSSProperties["border"];
}
declare module "@emotion/react" {
interface Theme extends ReactNeumorphismAugmentedTheme {
}
}
//# sourceMappingURL=theme.d.ts.map