@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
180 lines (179 loc) • 6.36 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
[x: number]: {
padding: any;
};
boxShadow: string;
borderRadius: number;
'& .SCLoyaltyProgramDetailTemplate-title': {
[x: number]: {
textAlign: string;
};
fontWeight: any;
fontSize: string;
marginTop: any;
marginBottom: any;
};
'& .SCLoyaltyProgramDetailTemplate-section-title': {
fontWeight: any;
fontSize: string;
marginBottom: any;
};
'& .SCLoyaltyProgramDetailTemplate-section-info': {
marginBottom: any;
};
'& .SCLoyaltyProgramDetailTemplate-user-points': {
marginLeft: any;
backgroundColor: any;
'& .MuiChip-label': {
fontSize: string;
fontWeight: any;
color: any;
padding: any;
};
};
'& .SCLoyaltyProgramDetailTemplate-prize-section': {
'& .MuiGrid-item': {
[x: number]: {
paddingLeft: any;
paddingRight: any;
marginBottom?: undefined;
} | {
marginBottom: any;
paddingLeft?: undefined;
paddingRight?: undefined;
};
};
};
'& .SCLoyaltyProgramDetailTemplate-card': {
[x: number]: {
borderRadius: number;
};
boxShadow: string;
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
height: string;
'& .SCLoyaltyProgramDetailTemplate-card-title': {
fontWeight: any;
fontSize: string;
};
'& .MuiCardContent-root': {
padding: any;
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
'& .SCLoyaltyProgramDetailTemplate-card-content': {
paddingTop: any;
maxHeight: any;
overflow: string;
textOverflow: string;
display: string;
WebkitBoxOrient: string;
WebkitLineClamp: number;
};
};
'& .MuiCardActions-root': {
marginTop: string;
'& .MuiButtonBase-root': {
'&:hover, &:active': {
backgroundColor: string;
};
};
};
'& .MuiCardMedia-root': {
height: any;
};
'& .SCLoyaltyProgramDetailTemplate-prize-points': {
marginTop: any;
'& .MuiChip-root': {
backgroundColor: any;
'& .MuiChip-label': {
fontSize: string;
fontWeight: any;
color: any;
};
};
'& .SCLoyaltyProgramDetailTemplate-not-requestable': {
backgroundColor: any;
};
};
};
'& .SCLoyaltyProgramDetailTemplate-points-list-root': {
marginTop: any;
marginBottom: any;
'& .MuiGrid-item': {
paddingTop: any;
'& .SCLoyaltyProgramDetailTemplate-element': {
display: string;
justifyContent: string;
marginBottom: any;
};
};
};
'& .SCLoyaltyProgramDetailTemplate-end-message': {
padding: any;
fontWeight: any;
textAlign: string;
'& .MuiButtonBase-root': {
paddingLeft: any;
};
};
};
skeletonRoot: ({ theme }: any) => {
height: string;
'& .SCLoyaltyProgramDetailTemplate-title': {
[x: number]: {
justifyContent: string;
};
display: string;
marginBottom: any;
alignItems: string;
'& .SCLoyaltyProgramDetailTemplate-chip': {
marginLeft: any;
borderRadius: any;
};
};
'& .SCLoyaltyProgramDetailTemplate-section-title': {
marginBottom: any;
'& .SCLoyaltyProgramDetailTemplate-sub-title': {
marginBottom: any;
};
};
'& .SCLoyaltyProgramDetailTemplate-points-list': {
marginBottom: any;
};
};
prizeItemSkeletonRoot: ({ theme }: any) => {
[x: number]: {
width: any;
height: any;
marginTop: any;
};
'& .MuiCard-root': {
[x: number]: {
borderRadius: number;
height: string;
};
};
'& .MuiCardContent-root': {
justifyContent: string;
'& .SCLoyaltyProgramDetailTemplate-content': {
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
marginTop: any;
paddingBottom: any;
};
};
'& .MuiCardActions-root': {
justifyContent: string;
};
};
};
};
export default Component;