Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[v3] Remove unwanted aria-* and data-* from pseudo-class selectors #974

Open
cheton opened this issue Feb 12, 2025 · 0 comments
Open

[v3] Remove unwanted aria-* and data-* from pseudo-class selectors #974

cheton opened this issue Feb 12, 2025 · 0 comments

Comments

@cheton
Copy link
Member

cheton commented Feb 12, 2025

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
@cheton cheton changed the title [v3] Remove aria-* and data-* from pseudo-class selector [v3] Remove unwanted aria-* and data-* from pseudo-class selectors Feb 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant