@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
90 lines (89 loc) • 3.37 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
width: string;
'& .SCSnippetNotifications-notifications-wrap': {
height: number;
overflowY: string;
};
'& .SCSnippetNotifications-item': {
padding: number;
marginBottom: any;
'&:hover': {
backgroundColor: string;
cursor: string;
};
'& .SCNotificationItem-root': {
backgroundColor: string;
borderRadius: number;
'&.SCNotificationItem-snippet': {
'&:before': {
borderRadius: any;
width: any;
left: number;
height: string;
display: string;
zIndex: string;
position: string;
content: string;
backgroundColor: string;
};
'&.SCNotificationItem-new': {
'&:before': {
backgroundColor: any;
};
};
'& .SCNotificationItem-header': {
padding: any;
};
};
};
'&.SCSnippetNotifications-broadcast-messages-banner': {
'& .SCNotificationItem-root.SCNotificationItem-snippet.SCNotificationItem-new': {
'&:before': {
backgroundColor: any;
};
};
'& .SCNotificationItem-title a': {
color: any;
fontWeight: any;
};
};
};
};
skeletonRoot: ({ theme }: any) => {
margin: number;
padding: number;
'& .SCSnippetNotifications-item': {
padding: number;
marginBottom: any;
'& .SCNotificationItem-root': {
backgroundColor: string;
borderRadius: number;
'&.SCNotificationItem-snippet': {
'&:before': {
borderRadius: any;
width: any;
left: number;
height: string;
display: string;
zIndex: string;
position: string;
content: string;
backgroundColor: string;
};
'&.SCNotificationItem-new': {
'&:before': {
backgroundColor: any;
};
};
'& .SCNotificationItem-header': {
padding: any;
};
};
};
};
};
};
};
export default Component;