@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
121 lines (120 loc) • 4.36 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme, showPadding }: {
theme: any;
showPadding: any;
}) => {
'& .SCEventMediaWidget-header': {
padding: any;
};
'& .SCEventMediaWidget-content': {
padding: any;
'& .SCEventMediaWidget-grid': {
display: string;
gap: string;
gridTemplateColumns: string;
'& > .SCEventMediaWidget-media': {
position: string;
width: string;
paddingBottom: string;
backgroundSize: string;
cursor: string;
'& > .SCEventMediaWidget-media-layer': {
position: string;
inset: number;
backgroundColor: string;
opacity: number;
};
'& > .SCEventMediaWidget-count-hidden-media-wrapper': {
position: string;
top: string;
left: string;
transform: string;
color: any;
'& > .SCEventMediaWidget-count-hidden-media': {
fontSize: string;
};
};
};
};
};
'& .SCEventMediaWidget-actions': {
padding: any;
justifyContent: string;
};
};
skeletonRoot: ({}: {}) => {
'& .SCEventMediaWidget-grid': {
display: string;
gap: string;
gridTemplateColumns: string;
'& > .SCEventMediaWidget-media': {
paddingBottom: string;
};
};
};
dialogRoot: ({ theme }: {
theme: any;
}) => {
'& .SCEventMediaWidget-grid': {
display: string;
gap: string;
gridTemplateColumns: string;
'& > .SCEventMediaWidget-media': {
paddingBottom: string;
};
'& > .SCEventMediaWidget-dialog-media-wrapper': {
position: string;
width: string;
paddingBottom: string;
backgroundSize: string;
'& > .SCEventMediaWidget-dialog-button-wrapper': {
position: string;
top: number;
width: string;
height: string;
backgroundColor: any;
opacity: number;
flexDirection: string;
justifyContent: string;
alignItems: string;
'& > .SCEventMediaWidget-dialog-loading-button': {
padding: number;
minWidth: string;
'& > .MuiLoadingButton-loadingIndicatorCenter': {
color: any;
};
};
};
};
};
};
triggerRoot: ({ isSquare }: {
isSquare: any;
}) => {
padding: 0;
borderRadius: 0;
backgroundColor: string;
'&:hover': {
backgroundColor: string;
};
'& > .SCEventMediaWidget-trigger-content': {
position: string;
width: string;
padding: string;
paddingBottom: string;
flexDirection: string;
gap: string;
alignItems: string;
justifyContent: string;
'& > .SCEventMediaWidget-trigger-icon': {
position: string;
top: string;
transform: string;
fontSize: string;
};
};
};
};
};
export default Component;