@patternfly/patternfly 4.204.4 → 4.206.0

package/docs/components/TextInputGroup/examples/TextInputGroup.md

@@ -91,14 +91,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_one_select_collapsed"
+                id="text-input-group-filters-chip-group-chip_one_select_collapsed"
               >Chip one</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_one_select_collapsed -chip-groupchip_one_select_collapsed"
+                aria-labelledby="text-input-group-filters-chip-group-remove_chip_one_select_collapsed text-input-group-filters-chip-group-chip_one_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_one_select_collapsed"
+                id="text-input-group-filters-chip-group-remove_chip_one_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -108,14 +108,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_two_select_collapsed"
+                id="text-input-group-filters-chip-group-chip_two_select_collapsed"
               >Chip two</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_two_select_collapsed -chip-groupchip_two_select_collapsed"
+                aria-labelledby="text-input-group-filters-chip-group-remove_chip_two_select_collapsed text-input-group-filters-chip-group-chip_two_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_two_select_collapsed"
+                id="text-input-group-filters-chip-group-remove_chip_two_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -125,14 +125,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_three_select_collapsed"
+                id="text-input-group-filters-chip-group-chip_three_select_collapsed"
               >Chip three</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_three_select_collapsed -chip-groupchip_three_select_collapsed"
+                aria-labelledby="text-input-group-filters-chip-group-remove_chip_three_select_collapsed text-input-group-filters-chip-group-chip_three_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_three_select_collapsed"
+                id="text-input-group-filters-chip-group-remove_chip_three_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -142,14 +142,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_four_select_collapsed"
+                id="text-input-group-filters-chip-group-chip_four_select_collapsed"
               >Chip four</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_four_select_collapsed -chip-groupchip_four_select_collapsed"
+                aria-labelledby="text-input-group-filters-chip-group-remove_chip_four_select_collapsed text-input-group-filters-chip-group-chip_four_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_four_select_collapsed"
+                id="text-input-group-filters-chip-group-remove_chip_four_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -159,14 +159,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_five_select_collapsed"
+                id="text-input-group-filters-chip-group-chip_five_select_collapsed"
               >Chip five</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_five_select_collapsed -chip-groupchip_five_select_collapsed"
+                aria-labelledby="text-input-group-filters-chip-group-remove_chip_five_select_collapsed text-input-group-filters-chip-group-chip_five_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_five_select_collapsed"
+                id="text-input-group-filters-chip-group-remove_chip_five_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -176,14 +176,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_six_select_collapsed"
+                id="text-input-group-filters-chip-group-chip_six_select_collapsed"
               >Chip six</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_six_select_collapsed -chip-groupchip_six_select_collapsed"
+                aria-labelledby="text-input-group-filters-chip-group-remove_chip_six_select_collapsed text-input-group-filters-chip-group-chip_six_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_six_select_collapsed"
+                id="text-input-group-filters-chip-group-remove_chip_six_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -235,14 +235,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_one_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_one_select_collapsed"
               >Chip one</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_one_select_collapsed -chip-groupchip_one_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_one_select_collapsed text-input-group-filters-expanded-chip-group-chip_one_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_one_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_one_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -252,14 +252,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_two_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_two_select_collapsed"
               >Chip two</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_two_select_collapsed -chip-groupchip_two_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_two_select_collapsed text-input-group-filters-expanded-chip-group-chip_two_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_two_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_two_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -269,14 +269,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_three_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_three_select_collapsed"
               >Chip three</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_three_select_collapsed -chip-groupchip_three_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_three_select_collapsed text-input-group-filters-expanded-chip-group-chip_three_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_three_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_three_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -286,14 +286,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_four_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_four_select_collapsed"
               >Chip four</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_four_select_collapsed -chip-groupchip_four_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_four_select_collapsed text-input-group-filters-expanded-chip-group-chip_four_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_four_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_four_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -303,14 +303,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_five_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_five_select_collapsed"
               >Chip five</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_five_select_collapsed -chip-groupchip_five_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_five_select_collapsed text-input-group-filters-expanded-chip-group-chip_five_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_five_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_five_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -320,14 +320,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_six_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_six_select_collapsed"
               >Chip six</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_six_select_collapsed -chip-groupchip_six_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_six_select_collapsed text-input-group-filters-expanded-chip-group-chip_six_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_six_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_six_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -337,14 +337,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_seven_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_seven_select_collapsed"
               >Chip seven</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_seven_select_collapsed -chip-groupchip_seven_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_seven_select_collapsed text-input-group-filters-expanded-chip-group-chip_seven_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_seven_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_seven_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -354,14 +354,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_eight_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_eight_select_collapsed"
               >Chip eight</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_eight_select_collapsed -chip-groupchip_eight_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_eight_select_collapsed text-input-group-filters-expanded-chip-group-chip_eight_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_eight_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_eight_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -371,14 +371,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_nine_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_nine_select_collapsed"
               >Chip nine</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_nine_select_collapsed -chip-groupchip_nine_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_nine_select_collapsed text-input-group-filters-expanded-chip-group-chip_nine_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_nine_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_nine_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -388,14 +388,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_ten_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_ten_select_collapsed"
               >Chip ten</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_ten_select_collapsed -chip-groupchip_ten_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_ten_select_collapsed text-input-group-filters-expanded-chip-group-chip_ten_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_ten_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_ten_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -405,14 +405,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_eleven_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_eleven_select_collapsed"
               >Chip eleven</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_eleven_select_collapsed -chip-groupchip_eleven_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_eleven_select_collapsed text-input-group-filters-expanded-chip-group-chip_eleven_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_eleven_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_eleven_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -422,14 +422,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_twelve_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_twelve_select_collapsed"
               >Chip twelve</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_twelve_select_collapsed -chip-groupchip_twelve_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_twelve_select_collapsed text-input-group-filters-expanded-chip-group-chip_twelve_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_twelve_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_twelve_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -439,14 +439,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_thirteen_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_thirteen_select_collapsed"
               >Chip thirteen</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_thirteen_select_collapsed -chip-groupchip_thirteen_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_thirteen_select_collapsed text-input-group-filters-expanded-chip-group-chip_thirteen_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_thirteen_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_thirteen_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>
@@ -456,14 +456,14 @@ cssPrefix: pf-c-text-input-group
             <div class="pf-c-chip">
               <span
                 class="pf-c-chip__text"
-                id="-chip-groupchip_fourteen_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-chip_fourteen_select_collapsed"
               >Chip fourteen</span>
               <button
                 class="pf-c-button pf-m-plain"
                 type="button"
-                aria-labelledby="-chip-groupremove_chip_fourteen_select_collapsed -chip-groupchip_fourteen_select_collapsed"
+                aria-labelledby="text-input-group-filters-expanded-chip-group-remove_chip_fourteen_select_collapsed text-input-group-filters-expanded-chip-group-chip_fourteen_select_collapsed"
                 aria-label="Remove"
-                id="-chip-groupremove_chip_fourteen_select_collapsed"
+                id="text-input-group-filters-expanded-chip-group-remove_chip_fourteen_select_collapsed"
               >
                 <i class="fas fa-times" aria-hidden="true"></i>
               </button>

package/docs/components/Tile/examples/Tile.md

@@ -293,7 +293,6 @@ cssPrefix: pf-c-tile
         version="1.1"
         width="6.65em"
         height="1em"
-        id="Logos"
         xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink"
         x="0px"
@@ -669,7 +668,6 @@ cssPrefix: pf-c-tile
         version="1.1"
         width="6.65em"
         height="1em"
-        id="Logos"
         xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink"
         x="0px"

package/docs/components/Timestamp/examples/Timestamp.md

@@ -0,0 +1,62 @@
+---
+id: Timestamp
+beta: true
+section: components
+cssPrefix: pf-c-timestamp
+---## Examples
+
+### Basic
+
+```html
+<span class="pf-c-timestamp">
+  <time
+    class="pf-c-timestamp__text"
+    datetime="2019-01-21T21:38"
+  >Thursday, 21 January 2019, 9:38 PM EST</time>
+</span>
+
+<br />
+<br />
+
+<span class="pf-c-timestamp">
+  <time
+    class="pf-c-timestamp__text"
+    datetime="2019-01-21T21:38"
+  >21 January 2019, 9:38 PM EST</time>
+</span>
+
+<br />
+<br />
+
+<span class="pf-c-timestamp">
+  <time
+    class="pf-c-timestamp__text"
+    datetime="2019-01-21T21:38"
+  >21 Jan. 2019, 9:38 PM EST</time>
+</span>
+
+<br />
+<br />
+
+<span class="pf-c-timestamp">
+  <time class="pf-c-timestamp__text" datetime="2022-07-15T10:00">1 hour ago</time>
+</span>
+
+<br />
+<br />
+
+<span class="pf-c-timestamp">
+  <time class="pf-c-timestamp__text" datetime="2022-07-21">Tomorrow</time>
+</span>
+
+```
+
+## Documentation
+
+### Usage
+
+| Class                   | Applied to        | Outcome                                                |
+| ----------------------- | ----------------- | ------------------------------------------------------ |
+| `.pf-c-timestamp`       | `<span>`          | Creates a timestamp. **Required**                      |
+| `.pf-c-timestamp__text` | `<time>`          | Creates the visual text of the timestamp. **Required** |
+| `.pf-m-help-text`       | `.pf-c-timestamp` | Modifies styling for a timestamp that has help text.   |

package/docs/demos/AboutModal/examples/AboutModal.md

@@ -74,7 +74,7 @@ This demo implements the about modal, including the backdrop.
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="modal-basic-example-masthead-icon-group--app-launcher-button"
+                      id="modal-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/demos/Alert/examples/Alert.md

@@ -72,7 +72,7 @@ section: components
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="alert-basic-example-masthead-icon-group--app-launcher-button"
+                      id="alert-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -1065,7 +1065,7 @@ section: components
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="alert-horizontal-example-masthead-icon-group--app-launcher-button"
+                      id="alert-horizontal-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -2108,7 +2108,7 @@ section: components
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="alert-stacked-example-masthead-icon-group--app-launcher-button"
+                      id="alert-stacked-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/demos/BackToTop/examples/BackToTop.md

@@ -73,7 +73,7 @@ cssPrefix: pf-d-back-to-top
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="back-to-top-basic-example-masthead-icon-group--app-launcher-button"
+                      id="back-to-top-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/demos/Banner/examples/Banner.md

@@ -75,7 +75,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="banner-basic-example-masthead-icon-group--app-launcher-button"
+                      id="banner-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -1151,7 +1151,7 @@ wrapperTag: div
                         <button
                           class="pf-c-app-launcher__toggle"
                           type="button"
-                          id="banner-top-bottom-example-masthead-icon-group--app-launcher-button"
+                          id="banner-top-bottom-example-masthead-application-launcher-button"
                           aria-expanded="false"
                           aria-label="Application launcher"
                         >

package/docs/demos/CardView/examples/CardView.md

@@ -72,7 +72,7 @@ section: demos
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="card-view-basic-example-masthead-icon-group--app-launcher-button"
+                      id="card-view-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/demos/ContextSelector/examples/ContextSelector.md

@@ -373,7 +373,7 @@ section: components
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="context-selector-in-sidebar-example-masthead-icon-group--app-launcher-button"
+                      id="context-selector-in-sidebar-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -1422,7 +1422,7 @@ section: components
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="context-selector-in-sidebar-expanded-example-masthead-icon-group--app-launcher-button"
+                      id="context-selector-in-sidebar-expanded-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -2473,7 +2473,7 @@ section: components
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="context-selector-in-page-content-example-masthead-icon-group--app-launcher-button"
+                      id="context-selector-in-page-content-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/demos/Dashboard/examples/Dashboard.md

@@ -74,7 +74,7 @@ cssPrefix: pf-d-dashboard
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="dashboard-demo-masthead-icon-group--app-launcher-button"
+                      id="dashboard-demo-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/demos/DataList/examples/DataList.md

@@ -73,7 +73,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="data-list-basic-example-masthead-icon-group--app-launcher-button"
+                      id="data-list-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -1597,7 +1597,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="data-list-actionable-example-masthead-icon-group--app-launcher-button"
+                      id="data-list-actionable-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -3099,7 +3099,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="data-list-expandable-example-masthead-icon-group--app-launcher-button"
+                      id="data-list-expandable-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -5209,7 +5209,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="data-list-static-bottom-example-masthead-icon-group--app-launcher-button"
+                      id="data-list-static-bottom-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/demos/DescriptionList/examples/DescriptionList.md

@@ -74,7 +74,7 @@ cssPrefix: pf-d-description-list
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="description-list-basic-example-masthead-icon-group--app-launcher-button"
+                      id="description-list-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -1057,7 +1057,7 @@ cssPrefix: pf-d-description-list
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="description-list-in-drawer-example-masthead-icon-group--app-launcher-button"
+                      id="description-list-in-drawer-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -2323,7 +2323,7 @@ cssPrefix: pf-d-description-list
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="description-list-complex-content-example-masthead-icon-group--app-launcher-button"
+                      id="description-list-complex-content-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >