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

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

* include universal app

* fix universal

(cherry picked from commit 2b937f1)

Author: andrewseguin

src/dev-app/BUILD.bazel

@@ -95,7 +95,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

@@ -1,5 +1,4 @@
 @import '../material/core/theming/all-theme';
-@import '../material-experimental/mdc-slider/slider-theme';
 @import '../material/core/focus-indicator/focus-indicator';
 @import '../material-experimental/column-resize/column-resize';
 @import '../material-experimental/mdc-helpers/mdc-helpers';
@@ -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-mdc-theme($candy-app-theme);
 @include mat-column-resize-theme($candy-app-theme);
-@include mat-mdc-slider-theme($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-mdc-theme($dark-theme);
   @include mat-column-resize-theme($dark-theme);
-  @include mat-mdc-slider-theme($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/menu-theme';
 @import '../mdc-radio/radio-theme';
 @import '../mdc-slide-toggle/slide-toggle-theme';
+@import '../mdc-slider/slider-theme';
 @import '../mdc-tabs/tabs-theme';
 @import '../mdc-table/table-theme';
 @import '../mdc-progress-bar/progress-bar-theme';
@@ -28,7 +29,6 @@
   @include mat-mdc-table-theme($theme);
   @include mat-mdc-form-field-theme($theme);
   @include mat-mdc-input-theme($theme);
-  // TODO(andrewjs): Add this back when MDC syncs their slider code into Google-internal code
-  // @include mat-mdc-slider-theme($theme);
+  @include mat-mdc-slider-theme($theme);
   @include mat-mdc-tabs-theme($theme);
 }

src/universal-app/BUILD.bazel

@@ -46,7 +46,6 @@ sass_binary(
         "external/npm/node_modules",
     ],
     deps = [
-        "//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/core:theming_scss_lib",

src/universal-app/theme.scss

@@ -1,5 +1,4 @@
 @import '../material/core/theming/all-theme';
-@import '../material-experimental/mdc-slider/slider-theme';
 @import '../material-experimental/mdc-theming/all-theme';
 @import '../material-experimental/mdc-typography/all-typography';
 
@@ -19,4 +18,3 @@ $candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent);
 // Include the default theme styles.
 @include angular-material-theme($candy-app-theme);
 @include angular-material-mdc-theme($candy-app-theme);
-@include mat-mdc-slider-theme($candy-app-theme);