Merge remote-tracking branch 'origin/main' into sp/sync-feature-7.1-with-main

core/src/components/toggle/toggle.ios.scss

@@ -173,6 +173,9 @@
 
 // iOS Toggle: Disabled
 // ----------------------------------------------------------
+// The toggle and label should use the
+// same opacity and match the other form
+// controls
 
 :host(.toggle-disabled) {
   opacity: $toggle-ios-disabled-opacity;

core/src/components/toggle/toggle.md.scss

@@ -77,6 +77,9 @@
 
 // Material Design Toggle: Disabled
 // ----------------------------------------------------------
+// The toggle and label should use the
+// same opacity and match the other form
+// controls
 
 :host(.toggle-disabled) {
   opacity: $toggle-md-disabled-opacity;

core/src/components/toggle/toggle.md.vars.scss

@@ -62,7 +62,7 @@ $toggle-md-transition-duration:                   160ms !default;
 $toggle-md-transition:                            transform $toggle-md-transition-duration cubic-bezier(0.4, 0.0, 0.2, 1), background-color $toggle-md-transition-duration cubic-bezier(0.4, 0.0, 0.2, 1) !default;
 
 /// @prop - Opacity of the disabled toggle
-$toggle-md-disabled-opacity:                      .3 !default;
+$toggle-md-disabled-opacity:                      $form-control-md-disabled-opacity !default;
 
 /// @prop - Padding top of standalone toggle
 $toggle-md-padding-top:                           12px !default;