fix(material-experimental/slider): add slider mixin to main theme mixin

Author: andrewseguin

src/dev-app/BUILD.bazel

@@ -93,7 +93,6 @@ sass_binary(
     ],
     deps = [
         "//src/material-experimental/column-resize:column_resize_scss_lib",
-        "//src/material-experimental/mdc-slider:mdc_slider_scss_lib",
         "//src/material-experimental/mdc-theming:all_themes",
         "//src/material-experimental/mdc-typography:all_typography",
         "//src/material-experimental/popover-edit:popover_edit_scss_lib",

src/dev-app/theme.scss

@@ -2,7 +2,6 @@
 @import '../material/core/focus-indicator/focus-indicator';
 @import '../material-experimental/column-resize/column-resize';
 @import '../material-experimental/mdc-helpers/mdc-helpers';
-@import '../material-experimental/mdc-slider/mdc-slider';
 @import '../material-experimental/mdc-theming/all-theme';
 @import '../material-experimental/mdc-typography/all-typography';
 @import '../material-experimental/popover-edit/popover-edit';
@@ -31,7 +30,6 @@ $candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent);
 @include angular-material-theme($candy-app-theme);
 @include angular-material-theme-mdc($candy-app-theme);
 @include mat-column-resize-theme($candy-app-theme);
-@include mat-slider-theme-mdc($candy-app-theme);
 @include mat-popover-edit-theme($candy-app-theme);
 
 // Define an alternate dark theme.
@@ -54,7 +52,6 @@ $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
   @include angular-material-theme($dark-theme);
   @include angular-material-theme-mdc($dark-theme);
   @include mat-column-resize-theme($dark-theme);
-  @include mat-slider-theme-mdc($dark-theme);
   @include mat-popover-edit-theme($dark-theme);
 }
 

src/material-experimental/mdc-theming/BUILD.bazel

@@ -27,6 +27,7 @@ sass_library(
         "//src/material-experimental/mdc-progress-bar:mdc_progress_bar_scss_lib",
         "//src/material-experimental/mdc-radio:mdc_radio_scss_lib",
         "//src/material-experimental/mdc-slide-toggle:mdc_slide_toggle_scss_lib",
+        "//src/material-experimental/mdc-slider:mdc_slider_scss_lib",
         "//src/material-experimental/mdc-table:mdc_table_scss_lib",
         "//src/material-experimental/mdc-tabs:mdc_tabs_scss_lib",
     ],

src/material-experimental/mdc-theming/_all-theme.scss

@@ -6,6 +6,7 @@
 @import '../mdc-menu/mdc-menu';
 @import '../mdc-radio/mdc-radio';
 @import '../mdc-slide-toggle/mdc-slide-toggle';
+@import '../mdc-slider/mdc-slider';
 @import '../mdc-tabs/mdc-tabs';
 @import '../mdc-table/mdc-table';
 @import '../mdc-progress-bar/mdc-progress-bar';
@@ -27,7 +28,6 @@
   @include mat-table-theme-mdc($theme);
   @include mat-form-field-theme-mdc($theme);
   @include mat-input-theme-mdc($theme);
-  // TODO(andrewjs): Add this back when MDC syncs their slider code into Google-internal code
-  // @include mat-slider-theme-mdc($theme);
+  @include mat-slider-theme-mdc($theme);
   @include mat-tabs-theme-mdc($theme);
 }