@patternfly/react-table 4.58.3 → 4.58.4

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.58.4 (2022-01-18)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
 ## 4.58.3 (2022-01-18)
 
 **Note:** Version bump only for package @patternfly/react-table

package/dist/umd/react-table.css

@@ -8802,85 +8802,6 @@ button.pf-c-breadcrumb__link {
   font-weight: var(--pf-global--FontWeight--normal);
 }
 
-.pf-c-chip-group {
-  --pf-global--Color--100: var(--pf-global--Color--dark-100);
-  --pf-global--Color--200: var(--pf-global--Color--dark-200);
-  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
-  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
-  --pf-global--link--Color: var(--pf-global--link--Color--dark);
-  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
-  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
-}
-
-.pf-c-chip-group {
-  color: var(--pf-global--Color--100);
-  --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-chip-group__label--MaxWidth: 18ch;
-  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
-  --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
-}
-
-.pf-c-chip-group.pf-m-category {
-  padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
-  padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
-  padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
-  padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
-  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
-  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
-}
-
-.pf-c-chip-group__main {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  align-items: baseline;
-}
-
-.pf-c-chip-group__list {
-  margin-right: var(--pf-c-chip-group__list--MarginRight);
-  margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
-}
-
-.pf-c-chip-group,
-.pf-c-chip-group__list {
-  display: inline-flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-
-.pf-c-chip-group__list-item {
-  display: inline-flex;
-  margin-right: var(--pf-c-chip-group__list-item--MarginRight);
-  margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
-}
-
-.pf-c-chip-group__label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-c-chip-group__label--MaxWidth);
-  margin-right: var(--pf-c-chip-group__label--MarginRight);
-  font-size: var(--pf-c-chip-group__label--FontSize);
-}
-
-.pf-c-chip-group__close {
-  display: flex;
-  align-self: flex-start;
-  margin-top: var(--pf-c-chip-group__close--MarginTop);
-  margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
-}
-
 .pf-c-chip {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -8986,6 +8907,85 @@ button.pf-c-breadcrumb__link {
   margin-left: var(--pf-c-chip__icon--MarginLeft);
 }
 
+.pf-c-chip-group {
+  --pf-global--Color--100: var(--pf-global--Color--dark-100);
+  --pf-global--Color--200: var(--pf-global--Color--dark-200);
+  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
+  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
+  --pf-global--link--Color: var(--pf-global--link--Color--dark);
+  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
+  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
+}
+
+.pf-c-chip-group {
+  color: var(--pf-global--Color--100);
+  --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-chip-group__label--MaxWidth: 18ch;
+  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
+  --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
+}
+
+.pf-c-chip-group.pf-m-category {
+  padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
+  padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
+  padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
+  padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
+  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
+  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
+}
+
+.pf-c-chip-group__main {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  align-items: baseline;
+}
+
+.pf-c-chip-group__list {
+  margin-right: var(--pf-c-chip-group__list--MarginRight);
+  margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
+}
+
+.pf-c-chip-group,
+.pf-c-chip-group__list {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.pf-c-chip-group__list-item {
+  display: inline-flex;
+  margin-right: var(--pf-c-chip-group__list-item--MarginRight);
+  margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
+}
+
+.pf-c-chip-group__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--pf-c-chip-group__label--MaxWidth);
+  margin-right: var(--pf-c-chip-group__label--MarginRight);
+  font-size: var(--pf-c-chip-group__label--FontSize);
+}
+
+.pf-c-chip-group__close {
+  display: flex;
+  align-self: flex-start;
+  margin-top: var(--pf-c-chip-group__close--MarginTop);
+  margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
+}
+
 .pf-c-clipboard-copy {
   --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
   --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -10958,9 +10958,14 @@ button.pf-c-breadcrumb__link {
   --pf-c-description-list__group--GridColumn: auto;
   --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
   --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
+  --pf-c-description-list__term--Display: inline;
+  --pf-c-description-list__term--sm--Display: flex;
   --pf-c-description-list__term--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-description-list__term--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-description-list__term--LineHeight: var(--pf-global--LineHeight--sm);
+  --pf-c-description-list__term-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
+  --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
   --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
   --pf-c-description-list--m-horizontal__term--width: 12ch;
   --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
@@ -10982,6 +10987,11 @@ button.pf-c-breadcrumb__link {
   grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
 }
 
+@media screen and (min-width: 576px) {
+  .pf-c-description-list {
+    --pf-c-description-list__term--Display: var(--pf-c-description-list__term--sm--Display);
+  }
+}
 .pf-c-description-list[class*=pf-m-horizontal] {
   --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width);
 }
@@ -11091,6 +11101,7 @@ button.pf-c-breadcrumb__link {
 }
 
 .pf-c-description-list__term {
+  display: var(--pf-c-description-list__term--Display);
   font-size: var(--pf-c-description-list__term--FontSize);
   font-weight: var(--pf-c-description-list__term--FontWeight);
   line-height: var(--pf-c-description-list__term--LineHeight);
@@ -11100,6 +11111,13 @@ button.pf-c-breadcrumb__link {
   display: inline;
 }
 
+.pf-c-description-list__term-icon {
+  flex-shrink: 0;
+  min-width: var(--pf-c-description-list__term-icon--MinWidth);
+  margin-right: var(--pf-c-description-list__term-icon--MarginRight);
+  color: var(--pf-c-description-list__term-icon--Color);
+}
+
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
   cursor: pointer;

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

@@ -10958,9 +10958,14 @@ button.pf-c-breadcrumb__link {
   --pf-c-description-list__group--GridColumn: auto;
   --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
   --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
+  --pf-c-description-list__term--Display: inline;
+  --pf-c-description-list__term--sm--Display: flex;
   --pf-c-description-list__term--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-description-list__term--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-description-list__term--LineHeight: var(--pf-global--LineHeight--sm);
+  --pf-c-description-list__term-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
+  --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
   --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
   --pf-c-description-list--m-horizontal__term--width: 12ch;
   --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
@@ -10982,6 +10987,11 @@ button.pf-c-breadcrumb__link {
   grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
 }
 
+@media screen and (min-width: 576px) {
+  .pf-c-description-list {
+    --pf-c-description-list__term--Display: var(--pf-c-description-list__term--sm--Display);
+  }
+}
 .pf-c-description-list[class*=pf-m-horizontal] {
   --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width);
 }
@@ -11091,6 +11101,7 @@ button.pf-c-breadcrumb__link {
 }
 
 .pf-c-description-list__term {
+  display: var(--pf-c-description-list__term--Display);
   font-size: var(--pf-c-description-list__term--FontSize);
   font-weight: var(--pf-c-description-list__term--FontWeight);
   line-height: var(--pf-c-description-list__term--LineHeight);
@@ -11100,6 +11111,13 @@ button.pf-c-breadcrumb__link {
   display: inline;
 }
 
+.pf-c-description-list__term-icon {
+  flex-shrink: 0;
+  min-width: var(--pf-c-description-list__term-icon--MinWidth);
+  margin-right: var(--pf-c-description-list__term-icon--MarginRight);
+  color: var(--pf-c-description-list__term-icon--Color);
+}
+
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
   cursor: pointer;
@@ -19694,385 +19712,122 @@ ul.pf-c-list {
   background-color: var(--pf-c-progress__indicator--BackgroundColor);
 }
 
-.pf-c-progress-stepper {
-  --pf-c-progress-stepper--GridAutoFlow: column;
-  --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
-  --pf-c-progress-stepper--GridTemplateColumns: initial;
-  --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
-  --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
-  --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
-  --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
-  --pf-c-progress-stepper__step-connector--JustifyContent: start;
-  --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
-  --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-progress-stepper__step-icon--Width: 1.75rem;
-  --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
-  --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
-  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
-  --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
-  --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
-  --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
-  --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-progress-stepper__pficon--MarginTop: 3px;
-  --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
-  --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
-  --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
-  --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
-  --pf-c-progress-stepper__step-connector--before--Left: 0;
-  --pf-c-progress-stepper__step-connector--before--Width: 100%;
-  --pf-c-progress-stepper__step-connector--before--Height: auto;
-  --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
-  --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
-  --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
-  --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
-  --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
-  --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
-  --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
-  --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
-  --pf-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
-  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
-  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
-  --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
-  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-progress-stepper__step-main--MarginBottom: 0;
-  --pf-c-progress-stepper__step-main--MarginLeft: 0;
-  --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
-  --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
-  --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
-  --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
-  --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
-  --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
-  --pf-c-progress-stepper__step-title--TextAlign: left;
-  --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-progress-stepper__step-title--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-global--FontWeight--bold);
-  --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
-  --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
-  --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
-  --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
-  --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
-  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
-  --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
-  --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
-  --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
-  --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-global--Color--100);
-  --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-global--Color--100);
-  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-global--danger-color--200);
-  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-global--danger-color--200);
-  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-global--danger-color--100);
-  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--danger-color--200);
-  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--danger-color--200);
-  --pf-c-progress-stepper__step-description--MarginTop: var(--pf-global--spacer--xs);
-  --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
-  --pf-c-progress-stepper__step-description--TextAlign: left;
-  --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
-  position: relative;
+.pf-c-radio {
+  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
+  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
+  --pf-c-radio__label--Color: var(--pf-global--Color--100);
+  --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
+  --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
+  --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
+  --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
+  --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
+  --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-radio__description--Color: var(--pf-global--Color--200);
+  --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
   display: grid;
-  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
-  grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
-  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
-  grid-auto-columns: 1fr;
-}
-
-.pf-c-progress-stepper.pf-m-center {
-  --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
-  --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
-  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
-  --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
-  --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
-  --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
-  --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
-  --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
+  grid-template-columns: auto 1fr;
+  grid-gap: var(--pf-c-radio--GridGap);
+  align-items: start;
+  justify-items: start;
 }
 
-.pf-c-progress-stepper.pf-m-vertical {
-  --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
-  --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
-  --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
-  --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
-  --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
-  --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
-  --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
-  --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
-  --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
-  --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
-  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
-  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
-  --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
-  --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
+.pf-c-radio.pf-m-standalone {
+  --pf-c-radio--GridGap: 0;
+  --pf-c-radio__input--Height: auto;
+  --pf-c-radio__input--MarginTop: 0;
+  display: inline-grid;
+  line-height: 1;
 }
 
-.pf-c-progress-stepper.pf-m-compact {
-  --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
-  --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
-  --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
-  --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
-  --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
-  --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
-  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
-  --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
-  --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
-  --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
+.pf-c-radio__label {
+  font-size: var(--pf-c-radio__label--FontSize);
+  font-weight: var(--pf-c-radio__label--FontWeight);
+  line-height: var(--pf-c-radio__label--LineHeight);
+  color: var(--pf-c-radio__label--Color);
 }
 
-.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
-  position: fixed;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
+.pf-c-radio__input {
+  height: var(--pf-c-radio__input--Height);
+  margin-top: var(--pf-c-radio__input--MarginTop);
 }
 
-.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
-  display: none;
+.pf-c-radio__input:first-child {
+  margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
 }
 
-.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
-  grid-column: 1/-1;
-  grid-row: 1/2;
+.pf-c-radio__input:last-child {
+  margin-right: var(--pf-c-radio__input--last-child--MarginRight);
 }
 
-.pf-c-progress-stepper__step {
-  display: contents;
+.pf-c-radio__description {
+  grid-column: 2;
+  font-size: var(--pf-c-radio__description--FontSize);
+  color: var(--pf-c-radio__description--Color);
 }
 
-.pf-c-progress-stepper__step.pf-m-current {
-  --pf-c-progress-stepper__step-title--FontWeight: var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);
-  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-current__step-title--Color);
+.pf-c-radio__body {
+  grid-column: 2;
+  margin-top: var(--pf-c-radio__body--MarginTop);
 }
 
-.pf-c-progress-stepper__step.pf-m-pending {
-  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-pending__step-title--Color);
+label.pf-c-radio, .pf-c-radio__label,
+.pf-c-radio__input {
+  cursor: pointer;
 }
 
-.pf-c-progress-stepper__step.pf-m-success {
-  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--success-color--100);
+.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
+.pf-c-radio__input:disabled,
+.pf-c-radio__input.pf-m-disabled {
+  --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
+  cursor: not-allowed;
 }
 
-.pf-c-progress-stepper__step.pf-m-danger {
-  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--danger-color--100);
-  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--Color);
-  --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);
-  --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);
-  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);
-  --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
-  --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor);
-}
-
-.pf-c-progress-stepper__step.pf-m-warning {
-  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--warning-color--100);
-}
-
-.pf-c-progress-stepper__step.pf-m-info {
-  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
-}
-
-.pf-c-progress-stepper__step-connector {
-  position: relative;
-  display: flex;
-  justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent);
-  width: 100%;
-}
-
-.pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
-  position: absolute;
-  top: var(--pf-c-progress-stepper__step-connector--before--Top);
-  left: var(--pf-c-progress-stepper__step-connector--before--Left);
-  width: var(--pf-c-progress-stepper__step-connector--before--Width);
-  height: var(--pf-c-progress-stepper__step-connector--before--Height);
-  content: "";
-  border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
-  border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);
-  transform: var(--pf-c-progress-stepper__step-connector--before--Transform);
-}
-
-.pf-c-progress-stepper__step-icon {
-  z-index: var(--pf-c-progress-stepper__step-icon--ZIndex);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--pf-c-progress-stepper__step-icon--Width);
-  height: var(--pf-c-progress-stepper__step-icon--Height);
-  font-size: var(--pf-c-progress-stepper__step-icon--FontSize);
-  color: var(--pf-c-progress-stepper__step-icon--Color);
-  background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor);
-  border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);
-  border-radius: 50%;
-}
-
-.pf-c-progress-stepper__step-icon .pficon {
-  margin-top: var(--pf-c-progress-stepper__pficon--MarginTop);
-}
-
-.pf-c-progress-stepper__step-icon .fa-exclamation-triangle {
-  margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop);
-}
-
-.pf-c-progress-stepper__step-main {
-  margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
-}
-
-.pf-c-progress-stepper__step-title {
-  font-size: var(--pf-c-progress-stepper__step-title--FontSize);
-  font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
-  color: var(--pf-c-progress-stepper__step-title--Color);
-  text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
-}
-
-.pf-c-progress-stepper__step-title.pf-m-help-text {
-  text-decoration: underline;
-  cursor: pointer;
-  text-decoration-style: dashed;
-  text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
-  text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
-  text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
-}
-
-.pf-c-progress-stepper__step-title.pf-m-help-text:hover {
-  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
-  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
-}
-
-.pf-c-progress-stepper__step-title.pf-m-help-text:focus {
-  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color);
-  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
-}
-
-.pf-c-progress-stepper__step-description {
-  margin-top: var(--pf-c-progress-stepper__step-description--MarginTop);
-  font-size: var(--pf-c-progress-stepper__step-description--FontSize);
-  color: var(--pf-c-progress-stepper__step-description--Color);
-  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
-}
-
-.pf-c-radio {
-  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
-  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
-  --pf-c-radio__label--Color: var(--pf-global--Color--100);
-  --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
-  --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
-  --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
-  --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
-  --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
-  --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-radio__description--Color: var(--pf-global--Color--200);
-  --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-gap: var(--pf-c-radio--GridGap);
-  align-items: start;
-  justify-items: start;
-}
-
-.pf-c-radio.pf-m-standalone {
-  --pf-c-radio--GridGap: 0;
-  --pf-c-radio__input--Height: auto;
-  --pf-c-radio__input--MarginTop: 0;
-  display: inline-grid;
-  line-height: 1;
-}
-
-.pf-c-radio__label {
-  font-size: var(--pf-c-radio__label--FontSize);
-  font-weight: var(--pf-c-radio__label--FontWeight);
-  line-height: var(--pf-c-radio__label--LineHeight);
-  color: var(--pf-c-radio__label--Color);
-}
-
-.pf-c-radio__input {
-  height: var(--pf-c-radio__input--Height);
-  margin-top: var(--pf-c-radio__input--MarginTop);
-}
-
-.pf-c-radio__input:first-child {
-  margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
-}
-
-.pf-c-radio__input:last-child {
-  margin-right: var(--pf-c-radio__input--last-child--MarginRight);
-}
-
-.pf-c-radio__description {
-  grid-column: 2;
-  font-size: var(--pf-c-radio__description--FontSize);
-  color: var(--pf-c-radio__description--Color);
-}
-
-.pf-c-radio__body {
-  grid-column: 2;
-  margin-top: var(--pf-c-radio__body--MarginTop);
-}
-
-label.pf-c-radio, .pf-c-radio__label,
-.pf-c-radio__input {
-  cursor: pointer;
-}
-
-.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
-.pf-c-radio__input:disabled,
-.pf-c-radio__input.pf-m-disabled {
-  --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
-  cursor: not-allowed;
-}
-
-.pf-c-search-input {
-  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
-  --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
-  --pf-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
-  --pf-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
-  --pf-c-search-input__text-input--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-search-input__text-input--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-search-input__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
-  --pf-c-search-input__text-input--MinWidth: 6ch;
-  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
-  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
-  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
-  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
-  --pf-c-search-input__icon--TranslateY: -50%;
-  --pf-c-search-input__utilities--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-search-input__utilities--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__menu-body--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-search-input__menu--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-search-input__menu--Top: calc(100% + var(--pf-global--spacer--xs));
-  --pf-c-search-input__menu--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-search-input--m-top__menu--Top: 0;
-  --pf-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
-  --pf-c-search-input__menu-list--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-item--Color: var(--pf-global--Color--100);
-  --pf-c-search-input__menu-item--BackgroundColor: transparent;
-  --pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  position: relative;
+.pf-c-search-input {
+  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
+  --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
+  --pf-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
+  --pf-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
+  --pf-c-search-input__text-input--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-search-input__text-input--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-search-input__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
+  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
+  --pf-c-search-input__text-input--MinWidth: 6ch;
+  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
+  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
+  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
+  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
+  --pf-c-search-input__icon--TranslateY: -50%;
+  --pf-c-search-input__utilities--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-search-input__utilities--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-search-input__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-search-input__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-search-input__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
+  --pf-c-search-input__menu-body--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-search-input__menu-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-search-input__menu-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-search-input__menu-body--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-search-input__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
+  --pf-c-search-input__menu--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-search-input__menu--Top: calc(100% + var(--pf-global--spacer--xs));
+  --pf-c-search-input__menu--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-search-input--m-top__menu--Top: 0;
+  --pf-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
+  --pf-c-search-input__menu-list--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-search-input__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-search-input__menu-item--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-search-input__menu-item--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-search-input__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-search-input__menu-item--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-search-input__menu-item--Color: var(--pf-global--Color--100);
+  --pf-c-search-input__menu-item--BackgroundColor: transparent;
+  --pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  position: relative;
 }
 
 .pf-c-search-input__bar {
@@ -20822,6 +20577,269 @@ label.pf-c-radio, .pf-c-radio__label,
   box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
 }
 
+.pf-c-progress-stepper {
+  --pf-c-progress-stepper--GridAutoFlow: column;
+  --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
+  --pf-c-progress-stepper--GridTemplateColumns: initial;
+  --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
+  --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
+  --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
+  --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
+  --pf-c-progress-stepper__step-connector--JustifyContent: start;
+  --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
+  --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-progress-stepper__step-icon--Width: 1.75rem;
+  --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
+  --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
+  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
+  --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
+  --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
+  --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-progress-stepper__pficon--MarginTop: 3px;
+  --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
+  --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
+  --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
+  --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
+  --pf-c-progress-stepper__step-connector--before--Left: 0;
+  --pf-c-progress-stepper__step-connector--before--Width: 100%;
+  --pf-c-progress-stepper__step-connector--before--Height: auto;
+  --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
+  --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
+  --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
+  --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
+  --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
+  --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
+  --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
+  --pf-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
+  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
+  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
+  --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
+  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-progress-stepper__step-main--MarginBottom: 0;
+  --pf-c-progress-stepper__step-main--MarginLeft: 0;
+  --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
+  --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
+  --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
+  --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
+  --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
+  --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
+  --pf-c-progress-stepper__step-title--TextAlign: left;
+  --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-progress-stepper__step-title--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-global--FontWeight--bold);
+  --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
+  --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
+  --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
+  --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
+  --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
+  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
+  --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
+  --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-global--Color--100);
+  --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-global--Color--100);
+  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-global--danger-color--200);
+  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-global--danger-color--200);
+  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-global--danger-color--100);
+  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--danger-color--200);
+  --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--danger-color--200);
+  --pf-c-progress-stepper__step-description--MarginTop: var(--pf-global--spacer--xs);
+  --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
+  --pf-c-progress-stepper__step-description--TextAlign: left;
+  --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
+  position: relative;
+  display: grid;
+  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
+  grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
+  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
+  grid-auto-columns: 1fr;
+}
+
+.pf-c-progress-stepper.pf-m-center {
+  --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
+  --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
+  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
+  --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
+  --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
+  --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
+  --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
+  --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
+}
+
+.pf-c-progress-stepper.pf-m-vertical {
+  --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
+  --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
+  --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
+  --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
+  --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
+  --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
+  --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
+  --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
+  --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
+  --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
+  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
+  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
+  --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
+  --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
+}
+
+.pf-c-progress-stepper.pf-m-compact {
+  --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
+  --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
+  --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
+  --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
+  --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
+  --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
+  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
+  --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
+  --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
+  --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
+}
+
+.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
+  display: none;
+}
+
+.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
+  grid-column: 1/-1;
+  grid-row: 1/2;
+}
+
+.pf-c-progress-stepper__step {
+  display: contents;
+}
+
+.pf-c-progress-stepper__step.pf-m-current {
+  --pf-c-progress-stepper__step-title--FontWeight: var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);
+  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-current__step-title--Color);
+}
+
+.pf-c-progress-stepper__step.pf-m-pending {
+  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-pending__step-title--Color);
+}
+
+.pf-c-progress-stepper__step.pf-m-success {
+  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--success-color--100);
+}
+
+.pf-c-progress-stepper__step.pf-m-danger {
+  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--Color);
+  --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);
+  --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);
+  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);
+  --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
+  --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor);
+}
+
+.pf-c-progress-stepper__step.pf-m-warning {
+  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--warning-color--100);
+}
+
+.pf-c-progress-stepper__step.pf-m-info {
+  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
+}
+
+.pf-c-progress-stepper__step-connector {
+  position: relative;
+  display: flex;
+  justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent);
+  width: 100%;
+}
+
+.pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
+  position: absolute;
+  top: var(--pf-c-progress-stepper__step-connector--before--Top);
+  left: var(--pf-c-progress-stepper__step-connector--before--Left);
+  width: var(--pf-c-progress-stepper__step-connector--before--Width);
+  height: var(--pf-c-progress-stepper__step-connector--before--Height);
+  content: "";
+  border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
+  border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);
+  transform: var(--pf-c-progress-stepper__step-connector--before--Transform);
+}
+
+.pf-c-progress-stepper__step-icon {
+  z-index: var(--pf-c-progress-stepper__step-icon--ZIndex);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--pf-c-progress-stepper__step-icon--Width);
+  height: var(--pf-c-progress-stepper__step-icon--Height);
+  font-size: var(--pf-c-progress-stepper__step-icon--FontSize);
+  color: var(--pf-c-progress-stepper__step-icon--Color);
+  background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor);
+  border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);
+  border-radius: 50%;
+}
+
+.pf-c-progress-stepper__step-icon .pficon {
+  margin-top: var(--pf-c-progress-stepper__pficon--MarginTop);
+}
+
+.pf-c-progress-stepper__step-icon .fa-exclamation-triangle {
+  margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop);
+}
+
+.pf-c-progress-stepper__step-main {
+  margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
+}
+
+.pf-c-progress-stepper__step-title {
+  font-size: var(--pf-c-progress-stepper__step-title--FontSize);
+  font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
+  color: var(--pf-c-progress-stepper__step-title--Color);
+  text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
+}
+
+.pf-c-progress-stepper__step-title.pf-m-help-text {
+  text-decoration: underline;
+  cursor: pointer;
+  text-decoration-style: dashed;
+  text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
+  text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
+  text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
+}
+
+.pf-c-progress-stepper__step-title.pf-m-help-text:hover {
+  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
+  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
+}
+
+.pf-c-progress-stepper__step-title.pf-m-help-text:focus {
+  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color);
+  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
+}
+
+.pf-c-progress-stepper__step-description {
+  margin-top: var(--pf-c-progress-stepper__step-description--MarginTop);
+  font-size: var(--pf-c-progress-stepper__step-description--FontSize);
+  color: var(--pf-c-progress-stepper__step-description--Color);
+  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
+}
+
 .pf-c-simple-list {
   --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
   --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.58.3",
+  "version": "4.58.4",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.189.3",
-    "@patternfly/react-icons": "^4.40.3",
-    "@patternfly/react-styles": "^4.39.3",
-    "@patternfly/react-tokens": "^4.41.3",
+    "@patternfly/react-core": "^4.189.4",
+    "@patternfly/react-icons": "^4.40.4",
+    "@patternfly/react-styles": "^4.39.4",
+    "@patternfly/react-tokens": "^4.41.4",
     "lodash": "^4.17.19",
     "tslib": "^2.0.0"
   },
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "23211879f0d51c9102d76800e6ee51c3883e163c"
+  "gitHead": "63c9e1d1da66ac8b1e4a47fa6e76e530cc98208f"
 }