Fixes <Radio> and <Checkbox> for styled-components v5

Fixes rebassjs#1049
javiercr · Nov 15, 2020 · d3310e2 · d3310e2
1 parent 64026db
commit d3310e2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/forms/src/index.js b/packages/forms/src/index.js
@@ -144,7 +144,7 @@ const RadioIcon = props =>
       {...props}
       __css={{
         display: 'none',
-        'input:checked ~ &': {
+        'input:checked ~ &&': {
           display: 'block',
         }
       }}
@@ -153,7 +153,7 @@ const RadioIcon = props =>
       {...props}
       __css={{
         display: 'block',
-        'input:checked ~ &': {
+        'input:checked ~ &&': {
           display: 'none',
         }
       }}
@@ -220,7 +220,7 @@ const CheckboxIcon = props =>
       {...props}
       __css={{
         display: 'none',
-        'input:checked ~ &': {
+        'input:checked ~ &&': {
           display: 'block',
         }
       }}
@@ -229,7 +229,7 @@ const CheckboxIcon = props =>
       {...props}
       __css={{
         display: 'block',
-        'input:checked ~ &': {
+        'input:checked ~ &&': {
           display: 'none',
         }
       }}