Fixed #5667 - Remove base option from theme config

This commit is contained in:
Mert Sincan 2024-05-01 09:26:48 +01:00
parent 6d688ef675
commit 0979dde96d
438 changed files with 10872 additions and 11957 deletions

View file

@ -1,5 +1,30 @@
import BaseStyle from 'primevue/base/style';
const theme = ({ dt }) => `
.p-inplace-display {
display: inline;
cursor: pointer;
padding: 0.5rem 0.75rem;
border-radius: ${dt('rounded.base')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
outline-color: transparent;
}
.p-inplace-display:not(.p-disabled):hover {
background: ${dt('inplace.display.hover.background')};
color: ${dt('inplace.display.hover.color')};
}
.p-inplace-display:focus-visible {
outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};
outline-offset: ${dt('focus.ring.offset')};
}
.p-inplace-content {
display: inline;
}
`;
const classes = {
root: 'p-inplace p-component',
display: ({ props }) => ['p-inplace-display', { 'p-disabled': props.disabled }],
@ -8,5 +33,6 @@ const classes = {
export default BaseStyle.extend({
name: 'inplace',
theme,
classes
});