https://trendmicro-frontend.github.io/tonic-ui/react/v2/styled-system/pseudo-style-props/
| Prop Name |
Old Selector |
New Selector |
_active |
&:active, &[data-active] |
&:active |
_checked |
&:checked, &[aria-checked=true], &[data-checked] |
&:checked |
_disabled |
&:disabled, &:disabled:focus, &:disabled:hover, &[aria-disabled=true], &[aria-disabled=true]:focus, &[aria-disabled=true]:hover, &[data-disabled] |
&:disabled, &:disabled:focus, &:disabled:hover |
_focus |
&:focus, &[data-focus] |
&:focus |
_hover |
&:hover, &[data-hover] |
&:hover |
_invalid |
&:invalid, &[aria-invalid=true] |
&:invalid |
_readOnly |
&:read-only, &[aria-readonly=true], &[data-readonly] |
&:read-only |
_selected |
&[aria-selected=true], &[data-selected] |
&[data-selected] ❓ |
_valid |
&[aria-invalid=false], &:valid |
&:valid |