goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
68 lines • 2.14 kB
TypeScript
import { default as React } from 'react';
export interface DrawerTheme {
permanent: {
background: string;
borderRight: string;
borderLeft: string;
boxShadow: string;
backdropFilter: string;
backgroundImage?: string;
};
temporary: {
background: string;
borderRight: string;
borderLeft: string;
boxShadow: string;
backdropFilter: string;
backgroundImage?: string;
};
backdrop: {
backgroundColor: string;
backdropFilter: string;
};
transition: string;
}
export interface DrawerStyles {
theme?: 'light' | 'dark' | 'sacred';
permanentBackground?: string;
permanentBorderRight?: string;
permanentBorderLeft?: string;
permanentBoxShadow?: string;
permanentBackdropFilter?: string;
permanentBackgroundImage?: string;
temporaryBackground?: string;
temporaryBorderRight?: string;
temporaryBorderLeft?: string;
temporaryBoxShadow?: string;
temporaryBackdropFilter?: string;
temporaryBackgroundImage?: string;
backdropBackgroundColor?: string;
backdropBackdropFilter?: string;
width?: string;
height?: string;
top?: string | number;
padding?: string;
margin?: string;
zIndex?: number;
backdropZIndex?: number;
transitionDuration?: string;
transitionEasing?: string;
disabled?: boolean;
outline?: boolean;
maxWidth?: string;
minWidth?: string;
maxHeight?: string;
minHeight?: string;
forceLeft?: boolean;
forceRight?: boolean;
}
export declare const drawerThemes: Record<'light' | 'dark' | 'sacred', DrawerTheme>;
export declare const getDrawerTheme: (styles?: DrawerStyles) => DrawerTheme;
export declare const getDrawerStyles: (styles?: DrawerStyles, open?: boolean, anchor?: "left" | "right" | "top" | "bottom", variant?: "permanent" | "temporary") => {
permanent: React.CSSProperties;
temporaryBackdrop: React.CSSProperties;
temporaryDrawer: React.CSSProperties;
paper: React.CSSProperties;
backdrop: React.CSSProperties;
};
//# sourceMappingURL=drawer.d.ts.map