Skip to content

Commit 3f658a8

Browse files
crisbetocrisbeto
committed
fix(material-experimental): errors with latest MDC canary version
A few hours ago MDC switched all their Sass to use the new Sass modules (see material-components/material-components-web@faa9af3). This breaks our MDC components since they've been set up to use global Sass variables. These changes switch all the imports to the `.import` files which use the old approach for exposing variables.
1 parent 71955d2 commit 3f658a8

33 files changed

+688
-581
lines changed

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@
5454
"@types/youtube": "^0.0.38",
5555
"@webcomponents/custom-elements": "^1.1.0",
5656
"core-js": "^2.6.9",
57-
"material-components-web": "5.0.0-canary.b602226ce.0",
57+
"material-components-web": "5.0.0-canary.faa9af310.0",
5858
"rxjs": "^6.5.3",
5959
"systemjs": "0.19.43",
6060
"tslib": "^1.10.0",

‎src/material-experimental/mdc-button/_mdc-button.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import '@material/button/mixins';
2-
@import '@material/button/variables';
3-
@import '@material/fab/mixins';
4-
@import '@material/ripple/mixins';
5-
@import '@material/icon-button/mixins';
1+
@import '@material/button/mixins.import';
2+
@import '@material/button/variables.import';
3+
@import '@material/fab/mixins.import';
4+
@import '@material/ripple/mixins.import';
5+
@import '@material/icon-button/mixins.import';
66
@import '../../material/core/ripple/ripple';
77
@import '../mdc-helpers/mdc-helpers';
88

‎src/material-experimental/mdc-button/button.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import '@material/button/mixins';
2-
@import '@material/button/variables';
3-
@import '@material/ripple/mixins';
1+
@import '@material/button/mixins.import';
2+
@import '@material/button/variables.import';
3+
@import '@material/ripple/mixins.import';
44
@import '../mdc-helpers/mdc-helpers';
55
@import '../../cdk/a11y/a11y';
66
@import '_button-base';

‎src/material-experimental/mdc-button/fab.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import '@material/fab/mixins';
2-
@import '@material/button/variables';
3-
@import '@material/theme/variables';
1+
@import '@material/fab/mixins.import';
2+
@import '@material/button/variables.import';
3+
@import '@material/theme/variables.import';
44
@import '../mdc-helpers/mdc-helpers';
55
@import '_button-base';
66

‎src/material-experimental/mdc-button/icon-button.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/icon-button/mixins';
1+
@import '@material/icon-button/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
33
@import '_button-base';
44

‎src/material-experimental/mdc-card/_mdc-card.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@import '@material/card/mixins';
2-
@import '@material/typography/mixins';
1+
@import '@material/card/mixins.import';
2+
@import '@material/typography/mixins.import';
33
@import '../mdc-helpers/mdc-helpers';
44

55
@mixin mat-card-theme-mdc($theme) {

‎src/material-experimental/mdc-card/card.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/card/mixins';
1+
@import '@material/card/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
33
@import '../../cdk/a11y/a11y';
44

‎src/material-experimental/mdc-checkbox/_mdc-checkbox.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import '@material/checkbox/mixins';
2-
@import '@material/checkbox/variables';
3-
@import '@material/form-field/mixins';
4-
@import '@material/ripple/variables';
5-
@import '@material/theme/functions';
1+
@import '@material/checkbox/mixins.import';
2+
@import '@material/checkbox/variables.import';
3+
@import '@material/form-field/mixins.import';
4+
@import '@material/ripple/variables.import';
5+
@import '@material/theme/functions.import';
66
@import '../mdc-helpers/mdc-helpers';
77

88
@mixin mat-checkbox-theme-mdc($theme) {

‎src/material-experimental/mdc-checkbox/checkbox.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import '@material/checkbox/functions';
2-
@import '@material/checkbox/mixins';
3-
@import '@material/form-field/mixins';
4-
@import '@material/ripple/variables';
1+
@import '@material/checkbox/functions.import';
2+
@import '@material/checkbox/mixins.import';
3+
@import '@material/form-field/mixins.import';
4+
@import '@material/ripple/variables.import';
55
@import '../mdc-helpers/mdc-helpers';
66

77
@include mdc-checkbox-without-ripple($query: $mat-base-styles-query);

‎src/material-experimental/mdc-chips/_mdc-chips.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import '@material/chips/mixins';
1+
@import '@material/chips/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
3-
@import '@material/theme/functions';
3+
@import '@material/theme/functions.import';
44

55
@mixin mat-chips-theme-mdc($theme) {
66
@include mdc-chip-set-core-styles($query: $mat-theme-styles-query);

‎src/material-experimental/mdc-chips/chips.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/chips/mixins';
1+
@import '@material/chips/mixins.import';
22
@import '../../material/core/style/layout-common';
33
@import '../../material/core/style/noop-animation';
44
@import '../../cdk/a11y/a11y';

‎src/material-experimental/mdc-form-field/_form-field-sizing.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/textfield/variables';
1+
@import '@material/textfield/variables.import';
22

33
// Top spacing of the form-field outline. MDC does not have a variable for this
44
// and just hard-codes it into their styles.

‎src/material-experimental/mdc-form-field/_mdc-form-field.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/textfield/variables';
1+
@import '@material/textfield/variables.import';
22
@import '../mdc-helpers/mdc-helpers';
33
@import 'form-field-subscript';
44
@import 'form-field-bottom-line';

‎src/material-experimental/mdc-helpers/BUILD.bazel

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,112 +25,218 @@ sass_library(
2525
name = "mdc_scss_deps_lib",
2626
srcs = [
2727
"@npm//:node_modules/@material/animation/_functions.scss",
28+
"@npm//:node_modules/@material/animation/_functions.import.scss",
2829
"@npm//:node_modules/@material/animation/_variables.scss",
30+
"@npm//:node_modules/@material/animation/_variables.import.scss",
2931
"@npm//:node_modules/@material/base/_mixins.scss",
32+
"@npm//:node_modules/@material/base/_mixins.import.scss",
3033
"@npm//:node_modules/@material/button/_mixins.scss",
34+
"@npm//:node_modules/@material/button/_mixins.import.scss",
3135
"@npm//:node_modules/@material/button/_variables.scss",
36+
"@npm//:node_modules/@material/button/_variables.import.scss",
3237
"@npm//:node_modules/@material/card/_mixins.scss",
38+
"@npm//:node_modules/@material/card/_mixins.import.scss",
3339
"@npm//:node_modules/@material/card/_variables.scss",
40+
"@npm//:node_modules/@material/card/_variables.import.scss",
3441
"@npm//:node_modules/@material/checkbox/_functions.scss",
42+
"@npm//:node_modules/@material/checkbox/_functions.import.scss",
3543
"@npm//:node_modules/@material/checkbox/_keyframes.scss",
44+
"@npm//:node_modules/@material/checkbox/_keyframes.import.scss",
3645
"@npm//:node_modules/@material/checkbox/_mixins.scss",
46+
"@npm//:node_modules/@material/checkbox/_mixins.import.scss",
3747
"@npm//:node_modules/@material/checkbox/_variables.scss",
48+
"@npm//:node_modules/@material/checkbox/_variables.import.scss",
3849
"@npm//:node_modules/@material/chips/_mixins.scss",
50+
"@npm//:node_modules/@material/chips/_mixins.import.scss",
3951
"@npm//:node_modules/@material/chips/_variables.scss",
52+
"@npm//:node_modules/@material/chips/_variables.import.scss",
4053
"@npm//:node_modules/@material/data-table/_mixins.scss",
54+
"@npm//:node_modules/@material/data-table/_mixins.import.scss",
4155
"@npm//:node_modules/@material/data-table/_variables.scss",
56+
"@npm//:node_modules/@material/data-table/_variables.import.scss",
4257
"@npm//:node_modules/@material/density/_functions.scss",
58+
"@npm//:node_modules/@material/density/_functions.import.scss",
4359
"@npm//:node_modules/@material/density/_variables.scss",
60+
"@npm//:node_modules/@material/density/_variables.import.scss",
4461
"@npm//:node_modules/@material/dialog/_mixins.scss",
62+
"@npm//:node_modules/@material/dialog/_mixins.import.scss",
4563
"@npm//:node_modules/@material/dialog/_variables.scss",
64+
"@npm//:node_modules/@material/dialog/_variables.import.scss",
4665
"@npm//:node_modules/@material/drawer/_mixins.scss",
66+
"@npm//:node_modules/@material/drawer/_mixins.import.scss",
4767
"@npm//:node_modules/@material/drawer/_variables.scss",
68+
"@npm//:node_modules/@material/drawer/_variables.import.scss",
4869
"@npm//:node_modules/@material/elevation/_functions.scss",
70+
"@npm//:node_modules/@material/elevation/_functions.import.scss",
4971
"@npm//:node_modules/@material/elevation/_mixins.scss",
72+
"@npm//:node_modules/@material/elevation/_mixins.import.scss",
5073
"@npm//:node_modules/@material/elevation/_variables.scss",
74+
"@npm//:node_modules/@material/elevation/_variables.import.scss",
5175
"@npm//:node_modules/@material/fab/_mixins.scss",
76+
"@npm//:node_modules/@material/fab/_mixins.import.scss",
5277
"@npm//:node_modules/@material/fab/_variables.scss",
78+
"@npm//:node_modules/@material/fab/_variables.import.scss",
5379
"@npm//:node_modules/@material/feature-targeting/_functions.scss",
80+
"@npm//:node_modules/@material/feature-targeting/_functions.import.scss",
5481
"@npm//:node_modules/@material/feature-targeting/_mixins.scss",
82+
"@npm//:node_modules/@material/feature-targeting/_mixins.import.scss",
5583
"@npm//:node_modules/@material/feature-targeting/_variables.scss",
84+
"@npm//:node_modules/@material/feature-targeting/_variables.import.scss",
5685
"@npm//:node_modules/@material/floating-label/_mixins.scss",
86+
"@npm//:node_modules/@material/floating-label/_mixins.import.scss",
5787
"@npm//:node_modules/@material/floating-label/_variables.scss",
88+
"@npm//:node_modules/@material/floating-label/_variables.import.scss",
5889
"@npm//:node_modules/@material/form-field/_mixins.scss",
90+
"@npm//:node_modules/@material/form-field/_mixins.import.scss",
5991
"@npm//:node_modules/@material/form-field/_variables.scss",
92+
"@npm//:node_modules/@material/form-field/_variables.import.scss",
6093
"@npm//:node_modules/@material/grid-list/_mixins.scss",
94+
"@npm//:node_modules/@material/grid-list/_mixins.import.scss",
6195
"@npm//:node_modules/@material/grid-list/_variables.scss",
96+
"@npm//:node_modules/@material/grid-list/_variables.import.scss",
6297
"@npm//:node_modules/@material/icon-button/_mixins.scss",
98+
"@npm//:node_modules/@material/icon-button/_mixins.import.scss",
6399
"@npm//:node_modules/@material/icon-button/_variables.scss",
100+
"@npm//:node_modules/@material/icon-button/_variables.import.scss",
64101
"@npm//:node_modules/@material/image-list/_mixins.scss",
102+
"@npm//:node_modules/@material/image-list/_mixins.import.scss",
65103
"@npm//:node_modules/@material/image-list/_variables.scss",
104+
"@npm//:node_modules/@material/image-list/_variables.import.scss",
66105
"@npm//:node_modules/@material/layout-grid/_mixins.scss",
106+
"@npm//:node_modules/@material/layout-grid/_mixins.import.scss",
67107
"@npm//:node_modules/@material/layout-grid/_variables.scss",
108+
"@npm//:node_modules/@material/layout-grid/_variables.import.scss",
68109
"@npm//:node_modules/@material/line-ripple/_functions.scss",
110+
"@npm//:node_modules/@material/line-ripple/_functions.import.scss",
69111
"@npm//:node_modules/@material/line-ripple/_mixins.scss",
112+
"@npm//:node_modules/@material/line-ripple/_mixins.import.scss",
70113
"@npm//:node_modules/@material/linear-progress/_keyframes.scss",
114+
"@npm//:node_modules/@material/linear-progress/_keyframes.import.scss",
71115
"@npm//:node_modules/@material/linear-progress/_mixins.scss",
116+
"@npm//:node_modules/@material/linear-progress/_mixins.import.scss",
72117
"@npm//:node_modules/@material/linear-progress/_variables.scss",
118+
"@npm//:node_modules/@material/linear-progress/_variables.import.scss",
73119
"@npm//:node_modules/@material/list/_mixins.scss",
120+
"@npm//:node_modules/@material/list/_mixins.import.scss",
74121
"@npm//:node_modules/@material/list/_variables.scss",
122+
"@npm//:node_modules/@material/list/_variables.import.scss",
75123
"@npm//:node_modules/@material/menu-surface/_mixins.scss",
124+
"@npm//:node_modules/@material/menu-surface/_mixins.import.scss",
76125
"@npm//:node_modules/@material/menu-surface/_variables.scss",
126+
"@npm//:node_modules/@material/menu-surface/_variables.import.scss",
77127
"@npm//:node_modules/@material/menu/_mixins.scss",
128+
"@npm//:node_modules/@material/menu/_mixins.import.scss",
78129
"@npm//:node_modules/@material/menu/_variables.scss",
130+
"@npm//:node_modules/@material/menu/_variables.import.scss",
79131
"@npm//:node_modules/@material/notched-outline/_mixins.scss",
132+
"@npm//:node_modules/@material/notched-outline/_mixins.import.scss",
80133
"@npm//:node_modules/@material/notched-outline/_variables.scss",
134+
"@npm//:node_modules/@material/notched-outline/_variables.import.scss",
81135
"@npm//:node_modules/@material/radio/_functions.scss",
136+
"@npm//:node_modules/@material/radio/_functions.import.scss",
82137
"@npm//:node_modules/@material/radio/_mixins.scss",
138+
"@npm//:node_modules/@material/radio/_mixins.import.scss",
83139
"@npm//:node_modules/@material/radio/_variables.scss",
140+
"@npm//:node_modules/@material/radio/_variables.import.scss",
84141
"@npm//:node_modules/@material/ripple/_functions.scss",
142+
"@npm//:node_modules/@material/ripple/_functions.import.scss",
85143
"@npm//:node_modules/@material/ripple/_keyframes.scss",
144+
"@npm//:node_modules/@material/ripple/_keyframes.import.scss",
86145
"@npm//:node_modules/@material/ripple/_mixins.scss",
146+
"@npm//:node_modules/@material/ripple/_mixins.import.scss",
87147
"@npm//:node_modules/@material/ripple/_variables.scss",
148+
"@npm//:node_modules/@material/ripple/_variables.import.scss",
88149
"@npm//:node_modules/@material/rtl/_mixins.scss",
150+
"@npm//:node_modules/@material/rtl/_mixins.import.scss",
89151
"@npm//:node_modules/@material/rtl/_variables.scss",
152+
"@npm//:node_modules/@material/rtl/_variables.import.scss",
90153
"@npm//:node_modules/@material/select/_functions.scss",
154+
"@npm//:node_modules/@material/select/_functions.import.scss",
91155
"@npm//:node_modules/@material/select/_keyframes.scss",
92156
"@npm//:node_modules/@material/select/_mixins.scss",
157+
"@npm//:node_modules/@material/select/_mixins.import.scss",
93158
"@npm//:node_modules/@material/select/_variables.scss",
159+
"@npm//:node_modules/@material/select/_variables.import.scss",
94160
"@npm//:node_modules/@material/select/helper-text/_mixins.scss",
161+
"@npm//:node_modules/@material/select/helper-text/_mixins.import.scss",
95162
"@npm//:node_modules/@material/select/icon/_mixins.scss",
163+
"@npm//:node_modules/@material/select/icon/_mixins.import.scss",
96164
"@npm//:node_modules/@material/select/icon/_variables.scss",
165+
"@npm//:node_modules/@material/select/icon/_variables.import.scss",
97166
"@npm//:node_modules/@material/shape/_functions.scss",
167+
"@npm//:node_modules/@material/shape/_functions.import.scss",
98168
"@npm//:node_modules/@material/shape/_mixins.scss",
169+
"@npm//:node_modules/@material/shape/_mixins.import.scss",
99170
"@npm//:node_modules/@material/shape/_variables.scss",
171+
"@npm//:node_modules/@material/shape/_variables.import.scss",
100172
"@npm//:node_modules/@material/slider/_keyframes.scss",
173+
"@npm//:node_modules/@material/slider/_keyframes.import.scss",
101174
"@npm//:node_modules/@material/slider/_mixins.scss",
175+
"@npm//:node_modules/@material/slider/_mixins.import.scss",
102176
"@npm//:node_modules/@material/slider/_variables.scss",
177+
"@npm//:node_modules/@material/slider/_variables.import.scss",
103178
"@npm//:node_modules/@material/snackbar/_mixins.scss",
179+
"@npm//:node_modules/@material/snackbar/_mixins.import.scss",
104180
"@npm//:node_modules/@material/snackbar/_variables.scss",
181+
"@npm//:node_modules/@material/snackbar/_variables.import.scss",
105182
"@npm//:node_modules/@material/switch/_functions.scss",
183+
"@npm//:node_modules/@material/switch/_functions.import.scss",
106184
"@npm//:node_modules/@material/switch/_mixins.scss",
185+
"@npm//:node_modules/@material/switch/_mixins.import.scss",
107186
"@npm//:node_modules/@material/switch/_variables.scss",
187+
"@npm//:node_modules/@material/switch/_variables.import.scss",
108188
"@npm//:node_modules/@material/tab-bar/_mixins.scss",
189+
"@npm//:node_modules/@material/tab-bar/_mixins.import.scss",
109190
"@npm//:node_modules/@material/tab-bar/_variables.scss",
191+
"@npm//:node_modules/@material/tab-bar/_variables.import.scss",
110192
"@npm//:node_modules/@material/tab-indicator/_mixins.scss",
193+
"@npm//:node_modules/@material/tab-indicator/_mixins.import.scss",
111194
"@npm//:node_modules/@material/tab-scroller/_mixins.scss",
195+
"@npm//:node_modules/@material/tab-scroller/_mixins.import.scss",
112196
"@npm//:node_modules/@material/tab-scroller/_variables.scss",
197+
"@npm//:node_modules/@material/tab-scroller/_variables.import.scss",
113198
"@npm//:node_modules/@material/tab/_mixins.scss",
199+
"@npm//:node_modules/@material/tab/_mixins.import.scss",
114200
"@npm//:node_modules/@material/tab/_variables.scss",
201+
"@npm//:node_modules/@material/tab/_variables.import.scss",
115202
"@npm//:node_modules/@material/textfield/_functions.scss",
203+
"@npm//:node_modules/@material/textfield/_functions.import.scss",
116204
"@npm//:node_modules/@material/textfield/_mixins.scss",
205+
"@npm//:node_modules/@material/textfield/_mixins.import.scss",
117206
"@npm//:node_modules/@material/textfield/_variables.scss",
207+
"@npm//:node_modules/@material/textfield/_variables.import.scss",
118208
"@npm//:node_modules/@material/textfield/character-counter/_mixins.scss",
209+
"@npm//:node_modules/@material/textfield/character-counter/_mixins.import.scss",
119210
"@npm//:node_modules/@material/textfield/helper-text/_mixins.scss",
211+
"@npm//:node_modules/@material/textfield/helper-text/_mixins.import.scss",
120212
"@npm//:node_modules/@material/textfield/icon/_mixins.scss",
213+
"@npm//:node_modules/@material/textfield/icon/_mixins.import.scss",
121214
"@npm//:node_modules/@material/textfield/icon/_variables.scss",
215+
"@npm//:node_modules/@material/textfield/icon/_variables.import.scss",
122216
"@npm//:node_modules/@material/theme/_color-palette.scss",
217+
"@npm//:node_modules/@material/theme/_color-palette.import.scss",
123218
"@npm//:node_modules/@material/theme/_constants.scss",
219+
"@npm//:node_modules/@material/theme/_constants.import.scss",
124220
"@npm//:node_modules/@material/theme/_functions.scss",
221+
"@npm//:node_modules/@material/theme/_functions.import.scss",
125222
"@npm//:node_modules/@material/theme/_mixins.scss",
223+
"@npm//:node_modules/@material/theme/_mixins.import.scss",
126224
"@npm//:node_modules/@material/theme/_variables.scss",
225+
"@npm//:node_modules/@material/theme/_variables.import.scss",
127226
"@npm//:node_modules/@material/top-app-bar/_mixins.scss",
227+
"@npm//:node_modules/@material/top-app-bar/_mixins.import.scss",
128228
"@npm//:node_modules/@material/top-app-bar/_variables.scss",
229+
"@npm//:node_modules/@material/top-app-bar/_variables.import.scss",
129230
"@npm//:node_modules/@material/touch-target/_mixins.scss",
231+
"@npm//:node_modules/@material/touch-target/_mixins.import.scss",
130232
"@npm//:node_modules/@material/touch-target/_variables.scss",
233+
"@npm//:node_modules/@material/touch-target/_variables.import.scss",
131234
"@npm//:node_modules/@material/typography/_functions.scss",
235+
"@npm//:node_modules/@material/typography/_functions.import.scss",
132236
"@npm//:node_modules/@material/typography/_mixins.scss",
237+
"@npm//:node_modules/@material/typography/_mixins.import.scss",
133238
"@npm//:node_modules/@material/typography/_variables.scss",
239+
"@npm//:node_modules/@material/typography/_variables.import.scss",
134240
],
135241
)
136242

‎src/material-experimental/mdc-helpers/_mdc-helpers.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
// "theming", "typography", "core". Currently splitting it is difficult because of our brittle
33
// gulp-based release build process. We can update this when we switch to bazel.
44

5-
@import '@material/feature-targeting/functions';
6-
@import '@material/theme/functions';
7-
@import '@material/theme/variables';
8-
@import '@material/typography/variables';
5+
@import '@material/feature-targeting/functions.import';
6+
@import '@material/theme/functions.import';
7+
@import '@material/theme/variables.import';
8+
@import '@material/typography/variables.import';
99
@import '../../material/core/theming/theming';
1010
@import '../../material/core/typography/typography';
1111

‎src/material-experimental/mdc-menu/_mdc-menu.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import '@material/menu-surface/mixins';
2-
@import '@material/menu-surface/variables';
3-
@import '@material/list/mixins';
4-
@import '@material/list/variables';
5-
@import '@material/theme/functions';
1+
@import '@material/menu-surface/mixins.import';
2+
@import '@material/menu-surface/variables.import';
3+
@import '@material/list/mixins.import';
4+
@import '@material/list/variables.import';
5+
@import '@material/theme/functions.import';
66
@import '../mdc-helpers/mdc-helpers';
77

88
@mixin mat-menu-theme-mdc($theme) {

0 commit comments

Comments
 (0)