@patternfly/react-table 4.48.0 → 4.50.0

package/dist/umd/react-table.min.css

@@ -526,10 +526,16 @@
 }
 
 .pf-c-table thead.pf-m-nested-column-header th,
-.pf-c-table thead.pf-m-nested-column-header td {
+.pf-c-table thead.pf-m-nested-column-header td,
+.pf-c-table thead.pf-m-nested-column-header input {
   vertical-align: middle;
 }
 
+.pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
+  display: flex;
+  align-items: center;
+}
+
 .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
 .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
   --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
@@ -569,7 +575,7 @@
   border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);
 }
 
-.pf-c-table tbody .pf-c-table__check > input {
+.pf-c-table tbody .pf-c-table__check input {
   margin-top: var(--pf-c-table__check--input--MarginTop);
   vertical-align: top;
 }
@@ -905,10 +911,17 @@
   --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
 }
 
-.pf-c-table__check > input:not([disabled]) {
+.pf-c-table__check label:not([disabled]),
+.pf-c-table__check input:not([disabled]) {
   cursor: pointer;
 }
 
+.pf-c-table__check label {
+  display: block;
+  padding: inherit;
+  margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);
+}
+
 .pf-c-table__favorite .pf-c-button {
   --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);
   --pf-c-button--FontSize: var(--pf-c-table__favorite--c-button--FontSize);
@@ -4319,7 +4332,7 @@
   text-align: right;
 }
 
-@media (min-width: 768px) {
+@media screen and (min-width: 768px) {
   .pf-c-form.pf-m-horizontal {
     --pf-c-form__group-label--PaddingBottom: 0;
   }
@@ -4343,6 +4356,150 @@
     grid-column: 2;
   }
 }
+@media screen and (min-width: 0) {
+  .pf-c-form.pf-m-horizontal-on-xs {
+    --pf-c-form__group-label--PaddingBottom: 0;
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
+    display: grid;
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
+    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
+    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label.pf-m-no-padding-top {
+    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
+    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-control {
+    grid-column: 2;
+  }
+}
+@media (min-width: 576px) {
+  .pf-c-form.pf-m-horizontal-on-sm {
+    --pf-c-form__group-label--PaddingBottom: 0;
+  }
+
+  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
+    display: grid;
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
+    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
+    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label.pf-m-no-padding-top {
+    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
+    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
+  }
+
+  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-control {
+    grid-column: 2;
+  }
+}
+@media (min-width: 768px) {
+  .pf-c-form.pf-m-horizontal-on-md {
+    --pf-c-form__group-label--PaddingBottom: 0;
+  }
+
+  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
+    display: grid;
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
+    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
+    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label.pf-m-no-padding-top {
+    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
+    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
+  }
+
+  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-control {
+    grid-column: 2;
+  }
+}
+@media (min-width: 992px) {
+  .pf-c-form.pf-m-horizontal-on-lg {
+    --pf-c-form__group-label--PaddingBottom: 0;
+  }
+
+  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
+    display: grid;
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
+    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
+    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label.pf-m-no-padding-top {
+    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
+    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
+  }
+
+  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-control {
+    grid-column: 2;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-c-form.pf-m-horizontal-on-xl {
+    --pf-c-form__group-label--PaddingBottom: 0;
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
+    display: grid;
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
+    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
+    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label.pf-m-no-padding-top {
+    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
+    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
+  }
+
+  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-control {
+    grid-column: 2;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-c-form.pf-m-horizontal-on-2xl {
+    --pf-c-form__group-label--PaddingBottom: 0;
+  }
+
+  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
+    display: grid;
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
+    grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
+    padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
+  }
+
+  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label.pf-m-no-padding-top {
+    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
+    transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
+  }
+
+  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-control {
+    grid-column: 2;
+  }
+}
 .pf-c-form.pf-m-limit-width {
   max-width: var(--pf-c-form--m-limit-width--MaxWidth);
 }
@@ -5523,14 +5680,15 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
+  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
   pointer-events: none;
 }
 
-.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled:not(.pf-m-plain) {
+.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--disabled--BackgroundColor);
 }
 
-.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before {
+.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text::before {
   border: 0;
 }
 
@@ -5538,13 +5696,16 @@ label.pf-c-check, .pf-c-check__label,
   padding: 0;
 }
 
+.pf-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
+  background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
+}
+
 .pf-c-dropdown__toggle.pf-m-split-button > * {
   position: relative;
   padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop);
   padding-right: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight);
   padding-bottom: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom);
   padding-left: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft);
-  background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
 }
 
 .pf-c-dropdown__toggle.pf-m-split-button > *:first-child {
@@ -5576,6 +5737,10 @@ label.pf-c-check, .pf-c-check__label,
   border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
 }
 
+.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
+  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
+}
+
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
   display: flex;
   align-items: center;
@@ -5648,14 +5813,14 @@ label.pf-c-check, .pf-c-check__label,
   border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
 }
 
-.pf-c-dropdown__toggle.pf-m-plain {
+.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
   --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
   display: inline-block;
   color: var(--pf-c-dropdown__toggle--m-plain--Color);
 }
 
-.pf-c-dropdown__toggle.pf-m-plain > * {
+.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
   line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight);
 }
 
@@ -5672,13 +5837,13 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-dropdown__toggle.pf-m-primary {
-  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
-  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
   border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
 }
 
-.pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled) {
+.pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
   --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
+  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
+  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
 }
 
 .pf-c-dropdown__toggle.pf-m-primary::before {
@@ -5697,17 +5862,20 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
 }
 
-.pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
+.pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
 }
 
 .pf-c-dropdown__toggle.pf-m-secondary {
+  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
+}
+
+.pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
   --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-secondary--Color);
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor);
-  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
 }
 
-.pf-c-dropdown__toggle.pf-m-secondary::before {
+.pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled])::before {
   border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
   border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
 }
@@ -10876,6 +11044,22 @@ button.pf-c-breadcrumb__link {
   --pf-c-description-list--m-horizontal__term--width: fit-content(20ch);
 }
 
+.pf-c-description-list.pf-m-fill-columns {
+  display: block;
+  column-count: var(--pf-c-description-list--GridTemplateColumns--count);
+  margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
+}
+
+.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
+  display: inline-grid;
+  width: 100%;
+  margin-bottom: var(--pf-c-description-list--RowGap);
+  break-inside: avoid;
+  page-break-inside: avoid;
+  -webkit-column-break-inside: avoid;
+  -moz-column-break-inside: avoid;
+}
+
 .pf-c-description-list__group {
   display: grid;
   grid-column: var(--pf-c-description-list__group--GridColumn);
@@ -12422,123 +12606,6 @@ button.pf-c-breadcrumb__link {
   font-size: var(--pf-global--FontSize--lg);
 }
 
-.pf-c-expandable-section {
-  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-expandable-section__toggle--PaddingLeft: 0;
-  --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
-  --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
-  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
-  --pf-c-expandable-section__toggle-icon--Rotate: 0;
-  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
-  --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
-  --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
-  --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-expandable-section__content--MaxWidth: auto;
-  --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
-  --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
-  --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
-  --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
-  --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
-}
-
-.pf-c-expandable-section.pf-m-expanded {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
-  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
-  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
-  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
-}
-
-.pf-c-expandable-section.pf-m-detached {
-  --pf-c-expandable-section__content--MarginTop: 0;
-}
-
-.pf-c-expandable-section.pf-m-limit-width {
-  --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
-}
-
-.pf-c-expandable-section.pf-m-display-lg {
-  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
-  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
-  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
-  --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
-  --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
-  --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
-  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
-  --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
-  position: relative;
-  box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
-}
-
-.pf-c-expandable-section.pf-m-display-lg::after {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: var(--pf-c-expandable-section--m-display-lg--after--Width);
-  content: "";
-  background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
-}
-
-.pf-c-expandable-section__toggle {
-  display: flex;
-  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
-  color: var(--pf-c-expandable-section__toggle--Color);
-  border: none;
-}
-
-.pf-c-expandable-section__toggle:hover {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
-}
-
-.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
-}
-
-.pf-c-expandable-section__toggle:focus {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
-}
-
-.pf-c-expandable-section__toggle-icon {
-  color: var(--pf-c-expandable-section__toggle-icon--Color);
-  transition: var(--pf-c-expandable-section__toggle-icon--Transition);
-  transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
-}
-
-.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
-  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
-}
-
-.pf-c-expandable-section__toggle-text {
-  margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
-}
-
-.pf-c-expandable-section__content {
-  max-width: var(--pf-c-expandable-section__content--MaxWidth);
-  padding-right: var(--pf-c-expandable-section__content--PaddingRight);
-  padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
-  padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
-  margin-top: var(--pf-c-expandable-section__content--MarginTop);
-}
-
-.pf-m-overpass-font .pf-c-expandable-section__toggle {
-  font-weight: var(--pf-global--FontWeight--semi-bold);
-}
-
 .pf-c-file-upload {
   --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
@@ -17166,16 +17233,6 @@ ul.pf-c-list {
   left: 0;
 }
 
-.pf-l-bullseye {
-  --pf-l-bullseye--Padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  padding: var(--pf-l-bullseye--Padding);
-  margin: 0;
-}
-
 .pf-c-notification-badge {
   --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -17276,6 +17333,16 @@ ul.pf-c-list {
   margin-left: var(--pf-c-notification-badge__count--MarginLeft);
 }
 
+.pf-l-bullseye {
+  --pf-l-bullseye--Padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: var(--pf-l-bullseye--Padding);
+  margin: 0;
+}
+
 .pf-c-notification-drawer {
   --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
@@ -22101,6 +22168,123 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
 }
 
+.pf-c-expandable-section {
+  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
+  --pf-c-expandable-section__toggle--PaddingLeft: 0;
+  --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
+  --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
+  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
+  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
+  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
+  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
+  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
+  --pf-c-expandable-section__toggle-icon--Rotate: 0;
+  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
+  --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
+  --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
+  --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
+  --pf-c-expandable-section__content--MaxWidth: auto;
+  --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
+  --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
+  --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
+  --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
+  --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
+  --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
+}
+
+.pf-c-expandable-section.pf-m-expanded {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
+  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
+  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
+  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
+}
+
+.pf-c-expandable-section.pf-m-detached {
+  --pf-c-expandable-section__content--MarginTop: 0;
+}
+
+.pf-c-expandable-section.pf-m-limit-width {
+  --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
+}
+
+.pf-c-expandable-section.pf-m-display-lg {
+  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
+  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
+  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
+  --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
+  --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
+  --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
+  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
+  --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
+  position: relative;
+  box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
+}
+
+.pf-c-expandable-section.pf-m-display-lg::after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: var(--pf-c-expandable-section--m-display-lg--after--Width);
+  content: "";
+  background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
+}
+
+.pf-c-expandable-section__toggle {
+  display: flex;
+  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
+  color: var(--pf-c-expandable-section__toggle--Color);
+  border: none;
+}
+
+.pf-c-expandable-section__toggle:hover {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
+}
+
+.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
+}
+
+.pf-c-expandable-section__toggle:focus {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
+}
+
+.pf-c-expandable-section__toggle-icon {
+  color: var(--pf-c-expandable-section__toggle-icon--Color);
+  transition: var(--pf-c-expandable-section__toggle-icon--Transition);
+  transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
+}
+
+.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
+  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
+}
+
+.pf-c-expandable-section__toggle-text {
+  margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
+}
+
+.pf-c-expandable-section__content {
+  max-width: var(--pf-c-expandable-section__content--MaxWidth);
+  padding-right: var(--pf-c-expandable-section__content--PaddingRight);
+  padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
+  padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
+  margin-top: var(--pf-c-expandable-section__content--MarginTop);
+}
+
+.pf-m-overpass-font .pf-c-expandable-section__toggle {
+  font-weight: var(--pf-global--FontWeight--semi-bold);
+}
+
 .pf-c-content {
   --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
   --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);