@patternfly/patternfly 4.222.4 → 5.0.0-alpha.2

package/docs/components/Accordion/examples/Accordion.md

@@ -17,8 +17,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -30,8 +30,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -43,8 +43,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -60,9 +60,9 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-expanded">
+  <div class="pf-c-accordion__expandable-content pf-m-expanded">
     <div
-      class="pf-c-accordion__expanded-content-body"
+      class="pf-c-accordion__expandable-content-body"
     >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
   </div>
 
@@ -75,8 +75,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 </div>
 
@@ -95,8 +95,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-fixed" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content pf-m-fixed" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -114,19 +114,19 @@ cssPrefix: pf-c-accordion
     </button>
   </h3>
   <div
-    class="pf-c-accordion__expanded-content pf-m-expanded pf-m-fixed"
+    class="pf-c-accordion__expandable-content pf-m-expanded pf-m-fixed"
     role="region"
     tabindex="0"
     aria-labelledby="accordion-fixed-item-two-toggle"
   >
     <div
-      class="pf-c-accordion__expanded-content-body"
+      class="pf-c-accordion__expandable-content-body"
     >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
     <div
-      class="pf-c-accordion__expanded-content-body"
+      class="pf-c-accordion__expandable-content-body"
     >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
     <div
-      class="pf-c-accordion__expanded-content-body"
+      class="pf-c-accordion__expandable-content-body"
     >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
   </div>
 
@@ -139,8 +139,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-fixed" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content pf-m-fixed" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -152,8 +152,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-fixed" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content pf-m-fixed" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -165,8 +165,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-fixed" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content pf-m-fixed" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 </div>
 
@@ -185,8 +185,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </dt>
-  <dd class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <dd class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </dd>
 
   <dt>
@@ -198,8 +198,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </dt>
-  <dd class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <dd class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </dd>
 
   <dt>
@@ -211,8 +211,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </dt>
-  <dd class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <dd class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </dd>
 
   <dt>
@@ -228,9 +228,9 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </dt>
-  <dd class="pf-c-accordion__expanded-content pf-m-expanded">
+  <dd class="pf-c-accordion__expandable-content pf-m-expanded">
     <div
-      class="pf-c-accordion__expanded-content-body"
+      class="pf-c-accordion__expandable-content-body"
     >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
   </dd>
 
@@ -243,8 +243,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </dt>
-  <dd class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <dd class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </dd>
 </dl>
 
@@ -263,8 +263,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -280,8 +280,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-expanded">
-    <div class="pf-c-accordion__expanded-content-body">
+  <div class="pf-c-accordion__expandable-content pf-m-expanded">
+    <div class="pf-c-accordion__expandable-content-body">
       <a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
     </div>
   </div>
@@ -295,8 +295,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -308,8 +308,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -321,8 +321,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 </div>
 
@@ -341,8 +341,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -358,9 +358,9 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-expanded">
+  <div class="pf-c-accordion__expandable-content pf-m-expanded">
     <div
-      class="pf-c-accordion__expanded-content-body"
+      class="pf-c-accordion__expandable-content-body"
     >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
   </div>
 
@@ -373,8 +373,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 
   <h3>
@@ -390,11 +390,11 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content pf-m-expanded">
+  <div class="pf-c-accordion__expandable-content pf-m-expanded">
     <div
-      class="pf-c-accordion__expanded-content-body"
+      class="pf-c-accordion__expandable-content-body"
     >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
-    <div class="pf-c-accordion__expanded-content-body">
+    <div class="pf-c-accordion__expandable-content-body">
       <button
         class="pf-c-button pf-m-link pf-m-inline pf-m-display-lg"
         type="button"
@@ -416,8 +416,8 @@ cssPrefix: pf-c-accordion
       </span>
     </button>
   </h3>
-  <div class="pf-c-accordion__expanded-content" hidden>
-    <div class="pf-c-accordion__expanded-content-body">This text is hidden</div>
+  <div class="pf-c-accordion__expandable-content" hidden>
+    <div class="pf-c-accordion__expandable-content-body">This text is hidden</div>
   </div>
 </div>
 
@@ -429,22 +429,22 @@ cssPrefix: pf-c-accordion
 
 There are two variations to build the accordion component:
 One way uses `<div>` and `<h1 - h6>` tags to build the component.
-In these examples `.pf-c-accordion` uses `<div>`, `.pf-c-accordion__toggle` uses `<h3><button>`, and `.pf-c-accordion__expanded-content` uses `<div>`. The heading level that you use should fit within the rest of the headings outlined on your page.
+In these examples `.pf-c-accordion` uses `<div>`, `.pf-c-accordion__toggle` uses `<h3><button>`, and `.pf-c-accordion__expandable-content` uses `<div>`. The heading level that you use should fit within the rest of the headings outlined on your page.
 
 Another variation is using the definition list:
-In these examples `.pf-c-accordion` uses `<dl>`, `.pf-c-accordion__toggle` uses `<dt><button>`, and `.pf-c-accordion__expanded-content` uses `<dd>`.
+In these examples `.pf-c-accordion` uses `<dl>`, `.pf-c-accordion__toggle` uses `<dt><button>`, and `.pf-c-accordion__expandable-content` uses `<dd>`.
 
 ### Usage
 
-| Class                                    | Applied to                                                     | Outcome                                                                                          |
-| ---------------------------------------- | -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
-| `.pf-c-accordion`                        | `<div>`, `<dl>`                                                | Initiates an accordion component. **Required**                                                   |
-| `.pf-c-accordion__toggle`                | `<h1-h6><button>`, `<dt><button>`                              | Initiates a toggle in the accordion. **Required**                                                |
-| `.pf-c-accordion__toggle-text`           | `<span>`                                                       | Initiates the text inside the toggle. **Required**                                               |
-| `.pf-c-accordion__toggle-icon`           | `<span>`                                                       | Initiates the toggle icon wrapper. **Required**                                                  |
-| `.pf-c-accordion__expanded-content`      | `<div>`, `<dd>`                                                | Initiates expanded content. **Must be paired with a button**                                     |
-| `.pf-c-accordion__expanded-content-body` | `<div>`                                                        | Initiates expanded content body. **Required**                                                    |
-| `.pf-m-bordered`                         | `.pf-c-accordion`                                              | Modifies the accordion to add borders between items.                                             |
-| `.pf-m-display-lg`                       | `.pf-c-accordion`                                              | Modifies the accordion for large display styling. This variation is for marketing/web use cases. |
-| `.pf-m-expanded`                         | `.pf-c-accordion__toggle`, `.pf-c-accordion__expanded-content` | Modifies the accordion button and expanded content for the expanded state.                       |
-| `.pf-m-fixed`                            | `.pf-c-accordion__expanded-content`                            | Modifies the expanded content for the fixed state.                                               |
+| Class                                      | Applied to                                                       | Outcome                                                                                          |
+| ------------------------------------------ | ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
+| `.pf-c-accordion`                          | `<div>`, `<dl>`                                                  | Initiates an accordion component. **Required**                                                   |
+| `.pf-c-accordion__toggle`                  | `<h1-h6><button>`, `<dt><button>`                                | Initiates a toggle in the accordion. **Required**                                                |
+| `.pf-c-accordion__toggle-text`             | `<span>`                                                         | Initiates the text inside the toggle. **Required**                                               |
+| `.pf-c-accordion__toggle-icon`             | `<span>`                                                         | Initiates the toggle icon wrapper. **Required**                                                  |
+| `.pf-c-accordion__expandable-content`      | `<div>`, `<dd>`                                                  | Initiates expandable content. **Must be paired with a button**                                   |
+| `.pf-c-accordion__expandable-content-body` | `<div>`                                                          | Initiates expandable content body. **Required**                                                  |
+| `.pf-m-bordered`                           | `.pf-c-accordion`                                                | Modifies the accordion to add borders between items.                                             |
+| `.pf-m-display-lg`                         | `.pf-c-accordion`                                                | Modifies the accordion for large display styling. This variation is for marketing/web use cases. |
+| `.pf-m-expanded`                           | `.pf-c-accordion__toggle`, `.pf-c-accordion__expandable-content` | Modifies the accordion button and expandable content for the expanded state.                     |
+| `.pf-m-fixed`                              | `.pf-c-accordion__expandable-content`                            | Modifies the expandable content for the fixed state.                                             |

package/docs/components/Dropdown/examples/Dropdown.md

@@ -982,220 +982,6 @@ cssPrefix: pf-c-dropdown
 
 ```
 
-### Split button (progress checkbox)
-
-```html isBeta
-<div class="pf-c-dropdown">
-  <div class="pf-c-dropdown__toggle pf-m-split-button">
-    <label
-      class="pf-c-dropdown__toggle-check"
-      for="dropdown-split-button-progress-toggle-check"
-    >
-      <input
-        type="checkbox"
-        id="dropdown-split-button-progress-toggle-check"
-        aria-label="Select all"
-      />
-      <span class="pf-c-dropdown__toggle-progress">
-        <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
-          <circle
-            class="pf-c-spinner__path"
-            cx="50"
-            cy="50"
-            r="45"
-            fill="none"
-          />
-        </svg>
-      </span>
-    </label>
-
-    <button
-      class="pf-c-dropdown__toggle-button"
-      type="button"
-      aria-expanded="false"
-      id="dropdown-split-button-progress-toggle-button"
-      aria-label="Dropdown toggle"
-    >
-      <i class="fas fa-caret-down" aria-hidden="true"></i>
-    </button>
-  </div>
-  <ul class="pf-c-dropdown__menu" hidden>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Actions</button>
-    </li>
-    <li>
-      <button
-        class="pf-c-dropdown__menu-item"
-        type="button"
-        disabled
-      >Disabled action</button>
-    </li>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Other action</button>
-    </li>
-  </ul>
-</div>
-<div class="pf-c-dropdown">
-  <div class="pf-c-dropdown__toggle pf-m-split-button">
-    <label
-      class="pf-c-dropdown__toggle-check pf-m-in-progress"
-      for="dropdown-split-button-in-progress-toggle-check"
-    >
-      <input
-        type="checkbox"
-        id="dropdown-split-button-in-progress-toggle-check"
-        disabled
-        aria-label="Select all"
-      />
-      <span class="pf-c-dropdown__toggle-progress">
-        <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
-          <circle
-            class="pf-c-spinner__path"
-            cx="50"
-            cy="50"
-            r="45"
-            fill="none"
-          />
-        </svg>
-      </span>
-    </label>
-
-    <button
-      class="pf-c-dropdown__toggle-button"
-      type="button"
-      aria-expanded="false"
-      id="dropdown-split-button-in-progress-toggle-button"
-      aria-label="Dropdown toggle"
-    >
-      <i class="fas fa-caret-down" aria-hidden="true"></i>
-    </button>
-  </div>
-  <ul class="pf-c-dropdown__menu" hidden>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Actions</button>
-    </li>
-    <li>
-      <button
-        class="pf-c-dropdown__menu-item"
-        type="button"
-        disabled
-      >Disabled action</button>
-    </li>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Other action</button>
-    </li>
-  </ul>
-</div>
-<div class="pf-c-dropdown">
-  <div class="pf-c-dropdown__toggle pf-m-split-button">
-    <label
-      class="pf-c-dropdown__toggle-check"
-      for="dropdown-split-button-progress-text-toggle-check"
-    >
-      <input
-        type="checkbox"
-        id="dropdown-split-button-progress-text-toggle-check"
-        aria-label="Select all"
-        checked
-        aria-labelledby="dropdown-split-button-progress-text-toggle-check dropdown-split-button-progress-text-toggle-check-text"
-      />
-      <span class="pf-c-dropdown__toggle-progress">
-        <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
-          <circle
-            class="pf-c-spinner__path"
-            cx="50"
-            cy="50"
-            r="45"
-            fill="none"
-          />
-        </svg>
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-text"
-        aria-hidden="true"
-        id="dropdown-split-button-progress-text-toggle-check-text"
-      >10 selected</span>
-    </label>
-
-    <button
-      class="pf-c-dropdown__toggle-button"
-      type="button"
-      aria-expanded="false"
-      id="dropdown-split-button-progress-text-toggle-button"
-      aria-label="Dropdown toggle"
-    >
-      <i class="fas fa-caret-down" aria-hidden="true"></i>
-    </button>
-  </div>
-  <ul class="pf-c-dropdown__menu" hidden>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Select all</button>
-    </li>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Select none</button>
-    </li>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Other action</button>
-    </li>
-  </ul>
-</div>
-<div class="pf-c-dropdown">
-  <div class="pf-c-dropdown__toggle pf-m-split-button">
-    <label
-      class="pf-c-dropdown__toggle-check pf-m-in-progress"
-      for="dropdown-split-button-in-progress-text-toggle-check"
-    >
-      <input
-        type="checkbox"
-        id="dropdown-split-button-in-progress-text-toggle-check"
-        disabled
-        aria-label="Select all"
-        checked
-        aria-labelledby="dropdown-split-button-in-progress-text-toggle-check dropdown-split-button-in-progress-text-toggle-check-text"
-      />
-      <span class="pf-c-dropdown__toggle-progress">
-        <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
-          <circle
-            class="pf-c-spinner__path"
-            cx="50"
-            cy="50"
-            r="45"
-            fill="none"
-          />
-        </svg>
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-text"
-        aria-hidden="true"
-        id="dropdown-split-button-in-progress-text-toggle-check-text"
-      >10 selected</span>
-    </label>
-
-    <button
-      class="pf-c-dropdown__toggle-button"
-      type="button"
-      aria-expanded="false"
-      id="dropdown-split-button-in-progress-text-toggle-button"
-      aria-label="Dropdown toggle"
-    >
-      <i class="fas fa-caret-down" aria-hidden="true"></i>
-    </button>
-  </div>
-  <ul class="pf-c-dropdown__menu" hidden>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Select all</button>
-    </li>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Select none</button>
-    </li>
-    <li>
-      <button class="pf-c-dropdown__menu-item" type="button">Other action</button>
-    </li>
-  </ul>
-</div>
-
-```
-
 ### Split button (action)
 
 ```html
@@ -2294,7 +2080,6 @@ The dropdown menu can contain either links or buttons, depending on the expected
 | `.pf-c-dropdown__toggle-text`           | `<span>`                                   | Defines the dropdown toggle text. **Required when text is present, adds truncation**.                                                                                                                                                                                                                  |
 | `.pf-c-dropdown__toggle-check`          | `<label>`                                  | Defines a checkbox in the toggle area of a split button dropdown.                                                                                                                                                                                                                                      |
 | `.pf-c-dropdown__toggle-button`         | `<button>`                                 | Defines the toggle button for a split button dropdown.                                                                                                                                                                                                                                                 |
-| `.pf-c-dropdown__toggle-progress`       | `<span>`                                   | Defines the progress element to indicate a dropdown action is in progress.                                                                                                                                                                                                                             |
 | `.pf-c-dropdown__menu`                  | `<ul>`, `<div>`                            | Defines the parent wrapper of the menu items.                                                                                                                                                                                                                                                          |
 | `.pf-c-dropdown__menu-item`             | `<a>`                                      | Defines a menu item that navigates to another page.                                                                                                                                                                                                                                                    |
 | `.pf-c-dropdown__menu-item-icon`        | `<span>`                                   | Defines the wrapper for the menu item icon.                                                                                                                                                                                                                                                            |
@@ -2322,4 +2107,3 @@ The dropdown menu can contain either links or buttons, depending on the expected
 | `.pf-m-icon`                            | `.pf-c-dropdown__menu-item`                | Modifies an item to support adding an icon.                                                                                                                                                                                                                                                            |
 | `.pf-m-active`                          | `.pf-c-dropdown__toggle`                   | Modifies the dropdown menu toggle for the active state.                                                                                                                                                                                                                                                |
 | `.pf-m-description`                     | `.pf-c-dropdown__menu-item`                | Modifies an item to support adding a description.                                                                                                                                                                                                                                                      |
-| `.pf-m-in-progress`                     | `.pf-c-dropdown__toggle-check`             | Modifies a toggle check element to indicate the check action is in progress.                                                                                                                                                                                                                           |

package/docs/components/InputGroup/examples/InputGroup.md

@@ -233,4 +233,3 @@ When using the `.pf-c-input-group` always ensure labels are used outside the inp
 | `.pf-c-input-group__text` | `<span>`                  | Initiates the input group text. This can be used to show text, radio, icons, or check boxes. |
 | `.pf-m-plain`             | `.pf-c-input-group`       | Removes the background from the input group.                                                 |
 | `.pf-m-plain`             | `.pf-c-input-group__text` | Removes the border from the text element.                                                    |
-| `.pf-m-disabled`          | `.pf-c-input-group__text` | Adds disabled styling to match a disabled input within the input group.                      |