From 45b7b1a0b4234a9a2b936df05c7926d08b334157 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 3 Dec 2021 15:32:44 +0100 Subject: [PATCH] fix(material-experimental/mdc-checkbox): reduce amount of emitted theme css (#24004) We were adding the ripple variables to the MDC checkbox theme, even though we weren't actually using it. These changes remove the variables which shaves off ~30kb from the theme. (cherry picked from commit 642a7894066cce77994369b813f19b9eec1ee616) --- .../mdc-checkbox/_checkbox-theme.scss | 9 --------- 1 file changed, 9 deletions(-) diff --git a/src/material-experimental/mdc-checkbox/_checkbox-theme.scss b/src/material-experimental/mdc-checkbox/_checkbox-theme.scss index b07b57cd4eb5..aeb8729ce661 100644 --- a/src/material-experimental/mdc-checkbox/_checkbox-theme.scss +++ b/src/material-experimental/mdc-checkbox/_checkbox-theme.scss @@ -1,6 +1,5 @@ @use '@material/checkbox/checkbox' as mdc-checkbox; @use '@material/checkbox/checkbox-theme' as mdc-checkbox-theme; -@use '@material/ripple/ripple-theme' as mdc-ripple-theme; @use '@material/form-field' as mdc-form-field; @use '@material/theme/theme-color' as mdc-theme-color; @use '@material/theme/theme'; @@ -16,17 +15,10 @@ @mixin private-checkbox-styles-with-color($color) { @include mdc-checkbox-theme.theme-deprecated( ( - density-scale: null, checkmark-color: mdc-theme-color.prop-value(on-#{$color}), container-checked-color: $color, - container-checked-hover-color: null, container-disabled-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38), outline-color: rgba(mdc-theme-color.prop-value(on-surface), 0.54), - outline-hover-color: null, - ripple-color: mdc-theme-color.prop-value(on-surface), - ripple-opacity: mdc-ripple-theme.$dark-ink-opacities, - ripple-checked-color: $color, - ripple-checked-opacity: mdc-ripple-theme.$dark-ink-opacities, ) ); } @@ -71,7 +63,6 @@ ); .mat-mdc-checkbox { - @include private-checkbox-styles-with-color(primary); @include mdc-form-field.core-styles($query: mdc-helpers.$mat-theme-styles-query); @include ripple-theme.color(( foreground: (