@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
161 lines (160 loc) • 5.58 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
"& .SCPaywallsConfigurator-new-product": {
background: string;
padding: any;
marginTop: any;
borderRadius: any;
};
"& .SCPaywallsConfigurator-no-product": {
textDecoration: string;
paddingLeft: number;
color: "#bdbdbd";
};
"& .SCPaywallsConfigurator-content-access-type": {
'& > p': {
marginBottom: any;
};
'& .MuiPaper-root': {
borderColor: string;
};
'& .MuiAccordion-root:first-of-type': {
borderTopLeftRadius: number;
borderTopRightRadius: number;
};
'& .MuiAccordion-root:last-of-type': {
borderBottomLeftRadius: number;
borderBottomRightRadius: number;
};
"& .SCPaywallsConfigurator-selected-payment-products-list": {
borderTop: string;
marginTop: number;
};
"& .SCPaywallsConfigurator-add-payment-product": {
position: string;
left: number;
'& .MuiButton-startIcon': {
fontSize: string;
};
};
};
};
paymentProductsAutocompletePopperRoot: ({ theme }: any) => {
"& .MuiAutocomplete-paper": {
boxShadow: string;
margin: number;
color: string;
fontSize: number;
};
"& .MuiAutocomplete-listbox": {
backgroundColor: string;
padding: number;
"& .MuiAutocomplete-option": {
minHeight: string;
alignItems: string;
padding: number;
borderBottom: string;
'&[aria-selected="true"]': {
backgroundColor: string;
};
"&.MuiAutocomplete-focused, &.MuiAutocomplete-focused[aria-selected=\"true\"]": {
backgroundColor: any;
};
};
};
"&.MuiAutocomplete-popperDisablePortal": {
position: string;
};
"& .SCPaywallsConfigurator-product-check-icon": {
width: number;
height: number;
margin: string;
};
"& .SCPaywallsConfigurator-product-card-icon": {
width: number;
height: number;
flexShrink: number;
borderRadius: string;
marginRight: any;
marginTop: string;
padding: string;
backgroundColor: string;
color: string;
"& > .community-icons": {
fontSize: string;
};
};
"& .SCPaywallsConfigurator-product-content": {
flexGrow: number;
'& span': {
color: string;
};
};
"& .SCPaywallsConfigurator-product-remove-icon": {
opacity: number;
width: number;
height: number;
};
"& .SCPaywallsConfigurator-autocomplete-footer": {
backgroundColor: "#bdbdbd";
};
"& .SCPaywallsConfigurator-autocomplete-products-loading": {
width: string;
minHeight: number;
display: string;
alignItems: string;
justifyContent: string;
};
};
paymentProductsPopperRoot: ({ theme }: any) => {
border: string;
boxShadow: string;
borderRadius: number;
width: number;
zIndex: any;
fontSize: number;
color: string;
backgroundColor: string;
'& .MuiPaper-root': {
borderRadius: number;
};
"& .SCPaywallsConfigurator-payment-products-popper-title": {
borderBottom: string;
padding: string;
fontWeight: number;
};
"& .SCPaywallsConfigurator-payment-products-popper-footer": {
borderTop: string;
padding: string;
display: string;
alignItems: string;
justifyContent: string;
'& button': {
padding: string;
'& .MuiIcon-root': {
fontSize: number;
};
};
};
};
filterInputRoot: ({ theme }: any) => {
padding: number;
width: string;
borderBottom: string;
'& input': {
borderRadius: number;
backgroundColor: string;
padding: number;
transition: any;
border: string;
fontSize: number;
'&:focus': {
boxShadow: string;
borderColor: string;
};
};
};
};
};
export default Component;