[Documentation] Update shape references in TextField.md and Card.md.

Resolves #4475
Resolves #4480

GIT_ORIGIN_REV_ID=798574d72daa041cca177015c5510e8ae2e2a59e
PiperOrigin-RevId: 717879277

Author: manabu-nakamura

docs/components/Card.md

@@ -371,7 +371,7 @@ Element              | Attribute                 | Related method(s)
 **Foreground color** | `app:cardForegroundColor` | `setCardForegroundColor`<br/>`getCardForegroundColor`               | `@android:color/transparent` (see all [states](https://github.com/material-components/material-components-android/tree/master/lib/java/com/google/android/material/card/res/color/m3_card_foreground_color.xml))
 **Stroke color**     | `app:strokeColor`         | `setStrokeColor`<br/>`getStrokeColor`<br/>`getStrokeColorStateList` | `?attr/colorOutline` (unchecked)<br/>`?attr/colorSecondary` (checked)
 **Stroke width**     | `app:strokeWidth`         | `setStrokeWidth`<br/>`getStrokeWidth`                               | `1dp` (outlined style)<br/>`0dp` (elevated or filled style)
-**Shape**            | `app:shapeAppearance`     | `setShapeAppearanceModel`<br/>`getShapeAppearanceModel`             | `?attr/shapeAppearanceMediumComponent`
+**Shape**            | `app:shapeAppearance`     | `setShapeAppearanceModel`<br/>`getShapeAppearanceModel`             | `?attr/shapeAppearanceCornerMedium`
 **Elevation**        | `app:cardElevation`       | `setCardElevation`<br/>`setCardMaxElevation`                        | `0dp` (outlined or filled style)<br/>`1dp` (elevated style)
 **Ripple color**     | `app:rippleColor`         | `setRippleColor`<br/>`setRippleColorResource`<br/>`getRippleColor`  | `?attr/colorOnSurfaceVariant` at 20% opacity (see all [states](https://github.com/material-components/material-components-android/tree/master/lib/java/com/google/android/material/card/res/color/m3_card_ripple_color.xml))
 
@@ -451,10 +451,10 @@ to all cards. This will affect other components:
     <item name="colorSecondary">@color/shrine_pink_100</item>
     <item name="colorSurface">@color/shrine_pink_light</item>
     <item name="colorOnSurfaceVariant">@color/shrine_pink_900</item>
-    <item name="shapeAppearanceMediumComponent">@style/ShapeAppearance.App.MediumComponent</item>
+    <item name="shapeAppearanceCornerMedium">@style/ShapeAppearance.App.Corner.Medium</item>
 </style>
 
-<style name="ShapeAppearance.App.MediumComponent" parent="ShapeAppearance.Material3.MediumComponent">
+<style name="ShapeAppearance.App.Corner.Medium" parent="ShapeAppearance.Material3.Corner.Medium">
     <item name="cornerFamily">cut</item>
     <item name="cornerSize">8dp</item>
 </style>
@@ -471,7 +471,7 @@ theme to all cards but does not affect other components:
 
 <style name="Widget.App.CardView" parent="Widget.Material3.CardView.Elevated">
     <item name="materialThemeOverlay">@style/ThemeOverlay.App.Card</item>
-    <item name="shapeAppearance">@style/ShapeAppearance.App.MediumComponent</item>
+    <item name="shapeAppearance">@style/ShapeAppearance.App.Corner.Medium</item>
 </style>
 
 <style name="ThemeOverlay.App.Card" parent="">
@@ -506,7 +506,7 @@ In the layout:
         <!-- Media -->
         <com.google.android.material.imageview.ShapeableImageView
             ...
-            app:shapeAppearance="?attr/shapeAppearanceMediumComponent"
+            app:shapeAppearance="?attr/shapeAppearanceCornerMedium"
             app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.App.Card.Media"
             />
 

docs/components/TextField.md

@@ -463,7 +463,7 @@ indicator, optional helper/error text and optional leading/trailing icons.
 Element                | Attribute                | Related method(s)                                                                       | Default value
 ---------------------- | ------------------------ | --------------------------------------------------------------------------------------- | -------------
 **Color**              | `app:boxBackgroundColor` | `setBoxBackgroundColor`<br/>`setBoxBackgroundColorResource`<br/>`getBoxBackgroundColor` | `?attr/colorSurfaceContainerHighest` (see all [states](https://github.com/material-components/material-components-android/tree/master/lib/java/com/google/android/material/textfield/res/color/m3_textfield_filled_background_color.xml))
-**Shape**              | `app:shapeAppearance`    | N/A                                                                                     | `?attr/shapeAppearanceSmallComponent`
+**Shape**              | `app:shapeAppearance`    | N/A                                                                                     | `?attr/shapeAppearanceCornerExtraSmall`
 **Text field enabled** | `android:enabled`        | `setEnabled`                                                                            | `true`
 
 #### Leading icon attributes
@@ -643,7 +643,7 @@ Element                  | Attribute                   | Related method(s)
 **Stroke error color**   | `app:boxStrokeErrorColor`   | `setBoxStrokeErrorColor`<br/>`getBoxStrokeErrorColor`                        | `?attr/colorError`
 **Stroke width**         | `app:boxStrokeWidth`        | N/A                                                                          | `1dp`
 **Stroke focused width** | `app:boxStrokeWidthFocused` | N/A                                                                          | `2dp`
-**Shape**                | `app:shapeAppearance`       | N/A                                                                          | `?attr/shapeAppearanceSmallComponent`
+**Shape**                | `app:shapeAppearance`       | N/A                                                                          | `?attr/shapeAppearanceCornerExtraSmall`
 **Text field enabled**   | `android:enabled`           | `setEnabled`                                                                 | `true`
 
 #### Leading icon attributes
@@ -777,7 +777,7 @@ text fields and affects other components:
     <item name="colorError">@color/shrine_red</item>
     <item name="textAppearanceTitleMedium">@style/TextAppearance.App.TitleMedium</item>
     <item name="textAppearanceBodySmall">@style/TextAppearance.App.BodySmall</item>
-    <item name="shapeAppearanceSmallComponent">@style/ShapeAppearance.App.SmallComponent</item>
+    <item name="shapeAppearanceCornerExtraSmall">@style/ShapeAppearance.App.Corner.ExtraSmall</item>
 </style>
 
 <style name="TextAppearance.App.TitleMedium" parent="TextAppearance.Material3.TitleMedium">
@@ -790,7 +790,7 @@ text fields and affects other components:
     <item name="android:fontFamily">@font/rubik</item>
 </style>
 
-<style name="ShapeAppearance.App.SmallComponent" parent="ShapeAppearance.Material3.SmallComponent">
+<style name="ShapeAppearance.App.Corner.ExtraSmall" parent="ShapeAppearance.Material3.Corner.ExtraSmall">
     <item name="cornerFamily">cut</item>
     <item name="cornerSize">4dp</item>
 </style>
@@ -807,7 +807,7 @@ all text fields but does not affect other components:
 
 <style name="Widget.App.TextInputLayout" parent="Widget.Material3.TextInputLayout.*">
     <item name="materialThemeOverlay">@style/ThemeOverlay.App.TextInputLayout</item>
-    <item name="shapeAppearance">@style/ShapeAppearance.App.SmallComponent</item>
+    <item name="shapeAppearance">@style/ShapeAppearance.App.Corner.ExtraSmall</item>
     <item name="hintTextColor">?attr/colorOnSurface</item>
 </style>