docs(select): Update docs to match new list markup

packages/mdc-select/README.md

@@ -59,13 +59,19 @@ The select requires that you set the `width` of the `mdc-select__anchor` element
     <ul class="mdc-list">
       <li class="mdc-list-item mdc-list-item--selected" data-value="" aria-selected="true"></li>
       <li class="mdc-list-item" data-value="grains">
-        Bread, Cereal, Rice, and Pasta
+        <span class="mdc-list-item__text">
+          Bread, Cereal, Rice, and Pasta
+        </span>
       </li>
       <li class="mdc-list-item" data-value="vegetables">
-        Vegetables
+        <span class="mdc-list-item__text">
+          Vegetables
+        </span>
       </li>
       <li class="mdc-list-item" data-value="fruit">
-        Fruit
+        <span class="mdc-list-item__text">
+          Fruit
+        </span>
       </li>
     </ul>
   </div>
@@ -120,13 +126,19 @@ The following is an example of the select component with all of the necessary ar
     <ul class="mdc-list">
       <li class="mdc-list-item mdc-list-item--selected" aria-selected="true" data-value="" role="option"></li>
       <li class="mdc-list-item" data-value="grains" role="option">
-        Bread, Cereal, Rice, and Pasta
+        <span class="mdc-list-item__text">
+          Bread, Cereal, Rice, and Pasta
+        </span>
       </li>
       <li class="mdc-list-item mdc-list-item--disabled" data-value="vegetables" aria-disabled="true" role="option">
-        Vegetables
+        <span class="mdc-list-item__text">
+          Vegetables
+        </span>
       </li>
       <li class="mdc-list-item" data-value="fruit" role="option">
-        Fruit
+        <span class="mdc-list-item__text">
+          Fruit
+        </span>
       </li>
     </ul>
   </div>
@@ -181,13 +193,19 @@ to set the selected item. The select also needs the text from the selected eleme
     <ul class="mdc-list">
       <li class="mdc-list-item" data-value=""></li>
       <li class="mdc-list-item" data-value="grains">
-        Bread, Cereal, Rice, and Pasta
+        <span class="mdc-list-item__text">
+          Bread, Cereal, Rice, and Pasta
+        </span>
       </li>
       <li class="mdc-list-item mdc-list-item--selected" data-value="vegetables" aria-selected="true">
-        Vegetables
+        <span class="mdc-list-item__text">
+          Vegetables
+        </span>
       </li>
       <li class="mdc-list-item" data-value="fruit">
-        Fruit
+        <span class="mdc-list-item__text">
+          Fruit
+        </span>
       </li>
     </ul>
   </div>
@@ -264,13 +282,19 @@ programmatically select a disabled list item.
     <ul class="mdc-list">
       <li class="mdc-list-item" data-value=""></li>
       <li class="mdc-list-item" data-value="grains">
-        Bread, Cereal, Rice, and Pasta
+        <span class="mdc-list-item__text">
+          Bread, Cereal, Rice, and Pasta
+        </span>
       </li>
       <li class="mdc-list-item mdc-list-item--selected mdc-list-item--disabled" data-value="vegetables">
-        Vegetables
+        <span class="mdc-list-item__text">
+          Vegetables
+        </span>
       </li>
       <li class="mdc-list-item" data-value="fruit">
-        Fruit
+        <span class="mdc-list-item__text">
+          Fruit
+        </span>
       </li>
     </ul>
   </div>
@@ -308,13 +332,19 @@ structure.
     <ul class="mdc-list">
       <li class="mdc-list-item mdc-list-item--selected" data-value="" aria-selected="true"></li>
       <li class="mdc-list-item" data-value="grains">
-        Bread, Cereal, Rice, and Pasta
+        <span class="mdc-list-item__text">
+          Bread, Cereal, Rice, and Pasta
+        </span>
       </li>
       <li class="mdc-list-item" data-value="vegetables">
-        Vegetables
+        <span class="mdc-list-item__text">
+          Vegetables
+        </span>
       </li>
       <li class="mdc-list-item" data-value="fruit">
-        Fruit
+        <span class="mdc-list-item__text">
+          Fruit
+        </span>
       </li>
     </ul>
   </div>