@mui/codemod
Version:
Codemod scripts for Material UI.
108 lines (107 loc) • 2.6 kB
JavaScript
;
var _PaginationItem = require("@mui/material/PaginationItem");
var _jsxRuntime = require("react/jsx-runtime");
fn({
MuiPaginationItem: {
styleOverrides: {
root: {
'&.MuiPaginationItem-textPrimary': {
color: 'red'
},
'&.MuiPaginationItem-textSecondary': {
color: 'red'
},
'&.MuiPaginationItem-outlinedPrimary': {
color: 'red'
},
'&.MuiPaginationItem-outlinedSecondary': {
color: 'red'
}
}
}
}
});
fn({
MuiPaginationItem: {
styleOverrides: {
root: {
[`&.${_PaginationItem.paginationItemClasses.textPrimary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.textSecondary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.outlinedPrimary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.outlinedSecondary}`]: {
color: 'red'
}
}
}
}
});
styled(Component)(() => {
return {
'&.MuiPaginationItem-textPrimary': {
color: 'red'
},
'&.MuiPaginationItem-textSecondary': {
color: 'red'
},
'&.MuiPaginationItem-outlinedPrimary': {
color: 'red'
},
'&.MuiPaginationItem-outlinedSecondary': {
color: 'red'
}
};
});
styled(Component)(() => {
return {
[`&.${_PaginationItem.paginationItemClasses.textPrimary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.textSecondary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.outlinedPrimary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.outlinedSecondary}`]: {
color: 'red'
}
};
});
/*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
sx: {
'&.MuiPaginationItem-textPrimary': {
color: 'red'
},
'&.MuiPaginationItem-textSecondary': {
color: 'red'
},
'&.MuiPaginationItem-outlinedPrimary': {
color: 'red'
},
'&.MuiPaginationItem-outlinedSecondary': {
color: 'red'
}
}
});
/*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
sx: {
[`&.${_PaginationItem.paginationItemClasses.textPrimary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.textSecondary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.outlinedPrimary}`]: {
color: 'red'
},
[`&.${_PaginationItem.paginationItemClasses.outlinedSecondary}`]: {
color: 'red'
}
}
});