@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
484 lines (483 loc) • 16.5 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
[x: number]: {
borderRadius: any;
};
'& .SCOnBoardingWidget-step-content': {
[x: number]: {
width: string;
};
padding: any;
};
'& .SCOnBoardingWidget-logo': {
width: string;
};
'& .MuiCardContent-root': {
[x: number]: {
display: string;
};
'& .MuiList-root': {
paddingTop: number;
borderRight: string;
'& .MuiListItem-root': {
paddingBottom: number;
};
};
padding: number;
'& .SCOnBoardingWidget-steps-mobile': {
width: string;
display: string;
overflowX: string;
overflowY: string;
'&::-webkit-scrollbar': {
display: string;
};
'-webkit-overflow-scrolling': string;
'& .MuiButtonBase-root, .MuiListItem-root': {
marginRight: any;
padding: number;
'& .MuiChip-root': {
'&.MuiChip-filledDefault': {
color: any;
backgroundColor: any;
};
};
};
padding: any;
};
'& .SCOnBoardingWidget-steps': {
width: string;
'& .Mui-selected': {
backgroundColor: any;
};
'& .MuiButtonBase-root': {
height: any;
'&:hover': {
backgroundColor: any;
};
'& .MuiListItemIcon-root': {
minWidth: number;
};
};
};
};
};
dialogRoot: ({ theme }: any) => {
'& .SCOnBoardingWidget-dialog-content': {
whiteSpace: string;
fontSize: string;
};
};
actionsMenuRoot: ({ theme }: any) => {
'& .SCOnBoardingWidget-actions-paper': {
maxWidth: number;
padding: any;
'& .MuiList-root': {
padding: number;
};
};
};
actionsDrawerRoot: ({ theme }: any) => {};
accordionRoot: ({ theme, expanded }: any) => {
boxShadow: string;
'& .MuiAccordionDetails-root ': {
padding: number;
'& .SCOnBoardingWidget-content': {
'& .MuiCardContent-root': {
[x: number]: {
'& .MuiListItem-root:first-of-type': {
paddingTop: any;
};
};
padding: number;
'& .MuiList-root': {
paddingTop: number;
paddingBottom: any;
};
};
};
};
'& .MuiAccordionSummary-root': {
[x: number]: {
borderRadius: any;
borderBottomLeftRadius: any;
borderBottomRightRadius: any;
};
borderBottom: string;
borderRadius: number;
'& .MuiAccordionSummary-content': {
[x: number]: {
flexDirection: string;
paddingLeft: any;
};
'& h4, & h5': {
fontWeight: any;
};
'& h4': {
[x: number]: {
marginLeft: any;
'& .MuiIcon-root': {
position: string;
left: any;
};
};
fontSize: string;
};
'& h5': {
fontSize: string;
};
'p strong': {
color: any;
};
'& .SCOnBoardingWidget-intro': {
marginLeft: any;
'& h5': {
marginBottom: any;
};
};
'& .MuiTypography-body1': {
display: string;
alignItems: string;
fontSize: string;
flexWrap: string;
strong: {
marginRight: any;
marginLeft: any;
};
};
};
alignItems: string;
'& .MuiAccordionSummary-expandIconWrapper': {
marginTop: any;
alignSelf: string;
};
};
};
skeletonRoot: ({ theme }: any) => {
[x: number]: {
flexDirection: string;
};
display: string;
flexDirection: string;
'& .SCOnBoardingWidget-skeleton-content': {
[x: number]: {
padding: any;
};
width: string;
marginLeft: any;
};
'& .SCOnBoardingWidget-skeleton-menu': {
[x: number]: {
borderRight: string;
};
'& .MuiListItem-root': {
padding: number;
};
};
};
contentRoot: ({ theme }: any) => {
[x: number]: {
'& .SCOnBoardingWidget-content-progress': {
display: string;
alignItems: string;
'& .SCOnBoardingWidget-content-animation-progress': {
height: string;
width: string;
};
};
};
'& .SCOnBoardingWidget-content-title': {
fontWeight: any;
};
'& .SCOnBoardingWidget-content-summary': {
whiteSpace: string;
marginTop: any;
marginBottom: any;
};
'& .SCOnBoardingWidget-content-action': {
display: string;
justifyContent: string;
};
'& .SCProgressBar-message': {
marginBottom: any;
};
};
categoryRoot: ({ theme }: any) => {
[x: number]: {
'& .SCOnBoardingWidget-category-progress': {
display: string;
alignItems: string;
'& .SCOnBoardingWidget-category-animation-progress': {
height: string;
width: string;
};
};
};
'& .SCOnBoardingWidget-category-title': {
fontWeight: any;
};
'& .SCOnBoardingWidget-category-summary': {
margin: any;
};
'& .SCOnBoardingWidget-category-action': {
display: string;
justifyContent: string;
'& .MuiButton-root': {
marginTop: any;
};
};
'& .SCProgressBar-message': {
marginBottom: any;
};
};
appearanceRoot: ({ theme }: any) => {
display: string;
alignItems: string;
flexDirection: string;
'& .MuiButton-root': {
marginTop: any;
};
'& h4': {
marginBottom: any;
fontWeight: any;
};
};
appearanceDrawerRoot: ({ theme }: any) => {
'& .MuiDrawer-paper': {
[x: number]: {
width: string;
padding: any;
};
width: string;
};
'& .SCOnBoardingWidget-appearance-drawer-header': {
display: string;
justifyContent: string;
alignItems: string;
'& h4': {
fontWeight: any;
};
padding: any;
};
'& .MuiTabs-root': {
[x: number]: {
padding: any;
};
marginBottom: any;
'& .MuiTab-root ': {
textTransform: string;
};
};
'& .SCOnBoardingWidget-appearance-drawer-content': {
[x: number]: {
padding: any;
};
display: string;
flexDirection: string;
};
'& .SCOnBoardingWidget-appearance-color-container': {
position: string;
display: string;
'& .SCOnBoardingWidget-appearance-color': {
margin: any;
};
'& .SCOnBoardingWidget-appearance-color-progress': {
position: string;
top: string;
marginTop: any;
marginLeft: any;
};
};
'& .SCOnBoardingWidget-appearance-logo-container': {
position: string;
width: string;
height: string;
display: string;
justifyContent: string;
alignItems: string;
'& .SCOnBoardingWidget-appearance-logo': {
height: number;
width: number;
marginBottom: any;
objectFit: string;
'& img': {
width: string;
height: string;
};
};
'& .SCOnBoardingWidget-appearance-upload-button': {
'& .MuiIcon-root': {
fontSize: string;
};
};
};
};
profileRoot: ({ theme }: any) => {
display: string;
alignItems: string;
flexDirection: string;
'& .MuiButton-root': {
marginTop: any;
};
'& .SCOnBoardingWidget-profile-title': {
fontWeight: any;
marginBottom: any;
};
};
profileDrawerRoot: ({ theme }: any) => {
'& .MuiDrawer-paper': {
[x: number]: {
width: string;
padding: any;
};
width: string;
};
'& .SCOnBoardingWidget-profile-cover': {
[x: number]: {
borderRadius: any;
};
position: string;
height: number;
minHeight: number;
borderRadius: number;
background: string;
boxShadow: string;
display: string;
flexDirection: string;
};
'& .SCOnBoardingWidget-profile-icon': {
alignSelf: string;
};
'& .SCOnBoardingWidget-profile-avatar': {
position: string;
top: number;
display: string;
marginLeft: any;
'& > .MuiBadge-root > img': {
height: any;
width: any;
borderRadius: string;
border: string;
objectFit: string;
};
'& .MuiBadge-badge': {
right: any;
top: any;
'& .SCUserAvatar-badge-content': {
width: number;
height: number;
};
};
};
'& .SCOnBoardingWidget-profile-change-picture': {
[x: number]: {
top: number;
left: number;
};
top: number;
left: number;
height: number;
position: string;
display: string;
marginLeft: any;
};
'& .SCOnBoardingWidget-profile-change-cover': {
position: string;
right: number;
bottom: number;
};
'& .SCOnBoardingWidget-profile-public-info': {
marginTop: any;
padding: any;
'& .SCUserProfileEdit-public-info-root': {
display: string;
alignItems: string;
flexDirection: string;
'& .MuiButtonBase-root': {
width: string;
};
};
};
};
inviteRoot: ({ theme }: any) => {
'& .MuiTypography-subtitle1': {
marginLeft: any;
};
'& .SCOnBoardingWidget-invite-title': {
fontWeight: any;
};
'& .SCOnBoardingWidget-invite-social': {
margin: any;
'& .SCOnBoardingWidget-invite-social-icon-container': {
display: string;
justifyContent: string;
marginTop: any;
};
'& .SCOnBoardingWidget-invite-social-icon': {
fontSize: string;
fontWeight: any;
};
'& .SCOnBoardingWidget-invite-title': {
fontSize: string;
};
};
'& .SCOnBoardingWidget-invite-button': {
marginTop: any;
};
'& .SCOnBoardingWidget-invite-action': {
display: string;
justifyContent: string;
marginTop: any;
};
'& .SCOnBoardingWidget-invite-email': {
'& .SCOnBoardingWidget-invite-title': {
fontSize: string;
};
};
};
appRoot: ({ theme }: any) => {
'& .SCOnBoardingWidget-app-title': {
fontWeight: any;
};
'& .SCOnBoardingWidget-app-summary': {
whiteSpace: string;
margin: any;
};
'& .SCOnBoardingWidget-app-tabs': {
padding: any;
'& .MuiTab-root ': {
textTransform: string;
};
};
'& .SCOnBoardingWidget-app-tab-content': {
display: string;
flexDirection: string;
alignItems: string;
'& .SCOnBoardingWidget-app-image': {
width: string;
};
'& .SCOnBoardingWidget-app-image-android': {
width: string;
marginTop: any;
marginBottom: any;
};
};
'& .SCOnBoardingWidget-app-step': {
marginBottom: any;
display: string;
alignItems: string;
strong: {
display: string;
alignItems: string;
marginRight: any;
'& .MuiIcon-root': {
margin: any;
};
};
flexWrap: string;
};
};
};
};
export default Component;