playbook_ui 14.11.1.pre.alpha.PBNTR798datepickerturbo5537 → 14.11.1.pre.alpha.PBNTR7495495

data/app/pb_kits/playbook/pb_radio/_radio.scss

@@ -4,7 +4,7 @@
 @import "../pb_body/body";
 @import "../tokens/transition";
 
-[class^="pb_radio_kit"] {
+[class^=pb_radio_kit] {
   display: inline-flex;
   cursor: pointer;
 
@@ -16,11 +16,10 @@
     border-radius: 1000px;
     border: 2px solid $border_light;
     margin-right: $space_xs;
-    transition: background $transition_default ease,
-      box-shadow $transition_default ease, border-color $transition_default ease;
+    transition: background $transition_default ease, box-shadow $transition_default ease, border-color $transition_default ease;
   }
 
-  @media (hover: hover) {
+  @media (hover:hover) {
     &:hover .pb_radio_button {
       background-color: $bg_light;
       border-color: $border_light;
@@ -53,14 +52,14 @@
       }
     }
 
-    &:disabled:checked + .pb_radio_button {
+    &:disabled:checked + .pb_radio_button{
       cursor: not-allowed;
       background-color: $white;
       border: 6px solid $neutral;
     }
   }
 
-  &[class*="vertical"] {
+  &[class*=vertical] {
     flex-direction: column;
     align-items: center;
     .pb_radio_button {
@@ -81,7 +80,7 @@
       }
       &:checked {
         & ~ .pb_radio_button {
-          border: 6px solid $active_dark;
+          border: 6px solid $primary;
         }
       }
 
@@ -104,10 +103,10 @@
       }
     }
 
-    @media (hover: hover) {
+    @media (hover:hover) {
       &:hover {
         .pb_radio_button {
-          background-color: rgba($white, 0.1);
+          background-color: rgba($white,.10);
           border-color: $border_dark;
         }
       }
@@ -116,9 +115,6 @@
       > .pb_radio_button {
         border-color: $error_dark;
       }
-      > .pb_body_kit_negative {
-        color: $error_dark;
-      }
     }
   }
   &.error {

data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx

@@ -29,7 +29,6 @@ const RadioChildren = (props) => {
             marginBottom="none"
             minWidth="xs"
             options={options}
-            {...props}
         />
       </Radio>
       <Radio
@@ -41,11 +40,10 @@ const RadioChildren = (props) => {
           value="Typeahead"
           {...props}
       >
-        <Typeahead
+        <Typeahead 
             marginBottom="none"
             minWidth="xs"
             options={options}
-            {...props}
         />
       </Radio>
       <Radio
@@ -56,12 +54,9 @@ const RadioChildren = (props) => {
           value="Typography"
           {...props}
       >
-        <Title
-            text="Custom Typography"
-            {...props}
-        />
+        <Title text="Custom Typography" />
       </Radio>
     </div>
   )
 }
-export default RadioChildren
+export default RadioChildren