@patternfly/patternfly 5.0.0-alpha.14 → 5.0.0-alpha.18

package/docs/components/JumpLinks/examples/JumpLinks.md

@@ -502,28 +502,28 @@ cssPrefix: pf-c-jump-links
 
 ### Accessibility
 
-| Attribute    | Applied to         | Outcome                                         |
-| ------------ | ------------------ | ----------------------------------------------- |
+| Attribute | Applied to | Outcome |
+| -- | -- | -- |
 | `aria-label` | `.pf-c-jump-links` | Provides an accessible name for the jump links. |
 
 ### Usage
 
-| Class                                    | Applied to               | Outcome                                                                                                                                                                                                                     |
-| ---------------------------------------- | ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `.pf-c-jump-links`                       | `<div>`                  | Initiates the jump links container.                                                                                                                                                                                         |
-| `.pf-c-jump-links__header`               | `<div>`                  | Initiates the jump links header.                                                                                                                                                                                            |
-| `.pf-c-jump-links__toggle`               | `<div>`                  | Initiates the jump links expandable toggle.                                                                                                                                                                                 |
-| `.pf-c-jump-links__toggle-text`          | `<span>`                 | Initiates the jump links expandable toggle text.                                                                                                                                                                            |
-| `.pf-c-jump-links__toggle-icon`          | `<span>`                 | Initiates the jump links expandable toggle icon.                                                                                                                                                                            |
-| `.pf-c-jump-links__label`                | `<div>`                  | Initiates the jump links label.                                                                                                                                                                                             |
-| `.pf-c-jump-links__main`                 | `<div>`                  | Initiates the jump links main container for when a label and list is used in the horizontal variation.                                                                                                                      |
-| `.pf-c-jump-links__list`                 | `<ul>`                   | Initiates the jump links list.                                                                                                                                                                                              |
-| `.pf-c-jump-links__item`                 | `<li>`                   | Initiates the jump links list item.                                                                                                                                                                                         |
-| `.pf-c-jump-links__link`                 | `<button>`               | Initiates the jump links link.                                                                                                                                                                                              |
-| `.pf-c-jump-links__link-text`            | `<div>`                  | Initiates the jump links link text.                                                                                                                                                                                         |
-| `.pf-m-vertical`                         | `.pf-c-jump-links`       | Modifies the jump links component to be vertical.                                                                                                                                                                           |
-| `.pf-m-center`                           | `.pf-c-jump-links`       | Modifies the jump links component to center its list and label.                                                                                                                                                             |
-| `.pf-m-expandable{-on-[breakpoint]}`     | `.pf-c-jump-links`       | Modifies the jump links component to be expandable via a toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). **Note:** works with vertical jump links only. |
-| `.pf-m-non-expandable{-on-[breakpoint]}` | `.pf-c-jump-links`       | Modifies the jump links component to be non-expandable at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes).                                                         |
-| `.pf-m-expanded`                         | `.pf-c-jump-links`       | Modifies the expandable jump links component for the expanded state.                                                                                                                                                        |
-| `.pf-m-current`                          | `.pf-c-jump-links__item` | Modifies the jump links item to be current.                                                                                                                                                                                 |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-jump-links` | `<div>` | Initiates the jump links container. |
+| `.pf-c-jump-links__header` | `<div>` | Initiates the jump links header. |
+| `.pf-c-jump-links__toggle` | `<div>` | Initiates the jump links expandable toggle. |
+| `.pf-c-jump-links__toggle-text` | `<span>` | Initiates the jump links expandable toggle text. |
+| `.pf-c-jump-links__toggle-icon` | `<span>` | Initiates the jump links expandable toggle icon. |
+| `.pf-c-jump-links__label` | `<div>` | Initiates the jump links label. |
+| `.pf-c-jump-links__main` | `<div>` | Initiates the jump links main container for when a label and list is used in the horizontal variation. |
+| `.pf-c-jump-links__list` | `<ul>` | Initiates the jump links list. |
+| `.pf-c-jump-links__item` | `<li>` | Initiates the jump links list item. |
+| `.pf-c-jump-links__link` | `<button>` | Initiates the jump links link. |
+| `.pf-c-jump-links__link-text` | `<div>` | Initiates the jump links link text. |
+| `.pf-m-vertical` | `.pf-c-jump-links` | Modifies the jump links component to be vertical. |
+| `.pf-m-center` | `.pf-c-jump-links` | Modifies the jump links component to center its list and label. |
+| `.pf-m-expandable{-on-[breakpoint]}` | `.pf-c-jump-links` | Modifies the jump links component to be expandable via a toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). **Note:** works with vertical jump links only. |
+| `.pf-m-non-expandable{-on-[breakpoint]}` | `.pf-c-jump-links` | Modifies the jump links component to be non-expandable at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-expanded` | `.pf-c-jump-links` | Modifies the expandable jump links component for the expanded state. |
+| `.pf-m-current` | `.pf-c-jump-links__item`| Modifies the jump links item to be current. |

package/docs/components/Label/examples/Label.md

@@ -1277,17 +1277,17 @@ This style of label is used to indicate overflow within a label group.
 
 **Note: Editable label behavior must be handled with JavaScript.**
 
--   `.pf-c-label__editable-text` onClick event should:
-    -   Set `.pf-m-editable-active` on `.pf-c-label`
-    -   Change `.pf-c-label__editable-text`from a button to an input
--   Return keypress, when content is editable, should:
-    -   Be captured to prevent line wrapping and save updates to label text
-    -   Remove `.pf-m-editable-active` from `.pf-c-label`
-    -   Change `.pf-c-label__editable-text` back from an input to a button and set the `currvalue` of the button to the contents of the input
--   Esc keypress, when content is editable, should:
-    -   Undo any update to label text
-    -   Remove `.pf-m-editable-active` from `.pf-c-label`
-    -   Change `.pf-c-label__editable-text` back to a button
+*   `.pf-c-label__editable-text` onClick event should:
+    *   Set `.pf-m-editable-active` on `.pf-c-label`
+    *   Change `.pf-c-label__editable-text`from a button to an input
+*   Return keypress, when content is editable, should:
+    *   Be captured to prevent line wrapping and save updates to label text
+    *   Remove `.pf-m-editable-active` from `.pf-c-label`
+    *   Change `.pf-c-label__editable-text` back from an input to a button and set the `currvalue` of the button to the contents of the input
+*   Esc keypress, when content is editable, should:
+    *   Undo any update to label text
+    *   Remove `.pf-m-editable-active` from `.pf-c-label`
+    *   Change `.pf-c-label__editable-text` back to a button
 
 ```html isBeta
 <span class="pf-c-label pf-m-blue pf-m-editable">
@@ -1367,23 +1367,23 @@ This style of label is used to add new labels to a label group.
 
 ### Usage
 
-| Class                        | Applied to                  | Outcome                                                                                                                                                                                                                  |
-| ---------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `.pf-c-label`                | `<span>`, `<button>`        | Initiates a label. Without a color modifier, the label's default style is grey. Use a color modifier to change the label color. Use a `<button>` if the label is an overflow label used in the label group. **Required** |
-| `.pf-c-label__content`       | `<span>`, `<a>`, `<button>` | Iniates a label content. Use as an `<a>` element if the label serves as a link. Use a `<button>` if the label serves as an action. **Required**                                                                          |
-| `.pf-c-label__icon`          | `<span>`                    | Initiates a label icon.                                                                                                                                                                                                  |
-| `.pf-c-label__text`          | `<span>`                    | Initiates label text.                                                                                                                                                                                                    |
-| `.pf-c-label__editable-text` | `<button>`, `<input>`       | Initiates editable label text. See the [editable](#editable) example for details about handling behavior in Javascript.                                                                                                  |
-| `.pf-m-outline`              | `.pf-c-label`               | Modifies label for outline styles.                                                                                                                                                                                       |
-| `.pf-m-compact`              | `.pf-c-label`               | Modifies label for compact styles.                                                                                                                                                                                       |
-| `.pf-m-overflow`             | `.pf-c-label`               | Modifies label for overflow styles for use in a label group.                                                                                                                                                             |
-| `.pf-m-add`                  | `.pf-c-label`               | Modifies label for add styles for use in a label group.                                                                                                                                                                  |
-| `.pf-m-blue`                 | `.pf-c-label`               | Modifies the label to have blue colored styling.                                                                                                                                                                         |
-| `.pf-m-green`                | `.pf-c-label`               | Modifies the label to have green colored styling.                                                                                                                                                                        |
-| `.pf-m-orange`               | `.pf-c-label`               | Modifies the label to have orange colored styling.                                                                                                                                                                       |
-| `.pf-m-red`                  | `.pf-c-label`               | Modifies the label to have red colored styling.                                                                                                                                                                          |
-| `.pf-m-purple`               | `.pf-c-label`               | Modifies the label to have purple colored styling.                                                                                                                                                                       |
-| `.pf-m-cyan`                 | `.pf-c-label`               | Modifies the label to have cyan colored styling.                                                                                                                                                                         |
-| `.pf-m-gold`                 | `.pf-c-label`               | Modifies the label to have gold colored styling.                                                                                                                                                                         |
-| `.pf-m-editable`             | `.pf-c-label`               | Modifies label for editable styles.                                                                                                                                                                                      |
-| `.pf-m-editable-active`      | `.pf-c-label.pf-m-editable` | Modifies editable label for active styles.                                                                                                                                                                               |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-label` | `<span>`, `<button>` | Initiates a label. Without a color modifier, the label's default style is grey. Use a color modifier to change the label color. Use a `<button>` if the label is an overflow label used in the label group. **Required** |
+| `.pf-c-label__content` | `<span>`, `<a>`, `<button>` | Iniates a label content. Use as an `<a>` element if the label serves as a link. Use a `<button>` if the label serves as an action. **Required** |
+| `.pf-c-label__icon` | `<span>` | Initiates a label icon. |
+| `.pf-c-label__text` | `<span>` | Initiates label text. |
+| `.pf-c-label__editable-text` | `<button>`, `<input>` | Initiates editable label text. See the [editable](#editable) example for details about handling behavior in Javascript.|
+| `.pf-m-outline` | `.pf-c-label` | Modifies label for outline styles. |
+| `.pf-m-compact` | `.pf-c-label` | Modifies label for compact styles. |
+| `.pf-m-overflow` | `.pf-c-label` | Modifies label for overflow styles for use in a label group. |
+| `.pf-m-add` | `.pf-c-label` | Modifies label for add styles for use in a label group. |
+| `.pf-m-blue` | `.pf-c-label` | Modifies the label to have blue colored styling. |
+| `.pf-m-green` | `.pf-c-label` | Modifies the label to have green colored styling. |
+| `.pf-m-orange` | `.pf-c-label` | Modifies the label to have orange colored styling. |
+| `.pf-m-red` | `.pf-c-label` | Modifies the label to have red colored styling. |
+| `.pf-m-purple` | `.pf-c-label` | Modifies the label to have purple colored styling. |
+| `.pf-m-cyan` | `.pf-c-label` | Modifies the label to have cyan colored styling. |
+| `.pf-m-gold` | `.pf-c-label` | Modifies the label to have gold colored styling. |
+| `.pf-m-editable` | `.pf-c-label` | Modifies label for editable styles. |
+| `.pf-m-editable-active` | `.pf-c-label.pf-m-editable` | Modifies editable label for active styles. |

package/docs/components/LabelGroup/examples/LabelGroup.md

@@ -606,7 +606,7 @@ cssPrefix: pf-c-label-group
 
 In addition to the JavaScript management of [editable labels](/components/label#editable), dynamic label groups also need:
 
--   `.pf-c-label-group.pf-m-editable` onClick event should (excluding labels within) set focus on `.pf-c-label-group__textarea`
+*   `.pf-c-label-group.pf-m-editable` onClick event should (excluding labels within) set focus on `.pf-c-label-group__textarea`
 
 ### Editable labels, dynamic label group
 
@@ -1073,27 +1073,27 @@ In addition to the JavaScript management of [editable labels](/components/label#
 
 ### Accessibility
 
-| Attribute                                                                                                  | Applied to                          | Outcome                                                                                                                                                                                                   |
-| ---------------------------------------------------------------------------------------------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `role="list"`                                                                                              | `.pf-c-label-group__list`           | Indicates that the label group list is a list element. This role is redundant since `.pf-c-label-group__list` is a `<ul>` but is required for screen readers to announce the list propertly. **Required** |
-| `aria-label="[button label text]"`                                                                         | `.pf-c-label-group__close > button` | Provides an accessible name for a label group close button when an icon is used instead of text. Required when an icon is used with no supporting text. **Required**                                      |
-| `aria-labelledby="[id value of .pf-c-label-group__close > button] [id value of .pf-c-label-group__label]"` | `.pf-c-label-group__close > button` | Provides an accessible name for the button. **Required**                                                                                                                                                  |
-| `aria-label="[label text]"`                                                                                | `.pf-c-label-group__textarea`       | Provides an accessible name for the textarea. **Required**                                                                                                                                                |
-| `row="1"`                                                                                                  | `.pf-c-label-group__textarea`       | Indicates that the label group textarea is one row. **Required**                                                                                                                                          |
-| `tabindex="0"`                                                                                             | `.pf-c-label-group__textarea`       | Inserts the label group textarea into the tab order of the page so that it is focusable. **Required**                                                                                                     |
+| Attribute | Applied to | Outcome |
+| -- | -- | -- |
+| `role="list"` | `.pf-c-label-group__list` | Indicates that the label group list is a list element. This role is redundant since `.pf-c-label-group__list` is a `<ul>` but is required for screen readers to announce the list propertly. **Required** |
+| `aria-label="[button label text]"` | `.pf-c-label-group__close > button` |  Provides an accessible name for a label group close button when an icon is used instead of text. Required when an icon is used with no supporting text. **Required** |
+| `aria-labelledby="[id value of .pf-c-label-group__close > button] [id value of .pf-c-label-group__label]"` | `.pf-c-label-group__close > button` | Provides an accessible name for the button. **Required** |
+| `aria-label="[label text]"` | `.pf-c-label-group__textarea` | Provides an accessible name for the textarea. **Required** |
+| `row="1"` | `.pf-c-label-group__textarea` | Indicates that the label group textarea is one row. **Required** |
+| `tabindex="0"` | `.pf-c-label-group__textarea` | Inserts the label group textarea into the tab order of the page so that it is focusable. **Required** |
 
 ### Usage
 
-| Class                          | Applied to                          | Outcome                                                                                      |
-| ------------------------------ | ----------------------------------- | -------------------------------------------------------------------------------------------- |
-| `.pf-c-label-group`            | `<div>`                             | Initiates the label group component. **Required.**                                           |
-| `.pf-c-label-group__list`      | `<ul>`                              | Initiates the container for a list of labels. **Required.**                                  |
-| `.pf-c-label-group__list-item` | `<li>`                              | Initiates the list item inside of the label group. **Required.**                             |
-| `.pf-c-label-group__main`      | `<div>`                             | Initiates the main element in the label group. **Required when label and list are present**  |
-| `.pf-c-label-group__textarea`  | `<textarea>`                        | Initiates the textarea element in the label group. **Required when label group is editable** |
-| `.pf-c-label-group__label`     | `<span>`                            | Initiates the label to be used in the label group.                                           |
-| `.pf-c-label-group__close`     | `<div>`                             | Initiates the container used for the button to remove the label group.                       |
-| `.pf-c-button`                 | `.pf-c-label-group__close <button>` | Initiates the button used to remove the label group.                                         |
-| `.pf-m-editable`               | `.pf-c-label-group`                 | Modifies the label group to support editable styling.                                        |
-| `.pf-m-category`               | `.pf-c-label-group`                 | Modifies the label group to support category styling.                                        |
-| `.pf-m-textarea`               | `.pf-c-label-group__list-item`      | Modifies the label group list item to support textarea.                                      |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-label-group` | `<div>` | Initiates the label group component. **Required.** |
+| `.pf-c-label-group__list` | `<ul>` | Initiates the container for a list of labels. **Required.** |
+| `.pf-c-label-group__list-item` | `<li>` | Initiates the list item inside of the label group. **Required.** |
+| `.pf-c-label-group__main` | `<div>` | Initiates the main element in the label group. **Required when label and list are present** |
+| `.pf-c-label-group__textarea` | `<textarea>` | Initiates the textarea element in the label group. **Required when label group is editable** |
+| `.pf-c-label-group__label` | `<span>` | Initiates the label to be used in the label group. |
+| `.pf-c-label-group__close` | `<div>` | Initiates the container used for the button to remove the label group. |
+| `.pf-c-button` | `.pf-c-label-group__close <button>` | Initiates the button used to remove the label group. |
+| `.pf-m-editable` | `.pf-c-label-group` | Modifies the label group to support editable styling. |
+| `.pf-m-category` | `.pf-c-label-group` | Modifies the label group to support category styling. |
+| `.pf-m-textarea` | `.pf-c-label-group__list-item` | Modifies the label group list item to support textarea. |

package/docs/components/List/examples/List.md

@@ -163,10 +163,10 @@ Non-inline lists can be nested up to any level.
 
 ### Usage
 
-| Class            | Applied to   | Outcome                                         |
-| ---------------- | ------------ | ----------------------------------------------- |
-| `.pf-c-list`     | `<ul>, <ol>` | Initiates a list. **Required**                  |
-| `.pf-m-inline`   | `.pf-c-list` | Displays list items inline.                     |
-| `.pf-m-plain`    | `.pf-c-list` | Removes the list marker and base indentation.   |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-list` | `<ul>, <ol>` | Initiates a list. **Required**  |
+| `.pf-m-inline` | `.pf-c-list` | Displays list items inline. |
+| `.pf-m-plain` | `.pf-c-list` |  Removes the list marker and base indentation. |
 | `.pf-m-bordered` | `.pf-c-list` | Add horizontal divider between items in a list. |
-| `.pf-m-icon-lg`  | `.pf-c-list` | Show all the icons or logos in the list large.  |
+| `.pf-m-icon-lg` | `.pf-c-list` | Show all the icons or logos in the list large. |

package/docs/components/LogViewer/examples/LogViewer.md

@@ -98,9 +98,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -446,9 +446,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -650,9 +650,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -998,9 +998,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -1202,9 +1202,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -1550,9 +1550,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -1754,9 +1754,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -2102,9 +2102,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -2306,9 +2306,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -2654,9 +2654,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -2858,9 +2858,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value="openshift"
+                      type="search"
                       placeholder="Find"
+                      value="openshift"
                       aria-label="Type to filter"
                     />
                   </span>
@@ -3233,9 +3233,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value="openshift"
+                    type="search"
                     placeholder="Find"
+                    value="openshift"
                     aria-label="Type to filter"
                   />
                 </span>
@@ -3480,9 +3480,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -3828,9 +3828,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -4032,9 +4032,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -4378,9 +4378,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -4582,9 +4582,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value
+                      type="search"
                       placeholder="Find"
+                      value
                       aria-label="Type to filter"
                     />
                   </span>
@@ -4930,9 +4930,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value
+                    type="search"
                     placeholder="Find"
+                    value
                     aria-label="Type to filter"
                   />
                 </span>
@@ -5157,9 +5157,9 @@ cssPrefix: pf-c-log-viewer
                     </span>
                     <input
                       class="pf-c-text-input-group__text-input"
-                      type="text"
-                      value="openshift"
+                      type="search"
                       placeholder="Find"
+                      value="openshift"
                       aria-label="Type to filter"
                     />
                   </span>
@@ -5532,9 +5532,9 @@ cssPrefix: pf-c-log-viewer
                   </span>
                   <input
                     class="pf-c-text-input-group__text-input"
-                    type="text"
-                    value="openshift"
+                    type="search"
                     placeholder="Find"
+                    value="openshift"
                     aria-label="Type to filter"
                   />
                 </span>
@@ -5693,35 +5693,35 @@ cssPrefix: pf-c-log-viewer
 
 ### Accessibility
 
-| Attribute                 | Applied                                      | Outcome                                                                                                                                               |
-| ------------------------- | -------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `aria-label="Log viewer"` | `.pf-c-log-viewer`                           | Provides an accessible label for the log viewer.                                                                                                      |
-| `role="log"`              | `.pf-c-log-viewer__main`                     | Identifies an element that creates a live region where new information is added in a meaningful order and old information may disappear. **Required** |
-| `aria-live="polite"`      | `.pf-c-log-viewer__list`                     | Allows assistive technologies to automatically read new content within the aria-live region on the place where the text is displayed.                 |
-| `aria-atomic="true"`      | `.pf-c-log-viewer__list`                     | Allows assistive technologies to notify a user when log messages are added.                                                                           |
-| `tabindex="0"`            | `.pf-c-log-viewer`, `.pf-c-log-viewer__list` | Inserts the element into the tab order of the page so that it is focusable. **Required**                                                              |
-| `aria-hidden="true"`      | `.pf-c-log-viewer__index`                    | Hides an index from assistive technologies.                                                                                                           |
+| Attribute | Applied | Outcome |
+| -- | -- | -- |
+| `aria-label="Log viewer"` | `.pf-c-log-viewer` | Provides an accessible label for the log viewer. |
+| `role="log"` | `.pf-c-log-viewer__main` | Identifies an element that creates a live region where new information is added in a meaningful order and old information may disappear. **Required** |
+| `aria-live="polite"` | `.pf-c-log-viewer__list` | Allows assistive technologies to automatically read new content within the aria-live region on the place where the text is displayed. |
+| `aria-atomic="true"` | `.pf-c-log-viewer__list` | Allows assistive technologies to notify a user when log messages are added. |
+| `tabindex="0"` | `.pf-c-log-viewer`, `.pf-c-log-viewer__list` | Inserts the element into the tab order of the page so that it is focusable. **Required** |
+| `aria-hidden="true"` | `.pf-c-log-viewer__index` | Hides an index from assistive technologies. |
 
 ### Usage
 
-| Class                                                      | Applied to                 | Outcome                                                                                                                                                |
-| ---------------------------------------------------------- | -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `.pf-c-log-viewer`                                         | `<div>`                    | Initiates a log viewer. **Required**                                                                                                                   |
-| `.pf-c-log-viewer__header`                                 | `<div>`                    | Initiates the header container for a log viewer. **Required**                                                                                          |
-| `.pf-c-log-viewer__main`                                   | `<div>`                    | Initiates the main container for a log viewer. **Required**                                                                                            |
-| `.pf-c-log-viewer__scroll-container`                       | `<div>`                    | Initiates the scroll container for a log viewer. **Required**                                                                                          |
-| `.pf-c-log-viewer__list`                                   | `<ul>`                     | Initiates the log viewer list. **Required**                                                                                                            |
-| `.pf-c-log-viewer__list-item`                              | `<li>`                     | Initiates a log viewer list item. **Required**                                                                                                         |
-| `.pf-c-log-viewer__index`                                  | `<span>`                   | Initiates a log viewer index element. **Required for numbered list**                                                                                   |
-| `.pf-c-log-viewer__text`                                   | `<div>`                    | Initiates a log viewer text element. **Required**                                                                                                      |
-| `.pf-c-log-viewer__string`                                 | `<span>`                   | Initiates a log viewer string element.                                                                                                                 |
-| `.pf-c-log-viewer__timestamp`                              | `<div>`                    | Initiates a log viewer text element. **Required**                                                                                                      |
-| `.pf-m-wrap-text`                                          | `.pf-c-log-viewer`         | Modifies the log viewer text to wrap.                                                                                                                  |
-| `.pf-m-nowrap`                                             | `.pf-c-log-viewer`         | Modifies the log viewer text to not wrap.                                                                                                              |
-| `.pf-m-line-numbers`                                       | `.pf-c-log-viewer`         | Modifies the log viewer to display line numbers.                                                                                                       |
-| `.pf-m-line-number-chars`                                  | `.pf-c-log-viewer`         | Modifies the log viewer allow for a custom line number column size. Use with `--pf-c-log-viewer--line-number-chars`.                                   |
-| `.pf-m-dark`                                               | `.pf-c-log-viewer`         | Modifies the log viewer content for dark theme.                                                                                                        |
-| `.pf-m-match`                                              | `.pf-c-log-viewer__string` | Indicates a string is a search result.                                                                                                                 |
-| `.pf-m-current`                                            | `.pf-c-log-viewer__string` | Indicates a string is the current search result.                                                                                                       |
-| `--pf-c-log-viewer--line-number-chars`                     | `.pf-c-log-viewer`         | With a number passed as the value, modifies the width of the line number column to show the specified number of characters.                            |
-| `--pf-c-log-viewer--MaxHeight{-on-[breakpoint]}: {height}` | `.pf-c-log-viewer`         | Modifies the height value of a log viewer at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-log-viewer` | `<div>` | Initiates a log viewer. **Required** |
+| `.pf-c-log-viewer__header` | `<div>` | Initiates the header container for a log viewer. **Required** |
+| `.pf-c-log-viewer__main` | `<div>` | Initiates the main container for a log viewer. **Required** |
+| `.pf-c-log-viewer__scroll-container` | `<div>` | Initiates the scroll container for a log viewer. **Required** |
+| `.pf-c-log-viewer__list` | `<ul>` | Initiates the log viewer list. **Required** |
+| `.pf-c-log-viewer__list-item` | `<li>` | Initiates a log viewer list item. **Required** |
+| `.pf-c-log-viewer__index` | `<span>` | Initiates a log viewer index element. **Required for numbered list** |
+| `.pf-c-log-viewer__text` | `<div>` | Initiates a log viewer text element. **Required** |
+| `.pf-c-log-viewer__string` | `<span>` | Initiates a log viewer string element. |
+| `.pf-c-log-viewer__timestamp` | `<div>` | Initiates a log viewer text element. **Required** |
+| `.pf-m-wrap-text` | `.pf-c-log-viewer` | Modifies the log viewer text to wrap. |
+| `.pf-m-nowrap` | `.pf-c-log-viewer` | Modifies the log viewer text to not wrap. |
+| `.pf-m-line-numbers` | `.pf-c-log-viewer` | Modifies the log viewer to display line numbers. |
+| `.pf-m-line-number-chars` | `.pf-c-log-viewer` | Modifies the log viewer allow for a custom line number column size. Use with `--pf-c-log-viewer--line-number-chars`. |
+| `.pf-m-dark` | `.pf-c-log-viewer` | Modifies the log viewer content for dark theme. |
+| `.pf-m-match` | `.pf-c-log-viewer__string` | Indicates a string is a search result. |
+| `.pf-m-current` | `.pf-c-log-viewer__string` | Indicates a string is the current search result. |
+| `--pf-c-log-viewer--line-number-chars` | `.pf-c-log-viewer` | With a number passed as the value, modifies the width of the line number column to show the specified number of characters. |
+| `--pf-c-log-viewer--MaxHeight{-on-[breakpoint]}: {height}` | `.pf-c-log-viewer` |  Modifies the height value of a log viewer at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |

package/docs/components/Login/examples/Login.md

@@ -1163,25 +1163,25 @@ wrapperTag: div
 
 ### Usage
 
-| Class                                                                 | Applied to                      | Outcome                                                                                                        |
-| --------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------------------------------------------------------------- |
-| `.pf-c-login`                                                         | `<div>`                         | Initializes the login component. **Required**                                                                  |
-| `.pf-c-login__container`                                              | `<div>`                         | Positions the login component content. **Required**                                                            |
-| `.pf-c-login__header`                                                 | `<header>`                      | Positions the login header. **Required**                                                                       |
-| `.pf-c-login__header .pf-c-brand`                                     | `<img>`                         | Creates a brand image inside of login header. **Required**                                                     |
-| `.pf-c-login__main`                                                   | `<main>`                        | Positions the login main area. **Required**                                                                    |
-| `.pf-c-login__main-header`                                            | `<header>`                      | Creates the header of the main area. **Required**                                                              |
-| `.pf-c-login__main-header .pf-c-title`                                | `<h1>,<h2>,<h3>,<h4>,<h5>,<h6>` | Creates a title in the main header area. **Required**                                                          |
-| `.pf-c-login__main-header-desc`                                       | `<p>`                           | Creates the description in the main area header.                                                               |
-| `.pf-c-login__main-header-utilities`                                  | `<div>`                         | Creates a utilities section in the main header area. **Note:** For use with a language selector menu.          |
-| `.pf-c-login__main-body`                                              | `<div>`                         | Creates the body of the main area. **Required**                                                                |
-| `.pf-c-login__main-body .pf-c-form`                                   | `<form>`                        | Creates the login form in the main body area. **Required**                                                     |
-| `.pf-c-login__main-body .pf-c-form .pf-c-form-helper-text.pf-m-error` | `<form>`                        | Creates the error messages shown when the form has errors. When not active, apply `.pf-m-hidden.` **Required** |
-| `.pf-c-login__main-footer`                                            | `<footer>`                      | Creates the footer of the main area. **Required**                                                              |
-| `.pf-c-login__main-footer-links`                                      | `<ul>`                          | Creates a list of links in the main footer. **Required**                                                       |
-| `.pf-c-login__main-footer-links-item`                                 | `<li>`                          | Creates proper spacing for links in the main footer. **Required**                                              |
-| `.pf-c-login__main-footer-links-item-link`                            | `<a>`                           | Creates link in links list in footer. **Required**                                                             |
-| `.pf-c-login__main-footer-band`                                       | `<div>`                         | Styles a band in the footer.                                                                                   |
-| `.pf-c-login__main-footer-band-item`                                  | `<p>`                           | Adds information to the band in the footer.                                                                    |
-| `.pf-c-login__footer`                                                 | `<footer>`                      | Positions the login footer. **Required**                                                                       |
-| `.pf-c-login__footer .pf-c-list`                                      | `<ul>`                          | Creates a list of links in the login footer. **Required**                                                      |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-login` | `<div>` | Initializes the login component. **Required**|
+| `.pf-c-login__container` | `<div>` | Positions the login component content. **Required**|
+| `.pf-c-login__header` | `<header>` | Positions the login header. **Required**|
+| `.pf-c-login__header .pf-c-brand` | `<img>` | Creates a brand image inside of login header. **Required** |
+| `.pf-c-login__main` | `<main>` | Positions the login main area. **Required** |
+| `.pf-c-login__main-header` | `<header>` | Creates the header of the main area. **Required** |
+| `.pf-c-login__main-header .pf-c-title` | `<h1>,<h2>,<h3>,<h4>,<h5>,<h6>` | Creates a title in the main header area. **Required** |
+| `.pf-c-login__main-header-desc` | `<p>` | Creates the description in the main area header. |
+| `.pf-c-login__main-header-utilities` | `<div>` | Creates a utilities section in the main header area. **Note:** For use with a language selector menu. |
+| `.pf-c-login__main-body` | `<div>` | Creates the body of the main area. **Required** |
+| `.pf-c-login__main-body .pf-c-form` | `<form>` | Creates the login form in the main body area. **Required**|
+| `.pf-c-login__main-body .pf-c-form .pf-c-form-helper-text.pf-m-error` | `<form>` | Creates the error messages shown when the form has errors. When not active, apply `.pf-m-hidden.` **Required** |
+| `.pf-c-login__main-footer` | `<footer>` | Creates the footer of the main area. **Required** |
+| `.pf-c-login__main-footer-links` | `<ul>` | Creates a list of links in the main footer. **Required** |
+| `.pf-c-login__main-footer-links-item` | `<li>` | Creates proper spacing for links in the main footer. **Required** |
+| `.pf-c-login__main-footer-links-item-link` | `<a>` | Creates link in links list in footer. **Required** |
+| `.pf-c-login__main-footer-band` | `<div>` | Styles a band in the footer. |
+| `.pf-c-login__main-footer-band-item` | `<p>` | Adds information to the band in the footer. |
+| `.pf-c-login__footer` | `<footer>` | Positions the login footer. **Required** |
+| `.pf-c-login__footer .pf-c-list` | `<ul>` | Creates a list of links in the login footer. **Required** |