@patternfly/patternfly 6.0.0-alpha.3 → 6.0.0-alpha.30

package/docs/components/ExpandableSection/examples/ExpandableSection.md

@@ -47,6 +47,27 @@ cssPrefix: pf-v5-c-expandable-section
 
 ```
 
+### Indented
+
+```html
+<div class="pf-v5-c-expandable-section pf-m-expanded pf-m-indented">
+  <button
+    type="button"
+    class="pf-v5-c-expandable-section__toggle"
+    aria-expanded="true"
+  >
+    <span class="pf-v5-c-expandable-section__toggle-icon">
+      <i class="fas fa-angle-right" aria-hidden="true"></i>
+    </span>
+    <span class="pf-v5-c-expandable-section__toggle-text">Show less</span>
+  </button>
+  <div
+    class="pf-v5-c-expandable-section__content"
+  >This content is visible only when the component is expanded.</div>
+</div>
+
+```
+
 ### Disclosure variation (hidden)
 
 ```html
@@ -92,7 +113,30 @@ cssPrefix: pf-v5-c-expandable-section
 
 ```
 
-### Detached toggle
+### Disclosure variation (indented)
+
+```html
+<div
+  class="pf-v5-c-expandable-section pf-m-expanded pf-m-display-lg pf-m-limit-width pf-m-indented"
+>
+  <button
+    type="button"
+    class="pf-v5-c-expandable-section__toggle"
+    aria-expanded="true"
+  >
+    <span class="pf-v5-c-expandable-section__toggle-icon">
+      <i class="fas fa-angle-right" aria-hidden="true"></i>
+    </span>
+    <span class="pf-v5-c-expandable-section__toggle-text">Show less</span>
+  </button>
+  <div
+    class="pf-v5-c-expandable-section__content"
+  >This content is visible only when the component is expanded.</div>
+</div>
+
+```
+
+### Detached
 
 ```html
 <div class="pf-v5-l-stack pf-m-gutter">
@@ -124,28 +168,7 @@ cssPrefix: pf-v5-c-expandable-section
 
 ```
 
-### Indented
-
-```html
-<div class="pf-v5-c-expandable-section pf-m-expanded pf-m-indented">
-  <button
-    type="button"
-    class="pf-v5-c-expandable-section__toggle"
-    aria-expanded="true"
-  >
-    <span class="pf-v5-c-expandable-section__toggle-icon">
-      <i class="fas fa-angle-right" aria-hidden="true"></i>
-    </span>
-    <span class="pf-v5-c-expandable-section__toggle-text">Show less</span>
-  </button>
-  <div
-    class="pf-v5-c-expandable-section__content"
-  >This content is visible only when the component is expanded.</div>
-</div>
-
-```
-
-### Truncate expansion
+### Truncate expansion (hidden)
 
 ```html
 <div class="pf-v5-c-expandable-section pf-m-truncate">
@@ -163,7 +186,7 @@ cssPrefix: pf-v5-c-expandable-section
 
 ```
 
-### Truncate expansion expanded
+### Truncate expansion (expanded)
 
 ```html
 <div class="pf-v5-c-expandable-section pf-m-expanded pf-m-truncate">

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

@@ -3265,7 +3265,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `role="list"` | `.pf-v5-c-label-group__list` | Indicates that the label group list is a list element. This role is redundant since `.pf-v5-c-label-group__list` is a `<ul>` but is required for screen readers to announce the list propertly. **Required** |
+| `role="list"` | `.pf-v5-c-label-group__list` | Indicates that the label group list is a list element. This role is redundant since `.pf-v5-c-label-group__list` is a `<ul>` but is required for screen readers to announce the list properly. **Required** |
 | `aria-label="[button label text]"` | `.pf-v5-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-v5-c-label-group__close > button] [id value of .pf-v5-c-label-group__label]"` | `.pf-v5-c-label-group__close > button` | Provides an accessible name for the button. **Required** |
 | `aria-label="[label text]"` | `.pf-v5-c-label-group__textarea` | Provides an accessible name for the textarea. **Required** |

package/docs/components/LogViewer/examples/LogViewer.css

@@ -6,8 +6,8 @@
   display: none;
   position: absolute;
   z-index: 9999;
-  top: 52px;
-  right: 78px;
+ inset-block-start: 52px;
+ inset-inline-end: 78px;
 }
 
 @media screen and (min-width: 992px) {