feat(textfield): Add field-sizing token

material-web-copybara · copybara-github · commit 885a454d7fc6 · 2026-04-14T22:26:03.000-07:00
PiperOrigin-RevId: 896050822
diff --git a/textfield/internal/_filled-text-field.scss b/textfield/internal/_filled-text-field.scss
@@ -35,7 +35,7 @@
 
   :host {
     // Only use the logical properties.
-    $tokens: map.remove($tokens, 'container-shape');
+    $tokens: map.remove($tokens, 'container-shape', 'field-sizing');
     @each $token, $value in $tokens {
       --_#{$token}: #{$value};
     }
diff --git a/textfield/internal/_input.scss b/textfield/internal/_input.scss
@@ -18,6 +18,7 @@
 
   .input {
     caret-color: var(--_caret-color);
+    field-sizing: var(--_field-sizing);
     // remove extra height added by horizontal scrollbars
     overflow-x: hidden;
     text-align: inherit;
diff --git a/textfield/internal/_outlined-text-field.scss b/textfield/internal/_outlined-text-field.scss
@@ -30,7 +30,7 @@
 
   :host {
     // Only use the logical properties.
-    $tokens: map.remove($tokens, 'container-shape');
+    $tokens: map.remove($tokens, 'container-shape', 'field-sizing');
     @each $token, $value in $tokens {
       --_#{$token}: #{$value};
     }
diff --git a/tokens/_md-comp-filled-text-field.scss b/tokens/_md-comp-filled-text-field.scss
@@ -65,6 +65,7 @@ $supported-tokens: (
   'error-leading-icon-color',
   'error-supporting-text-color',
   'error-trailing-icon-color',
+  'field-sizing',
   'focus-active-indicator-color',
   'focus-active-indicator-height',
   'focus-caret-color',
@@ -157,6 +158,7 @@ $_default: (
         if($exclude-hardcoded-values, null, 2px),
       'with-label-top-space': if($exclude-hardcoded-values, null, 8px),
       'with-label-bottom-space': if($exclude-hardcoded-values, null, 8px),
+      'field-sizing': if($exclude-hardcoded-values, null, fixed),
       // TODO(b/270705687): remove when focus-caret-color token added
       'focus-caret-color': map.get($deps, 'md-sys-color', 'primary'),
       'with-leading-icon-leading-space':
diff --git a/tokens/_md-comp-outlined-text-field.scss b/tokens/_md-comp-outlined-text-field.scss
@@ -57,6 +57,7 @@ $supported-tokens: (
   'error-outline-color',
   'error-supporting-text-color',
   'error-trailing-icon-color',
+  'field-sizing',
   'focus-caret-color',
   'focus-input-text-color',
   'focus-label-text-color',
@@ -144,6 +145,7 @@ $_default: (
         if($exclude-hardcoded-values, null, 2px),
       'input-text-suffix-leading-space':
         if($exclude-hardcoded-values, null, 2px),
+      'field-sizing': if($exclude-hardcoded-values, null, fixed),
       // TODO(b/270705687): remove when focus-caret-color token added
       'focus-caret-color': map.get($deps, 'md-sys-color', 'primary'),
       'with-leading-icon-leading-space':

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@`
`35`	`35`
`36`	`36`	`:host {`
`37`	`37`	`// Only use the logical properties.`
`38`		`- $tokens: map.remove($tokens, 'container-shape');`
	`38`	`+ $tokens: map.remove($tokens, 'container-shape', 'field-sizing');`
`39`	`39`	`@each $token, $value in $tokens {`
`40`	`40`	`--_#{$token}: #{$value};`
`41`	`41`	`}`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`
`31`	`31`	`:host {`
`32`	`32`	`// Only use the logical properties.`
`33`		`- $tokens: map.remove($tokens, 'container-shape');`
	`33`	`+ $tokens: map.remove($tokens, 'container-shape', 'field-sizing');`
`34`	`34`	`@each $token, $value in $tokens {`
`35`	`35`	`--_#{$token}: #{$value};`
`36`	`36`	`}`