@patternfly/patternfly 5.0.0-alpha.4 → 5.0.0-alpha.40

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

@@ -1,7 +1,6 @@
 ---
 id: Tile
 section: components
-beta: true
 cssPrefix: pf-c-tile
 ---import './Tile.css'
 
@@ -9,7 +8,7 @@ cssPrefix: pf-c-tile
 
 ### Basic tiles
 
-```html isBeta
+```html
 <div class="pf-c-tile" tabindex="0">
   <div class="pf-c-tile__header">
     <div class="pf-c-tile__title">Default</div>
@@ -872,21 +871,21 @@ cssPrefix: pf-c-tile
 
 ### Accessibility
 
-| Attribute       | Applied to   | Outcome                                                                               |
-| --------------- | ------------ | ------------------------------------------------------------------------------------- |
-| `tabindex="0"`  | `.pf-c-tile` | Inserts the tile into the tab order of the page so that it is focusable. **Required** |
-| `tabindex="-1"` | `.pf-c-tile` | Removes the tile from keyboard focus when it is disabled.                             |
+| Attribute | Applied to | Outcome |
+| -- | -- | -- |
+| `tabindex="0"` | `.pf-c-tile` | Inserts the tile into the tab order of the page so that it is focusable. **Required** |
+| `tabindex="-1"` | `.pf-c-tile` | Removes the tile from keyboard focus when it is disabled. |
 
 ### Usage
 
-| Class                | Applied to           | Outcome                                            |
-| -------------------- | -------------------- | -------------------------------------------------- |
-| `.pf-c-tile`         | `<div>`              | Initiates a tile. **Required**                     |
-| `.pf-c-tile__header` | `<div>`              | Initiates the tile header.                         |
-| `.pf-c-tile__title`  | `<div>`              | Initiates the tile title.                          |
-| `.pf-c-tile__icon`   | `<div>`              | Initiates the tile icon or image.                  |
-| `.pf-c-tile__body`   | `<div>`              | Initiates the tile body.                           |
-| `.pf-m-selected`     | `.pf-c-tile`         | Modifies the tile for the selected state.          |
-| `.pf-m-disabled`     | `.pf-c-tile`         | Modifies the tile for the disabled state.          |
-| `.pf-m-stacked`      | `.pf-c-tile__header` | Modifies the tile header to be stacked vertically. |
-| `.pf-m-display-lg`   | `.pf-c-tile`         | Modifies the tile to have large display styling.   |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-tile` | `<div>` | Initiates a tile. **Required**  |
+| `.pf-c-tile__header` | `<div>` | Initiates the tile header. |
+| `.pf-c-tile__title` | `<div>` | Initiates the tile title. |
+| `.pf-c-tile__icon` | `<div>` | Initiates the tile icon or image. |
+| `.pf-c-tile__body` | `<div>` | Initiates the tile body. |
+| `.pf-m-selected` | `.pf-c-tile` | Modifies the tile for the selected state. |
+| `.pf-m-disabled` | `.pf-c-tile` | Modifies the tile for the disabled state. |
+| `.pf-m-stacked` | `.pf-c-tile__header` | Modifies the tile header to be stacked vertically. |
+| `.pf-m-display-lg` | `.pf-c-tile` | Modifies the tile to have large display styling. |

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

@@ -55,8 +55,8 @@ cssPrefix: pf-c-timestamp
 
 ### 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.   |
+| 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/components/Title/examples/Title.md

@@ -24,23 +24,23 @@ The title component styles font-size, font-weight, and line-height to titles.
 
 The content component defines margin on headers. To regain the same spacing use, spacer utility classes:
 
-| Title | Margin top    | Margin bottom |
-| ----- | ------------- | ------------- |
-| 4xl   | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
-| 3xl   | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
-| 2xl   | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
-| xl    | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
-| lg    | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
-| md    | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
+| Title | Margin top | Margin bottom |
+| -- | -- | -- |
+| 4xl | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
+| 3xl | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
+| 2xl | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
+| xl | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
+| lg | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
+| md | `.pf-u-mt-lg` | `.pf-u-mb-sm` |
 
 ### Usage
 
-| Class         | Applied       | Outcome                                                 |
-| ------------- | ------------- | ------------------------------------------------------- |
-| `.pf-c-title` | `*`           | Initiates a title. Always use it with a modifier class. |
-| `.pf-m-4xl`   | `.pf-c-title` | Modifies for 4xl size                                   |
-| `.pf-m-3xl`   | `.pf-c-title` | Modifies for 3xl size                                   |
-| `.pf-m-2xl`   | `.pf-c-title` | Modifies for 2xl size                                   |
-| `.pf-m-xl`    | `.pf-c-title` | Modifies for xl size                                    |
-| `.pf-m-lg`    | `.pf-c-title` | Modifies for lg size                                    |
-| `.pf-m-md`    | `.pf-c-title` | Modifies for md size                                    |
+| Class | Applied | Outcome |
+| -- | -- | -- |
+| `.pf-c-title` | `*` |  Initiates a title. Always use it with a modifier class. |
+| `.pf-m-4xl` | `.pf-c-title` | Modifies for 4xl size |
+| `.pf-m-3xl` | `.pf-c-title` | Modifies for 3xl size |
+| `.pf-m-2xl` | `.pf-c-title` | Modifies for 2xl size |
+| `.pf-m-xl` | `.pf-c-title` | Modifies for xl size |
+| `.pf-m-lg` | `.pf-c-title` | Modifies for lg size |
+| `.pf-m-md` | `.pf-c-title` | Modifies for md size |

package/docs/components/ToggleGroup/examples/toggle-group.md

@@ -319,19 +319,19 @@ cssPrefix: pf-c-toggle-group
 
 ### Accessibility
 
-| Attribute                          | Applied to                   | Outcome                                                                                                                                  |
-| ---------------------------------- | ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
-| `aria-label="[button label text]"` | `.pf-c-toggle-group__button` | Provides an accessible name for the button when an icon is used instead of text. **Required when icon is used with no supporting text**  |
-| `disabled`                         | `.pf-c-toggle-group__button` | When a button element is used, indicates that it is unavailable and removes it from keyboard focus. **Required when button is disabled** |
+| Attribute | Applied to | Outcome |
+| -- | -- | -- |
+| `aria-label="[button label text]"` | `.pf-c-toggle-group__button` | Provides an accessible name for the button when an icon is used instead of text. **Required when icon is used with no supporting text** |
+| `disabled` | `.pf-c-toggle-group__button` | When a button element is used, indicates that it is unavailable and removes it from keyboard focus. **Required when button is disabled** |
 
 ### Usage
 
-| Class                        | Applied to                   | Outcome                                                         |
-| ---------------------------- | ---------------------------- | --------------------------------------------------------------- |
-| `.pf-c-toggle-group`         | `<div>`                      | Initiates the toggle group. **Required**                        |
-| `.pf-c-toggle-group__button` | `<button>`                   | Initiates the toggle group button. **Required**                 |
-| `.pf-c-toggle-group__item`   | `<div>`                      | Initiates the toggle group item wrapper. **Required**           |
-| `.pf-c-toggle-group__text`   | `<span>`                     | Initiates the toggle button text element.                       |
-| `.pf-c-toggle-group__icon`   | `<span>`                     | Initiates the toggle button icon element.                       |
-| `.pf-m-compact`              | `.pf-c-toggle-group`         | Modifies the toggle group for compact styles.                   |
-| `.pf-m-selected`             | `.pf-c-toggle-group__button` | Modifies the toggle button group button for the selected state. |
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-c-toggle-group` | `<div>` | Initiates the toggle group. **Required** |
+| `.pf-c-toggle-group__button` | `<button>` | Initiates the toggle group button. **Required** |
+| `.pf-c-toggle-group__item` | `<div>` | Initiates the toggle group item wrapper. **Required** |
+| `.pf-c-toggle-group__text` | `<span>` | Initiates the toggle button text element. |
+| `.pf-c-toggle-group__icon` | `<span>` | Initiates the toggle button icon element. |
+| `.pf-m-compact` | `.pf-c-toggle-group` | Modifies the toggle group for compact styles. |
+| `.pf-m-selected` | `.pf-c-toggle-group__button` | Modifies the toggle button group button for the selected state. |