feat(system): add aria-disabled to the disabled state (#297)

styled-components · Aug 26, 2021 · d28cf38 · d28cf38
1 parent fdfbdf0
commit d28cf38
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/system/src/defaultTheme.ts b/packages/system/src/defaultTheme.ts
@@ -515,7 +515,7 @@ export const defaultTheme = {
     focus: '&:focus',
     focusVisible: '&:focus-visible',
     active: '&:active',
-    disabled: '&:disabled',
+    disabled: '&:disabled, &[aria-disabled=true]',
     placeholder: '&::placeholder',
   },
 }

diff --git a/website/pages/docs/core-concepts/hover-focus-and-other-states.mdx b/website/pages/docs/core-concepts/hover-focus-and-other-states.mdx
@@ -196,7 +196,7 @@ Default theme includes a set of useful states.
 | `focusVisible` | `&:focus-visible`                                |
 | `focusWithin`  | `&:focus-within`                                 |
 | `active`       | `&:active`                                       |
-| `disabled`     | `&:disabled`                                     |
+| `disabled`     | `&:disabled, &[aria-disabled=true]`              |
 | `placeholder`  | `&::placeholder`                                 |
 
 ## Customizing states