fix(RadioButton): updated tokens (#9990)

sstrubberg · web-flow · commit fedc22ba7d52 · 2021-11-01T16:43:03.000Z
diff --git a/packages/styles/scss/components/radio-button/_radio-button.scss b/packages/styles/scss/components/radio-button/_radio-button.scss
@@ -9,7 +9,7 @@
 // Radio
 //-----------------------------
 
-@use '../../compat/theme' as *;
+@use '../../theme' as *;
 @use '../../type';
 @use '../form';
 @use '../../utilities/focus-outline' as *;
@@ -20,6 +20,8 @@
 @use '../../config' as *;
 @use '../../spacing' as *;
 
+@use '../button/tokens' as *;
+
 /// @type Number
 /// @access public
 /// @group radio-button
@@ -119,21 +121,21 @@ $radio-border-width: 1px !default;
     }
   }
 
-  .#{$prefix}--radio-button:disabled-01 + .#{$prefix}--radio-button__label {
-    color: $disabled-01;
+  .#{$prefix}--radio-button:button-disabled + .#{$prefix}--radio-button__label {
+    color: $button-disabled;
     cursor: not-allowed;
   }
 
-  .#{$prefix}--radio-button:disabled-01
+  .#{$prefix}--radio-button:button-disabled
     + .#{$prefix}--radio-button__label
     .#{$prefix}--radio-button__appearance,
-  .#{$prefix}--radio-button:disabled-01:checked
+  .#{$prefix}--radio-button:button-disabled:checked
     + .#{$prefix}--radio-button__label
     .#{$prefix}--radio-button__appearance {
-    border-color: $disabled-01;
+    border-color: $border-disabled;
 
     &::before {
-      background-color: $disabled-01;
+      background-color: $button-disabled;
     }
   }
 
