@worktif/purei
Version:
Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes
95 lines • 3.43 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.surfacesCustomizations = void 0;
const styles_1 = require("@mui/material/styles");
const themePrimitives_1 = require("../themePrimitives");
/* eslint-disable import/prefer-default-export */
exports.surfacesCustomizations = {
MuiAccordion: {
defaultProps: {
elevation: 0,
disableGutters: true,
},
styleOverrides: {
root: ({ theme }) => ({
padding: 4,
overflow: 'clip',
backgroundColor: (theme).palette.background.default,
border: '1px solid',
borderColor: (theme).palette.divider,
':before': {
backgroundColor: 'transparent',
},
'&:not(:last-of-type)': {
borderBottom: 'none',
},
'&:first-of-type': {
borderTopLeftRadius: (theme).shape.borderRadius,
borderTopRightRadius: (theme).shape.borderRadius,
},
'&:last-of-type': {
borderBottomLeftRadius: (theme).shape.borderRadius,
borderBottomRightRadius: (theme).shape.borderRadius,
},
}),
},
},
MuiAccordionSummary: {
styleOverrides: {
root: ({ theme }) => (Object.assign({ border: 'none', borderRadius: 8, '&:hover': { backgroundColor: themePrimitives_1.gray[50] }, '&:focus-visible': { backgroundColor: 'transparent' } }, theme.applyStyles('dark', {
'&:hover': { backgroundColor: themePrimitives_1.gray[800] },
}))),
},
},
MuiAccordionDetails: {
styleOverrides: {
root: { mb: 20, border: 'none' },
},
},
MuiPaper: {
defaultProps: {
elevation: 0,
},
},
MuiCard: {
styleOverrides: {
root: ({ theme }) => {
return Object.assign(Object.assign({ padding: 16, gap: 16, transition: 'all 100ms ease', backgroundColor: themePrimitives_1.gray[50], borderRadius: (theme).shape.borderRadius, border: `1px solid ${(theme).palette.divider}`, boxShadow: 'none' }, theme.applyStyles('dark', {
backgroundColor: themePrimitives_1.gray[800],
})), { variants: [
{
props: {
variant: 'outlined',
},
style: Object.assign({ border: `1px solid ${(theme).palette.divider}`, boxShadow: 'none', background: 'hsl(0, 0%, 100%)' }, theme.applyStyles('dark', {
background: (0, styles_1.alpha)(themePrimitives_1.gray[900], 0.4),
})),
},
] });
},
},
},
MuiCardContent: {
styleOverrides: {
root: {
padding: 0,
'&:last-child': { paddingBottom: 0 },
},
},
},
MuiCardHeader: {
styleOverrides: {
root: {
padding: 0,
},
},
},
MuiCardActions: {
styleOverrides: {
root: {
padding: 0,
},
},
},
};
//# sourceMappingURL=surfaces.js.map