|
1 | 1 | @use '@material/checkbox/checkbox' as mdc-checkbox; |
2 | 2 | @use '@material/checkbox/checkbox-theme' as mdc-checkbox-theme; |
3 | | -@use '@material/ripple/ripple-theme' as mdc-ripple-theme; |
4 | 3 | @use '@material/form-field' as mdc-form-field; |
5 | 4 | @use '@material/theme/theme-color' as mdc-theme-color; |
6 | 5 | @use '@material/theme/theme'; |
|
16 | 15 | @mixin private-checkbox-styles-with-color($color) { |
17 | 16 | @include mdc-checkbox-theme.theme-deprecated( |
18 | 17 | ( |
19 | | - density-scale: null, |
20 | 18 | checkmark-color: mdc-theme-color.prop-value(on-#{$color}), |
21 | 19 | container-checked-color: $color, |
22 | | - container-checked-hover-color: null, |
23 | 20 | container-disabled-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38), |
24 | 21 | outline-color: rgba(mdc-theme-color.prop-value(on-surface), 0.54), |
25 | | - outline-hover-color: null, |
26 | | - ripple-color: mdc-theme-color.prop-value(on-surface), |
27 | | - ripple-opacity: mdc-ripple-theme.$dark-ink-opacities, |
28 | | - ripple-checked-color: $color, |
29 | | - ripple-checked-opacity: mdc-ripple-theme.$dark-ink-opacities, |
30 | 22 | ) |
31 | 23 | ); |
32 | 24 | } |
|
71 | 63 | ); |
72 | 64 |
|
73 | 65 | .mat-mdc-checkbox { |
74 | | - @include private-checkbox-styles-with-color(primary); |
75 | 66 | @include mdc-form-field.core-styles($query: mdc-helpers.$mat-theme-styles-query); |
76 | 67 | @include ripple-theme.color(( |
77 | 68 | foreground: ( |
|
0 commit comments