fix(material/list): Emit tokens under mixin root selector (#27711)

amysorto · web-flow · commit c7db4960e16d · 2023-09-19T07:52:11.000-07:00
diff --git a/src/material/list/_list-theme.scss b/src/material/list/_list-theme.scss
@@ -23,7 +23,7 @@
   $mdc-list-color-tokens: tokens-mdc-list.get-color-tokens($theme);
 
   // Add values for MDC list tokens.
-  .mat-mdc-list-base {
+  @include sass-utils.current-selector-or-root() {
     @include mdc-list-theme.theme($mdc-list-color-tokens);
   }
 
@@ -79,7 +79,7 @@
   $mdc-list-density-tokens: tokens-mdc-list.get-density-tokens($theme);
 
   // Add values for MDC list tokens.
-  .mat-mdc-list-base {
+  @include sass-utils.current-selector-or-root() {
     @include mdc-list-theme.theme($mdc-list-density-tokens);
   }
 
@@ -119,7 +119,7 @@
   $mdc-list-typography-tokens: tokens-mdc-list.get-typography-tokens($theme);
 
   // Add values for MDC list tokens.
-  .mat-mdc-list-base {
+  @include sass-utils.current-selector-or-root() {
     @include mdc-list-theme.theme($mdc-list-typography-tokens);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`$mdc-list-color-tokens: tokens-mdc-list.get-color-tokens($theme);`
`24`	`24`
`25`	`25`	`// Add values for MDC list tokens.`
`26`		`- .mat-mdc-list-base {`
	`26`	`+ @include sass-utils.current-selector-or-root() {`
`27`	`27`	`@include mdc-list-theme.theme($mdc-list-color-tokens);`
`28`	`28`	`}`
`29`	`29`
`@@ -79,7 +79,7 @@`
`79`	`79`	`$mdc-list-density-tokens: tokens-mdc-list.get-density-tokens($theme);`
`80`	`80`
`81`	`81`	`// Add values for MDC list tokens.`
`82`		`- .mat-mdc-list-base {`
	`82`	`+ @include sass-utils.current-selector-or-root() {`
`83`	`83`	`@include mdc-list-theme.theme($mdc-list-density-tokens);`
`84`	`84`	`}`
`85`	`85`
`@@ -119,7 +119,7 @@`
`119`	`119`	`$mdc-list-typography-tokens: tokens-mdc-list.get-typography-tokens($theme);`
`120`	`120`
`121`	`121`	`// Add values for MDC list tokens.`
`122`		`- .mat-mdc-list-base {`
	`122`	`+ @include sass-utils.current-selector-or-root() {`
`123`	`123`	`@include mdc-list-theme.theme($mdc-list-typography-tokens);`
`124`	`124`	`}`
`125`	`125`