Update site naming for top and bottom app bars to match spec. (#3680)

Author: jverkoey

components/AppBar/.vars

@@ -1,5 +1,5 @@
 component=AppBar
-component_name=Top App Bar
+component_name=App bars: top
 a_component_name=a top app bar
 root_path=/catalog/app-bars
 icon_id=toolbar
@@ -8,4 +8,4 @@ typography_themer_api=MDCAppBarTypographyThemer
 themer_parameter_name=AppBar
 short_description=The Material Design top app bar displays information and actions relating to the current view.
 guidelines_short_link=design-app-bar-top
-guidelines_title=Top App Bar
+guidelines_title=App bars: top

components/AppBar/README.md

@@ -1,5 +1,5 @@
 <!--docs:
-title: "Top App Bar"
+title: "App bars: top"
 layout: detail
 section: components
 excerpt: "The Material Design top app bar displays information and actions relating to the current view."
@@ -10,7 +10,7 @@ api_doc_root: true
 
 <!-- This file was auto-generated using ./scripts/generate_readme AppBar -->
 
-# Top App Bar
+# App bars: top
 
 The Material Design top app bar displays information and actions relating to the current view.
 
@@ -21,7 +21,7 @@ The Material Design top app bar displays information and actions relating to the
 ## Design & API documentation
 
 <ul class="icon-list">
-  <li class="icon-list-item icon-list-item--spec"><a href="https://material.io/go/design-app-bar-top">Material Design guidelines: Top App Bar</a></li>
+  <li class="icon-list-item icon-list-item--spec"><a href="https://material.io/go/design-app-bar-top">Material Design guidelines: App bars: top</a></li>
   <li class="icon-list-item icon-list-item--link">Class: <a href="https://material.io/components/ios/catalog/app-bars/api-docs/Classes/MDCAppBar.html">MDCAppBar</a></li>
   <li class="icon-list-item icon-list-item--link">Class: <a href="https://material.io/components/ios/catalog/app-bars/api-docs/Classes/MDCAppBarContainerViewController.html">MDCAppBarContainerViewController</a></li>
   <li class="icon-list-item icon-list-item--link">Class: <a href="https://material.io/components/ios/catalog/app-bars/api-docs/Classes/MDCAppBarTextColorAccessibilityMutator.html">MDCAppBarTextColorAccessibilityMutator</a></li>

components/AppBar/docs/README.md

@@ -1,4 +1,4 @@
-# Top App Bar
+# App bars: top
 
 The Material Design top app bar displays information and actions relating to the current view.
 

components/BottomAppBar/.vars

@@ -1,10 +1,10 @@
 component=BottomAppBar
-component_name=Bottom App Bar
+component_name=App bars: bottom
 a_component_name=a bottom app bar
 root_path=/catalog/bottomappbar
 icon_id=bottom_app_bar
 color_themer_api=MDCBottomAppBarColorThemer
 themer_parameter_name=BottomAppBarView
 short_description=Bottom app bar provides a bar at the bottom of the screen with primary action and navigation buttons.
 guidelines_short_link=design-app-bar-bottom
-guidelines_title=Bottom App Bar
+guidelines_title=App bars: bottom

components/BottomAppBar/README.md

@@ -1,5 +1,5 @@
 <!--docs:
-title: "Bottom App Bar"
+title: "App bars: bottom"
 layout: detail
 section: components
 excerpt: "Bottom app bar provides a bar at the bottom of the screen with primary action and navigation buttons."
@@ -10,7 +10,7 @@ api_doc_root: true
 
 <!-- This file was auto-generated using ./scripts/generate_readme BottomAppBar -->
 
-# Bottom App Bar
+# App bars: bottom
 
 <div class="article__asset article__asset--screenshot">
   <img src="docs/assets/bottomappbar.png" alt="Text Fields" width="375">
@@ -21,7 +21,7 @@ A bottom app bar provides a docked bar at the bottom of the screen for common ap
 ## Design & API documentation
 
 <ul class="icon-list">
-  <li class="icon-list-item icon-list-item--spec"><a href="https://material.io/go/design-app-bar-bottom">Material Design guidelines: Bottom App Bar</a></li>
+  <li class="icon-list-item icon-list-item--spec"><a href="https://material.io/go/design-app-bar-bottom">Material Design guidelines: App bars: bottom</a></li>
   <li class="icon-list-item icon-list-item--link">Class: <a href="https://material.io/components/ios/catalog/bottomappbar/api-docs/Classes/MDCBottomAppBarView.html">MDCBottomAppBarView</a></li>
   <li class="icon-list-item icon-list-item--link">Enumeration: <a href="https://material.io/components/ios/catalog/bottomappbar/api-docs/Enums/MDCBottomAppBarFloatingButtonElevation.html">MDCBottomAppBarFloatingButtonElevation</a></li>
   <li class="icon-list-item icon-list-item--link">Enumeration: <a href="https://material.io/components/ios/catalog/bottomappbar/api-docs/Enums/MDCBottomAppBarFloatingButtonPosition.html">MDCBottomAppBarFloatingButtonPosition</a></li>

components/BottomAppBar/docs/README.md

@@ -1,4 +1,4 @@
-# Bottom App Bar
+# App bars: bottom
 
 <div class="article__asset article__asset--screenshot">
   <img src="docs/assets/bottomappbar.png" alt="Text Fields" width="375">