fix(field): supporting text typography not resolving

PiperOrigin-RevId: 466241475
material-components · Aug 9, 2022 · a96664b · a96664b
1 parent 647a767
commit a96664b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/field/lib/_filled-field-theme.scss b/field/lib/_filled-field-theme.scss
@@ -99,6 +99,7 @@ $dark-theme: values(
 
 @function _resolve-theme($theme, $resolvers) {
   $theme: label-theme.resolve-theme($theme, $resolvers);
+  $theme: supporting-text-theme.resolve-theme($theme, $resolvers);
   $theme: shape.resolve-theme(
     $theme,
     map.get($resolvers, shape),

diff --git a/field/lib/_outlined-field-theme.scss b/field/lib/_outlined-field-theme.scss
@@ -99,6 +99,7 @@ $dark-theme: values(
 
 @function _resolve-theme($theme, $resolvers) {
   $theme: label-theme.resolve-theme($theme, $resolvers);
+  $theme: supporting-text-theme.resolve-theme($theme, $resolvers);
   $theme: shape.resolve-theme(
     $theme,
     map.get($resolvers, shape),

diff --git a/field/lib/_supporting-text.scss b/field/lib/_supporting-text.scss
@@ -12,11 +12,9 @@
     justify-content: space-between;
   }
 
-  .md3-field__supporting-text,
+  .md3-field__supporting-text-start,
   .md3-field__supporting-text-end {
-    ::slotted(:not(:empty)) {
-      // Can't be an inline display element (<span>) for padding-top to work.
-      display: inline-flex;
-    }
+    // Can't be an inline display element (<span>) for padding-top to work.
+    display: flex;
   }
 }