@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
63 lines (62 loc) • 2.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const material_1 = require("@mui/material");
const Component = {
styleOverrides: {
root: ({ theme }) => ({
'& .SCEventMembersWidget-content': {
padding: `${theme.spacing(2)} ${theme.spacing(2)}}`,
'& .SCEventMembersWidget-title': {
marginBottom: '18px'
},
'& .SCEventMembersWidget-tabs-wrapper': {
borderBottom: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
? `1px solid ${theme.palette.grey[800]}`
: `1px solid ${theme.palette.grey[300]}`,
'& .SCEventMembersWidget-tab-label-wrapper': {
gap: '2px',
alignItems: 'center'
}
},
'& .SCEventMembersWidget-tab-panel': {
padding: `${theme.spacing(4)} 0 0`
},
'& .SCEventMembersWidget-action-button': {
left: '50%',
transform: 'translate(-50%)',
color: theme.palette.primary.main
},
'& .SCEventMembersWidget-event-button': {
left: '50%',
transform: 'translate(-50%)'
}
}
}),
skeletonRoot: ({ theme }) => ({
'& .SCEventMembersWidget-content': {
padding: `${theme.spacing(2)} ${theme.spacing(2)}`,
'& .SCEventMembersWidget-title': {
marginBottom: '18px'
},
'& .SCEventMembersWidget-tabs-wrapper': {
borderBottom: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
? `1px solid ${theme.palette.grey[800]}`
: `1px solid ${theme.palette.grey[300]}`,
'& .SCEventMembersWidget-tab-label-wrapper': {
gap: '2px',
alignItems: 'center'
}
},
'& .SCEventMembersWidget-tab-panel': {
padding: `${theme.spacing(4)} 0 0`
},
'& .SCEventMembersWidget-action-button': {
left: '50%',
transform: 'translate(-50%)'
}
}
}),
dialogRoot: () => ({})
}
};
exports.default = Component;