New tokens for customizable focus rings

This commit is contained in:
Cagatay Civici 2024-05-07 09:51:53 +03:00
parent 94b4cf5d3d
commit ee5843c315
11 changed files with 89 additions and 34 deletions

View file

@ -22,8 +22,9 @@ const theme = ({ dt }) => `
.p-inputtext:enabled:focus {
border-color: ${dt('inputtext.focus.border.color')};
box-shadow: ${dt('inputtext.focus.shadow')};
outline: 0 none;
box-shadow: ${dt('inputtext.focus.ring.shadow')};
outline: ${dt('inputtext.focus.ring.width')} ${dt('inputtext.focus.ring.style')} ${dt('inputtext.focus.ring.color')};
outline-offset: ${dt('inputtext.focus.ring.offset')};
}
.p-inputtext.p-invalid {