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`