@patternfly/react-core 4.212.0 → 4.213.2

package/dist/umd/react-core.css

@@ -2456,221 +2456,6 @@ button.pf-c-breadcrumb__link {
   --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
 }
 
-.pf-c-calendar-month {
-  --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-calendar-month {
-  --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
-  --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
-  --pf-c-calendar-month__header-year--Width: 8ch;
-  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
-  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
-  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
-  --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
-  --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
-  --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
-  --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
-  --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
-  --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
-  --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
-  --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
-  --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
-  --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
-  --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
-  --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
-  --pf-c-calendar-month__dates-cell--before--Top: 0;
-  --pf-c-calendar-month__dates-cell--before--Right: 0;
-  --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
-  --pf-c-calendar-month__dates-cell--before--Left: 0;
-  --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
-  --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
-  --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
-  --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
-  --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
-  --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
-  --pf-c-calendar-month__date--Width: 4ch;
-  --pf-c-calendar-month__date--Height: 4ch;
-  --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
-  --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
-  --pf-c-calendar-month__date--BackgroundColor: transparent;
-  --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
-  --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-calendar-month__date--after--BorderColor: transparent;
-  --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
-  --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
-  --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
-  --pf-c-calendar-month__date--focus--BoxShadow: none;
-  color: var(--pf-global--Color--100);
-  display: inline-flex;
-  flex-direction: column;
-  padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
-  font-size: var(--pf-c-calendar-month--FontSize);
-  background-color: var(--pf-c-calendar-month--BackgroundColor);
-}
-
-.pf-c-calendar-month__header {
-  display: flex;
-  margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
-}
-
-.pf-c-calendar-month__header-nav-control {
-  margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
-  margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
-}
-
-.pf-c-calendar-month__header-nav-control.pf-m-prev-month {
-  --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
-  --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
-}
-
-.pf-c-calendar-month__header-nav-control.pf-m-next-month {
-  --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
-  --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
-}
-
-.pf-c-calendar-month__header-month {
-  flex-grow: 1;
-}
-
-.pf-c-calendar-month__header-year {
-  width: var(--pf-c-calendar-month__header-year--Width);
-}
-
-.pf-c-calendar-month__calendar {
-  table-layout: fixed;
-}
-
-.pf-c-calendar-month__days {
-  border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
-}
-
-.pf-c-calendar-month__day {
-  padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
-  font-weight: var(--pf-c-calendar-month__day--FontWeight);
-  text-align: center;
-}
-
-.pf-c-calendar-month__dates-row:first-child {
-  --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
-}
-
-.pf-c-calendar-month__dates-cell {
-  --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
-  position: relative;
-  padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
-  text-align: center;
-}
-
-.pf-c-calendar-month__dates-cell::before {
-  position: absolute;
-  top: var(--pf-c-calendar-month__dates-cell--before--Top);
-  right: var(--pf-c-calendar-month__dates-cell--before--Right);
-  bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
-  left: var(--pf-c-calendar-month__dates-cell--before--Left);
-  content: "";
-  background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
-}
-
-.pf-c-calendar-month__dates-cell.pf-m-current {
-  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
-}
-
-.pf-c-calendar-month__dates-cell.pf-m-in-range {
-  --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
-  --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
-  --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
-}
-
-.pf-c-calendar-month__dates-cell.pf-m-start-range {
-  --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
-}
-
-.pf-c-calendar-month__dates-cell.pf-m-end-range {
-  --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
-}
-
-.pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
-  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
-}
-
-.pf-c-calendar-month__dates-cell.pf-m-selected {
-  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
-  --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
-  --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
-  --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
-  --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
-  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
-}
-
-.pf-c-calendar-month__dates-cell.pf-m-disabled {
-  --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
-  --pf-c-calendar-month__date--BackgroundColor: transparent;
-}
-
-.pf-c-calendar-month__date {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--pf-c-calendar-month__date--Width);
-  height: var(--pf-c-calendar-month__date--Height);
-  line-height: 1;
-  color: var(--pf-c-calendar-month__date--Color);
-  background-color: var(--pf-c-calendar-month__date--BackgroundColor);
-  border: 0;
-}
-
-.pf-c-calendar-month__date::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
-}
-
-.pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
-  border-radius: var(--pf-c-calendar-month__date--BorderRadius);
-}
-
-.pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
-  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
-}
-
-.pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
-  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
-  --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
-  outline: 0;
-  box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
-}
-
-.pf-c-calendar-month__date:disabled {
-  pointer-events: none;
-  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
-  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
-}
-
 .pf-c-card {
   --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
@@ -3082,7 +2867,7 @@ label.pf-c-check, .pf-c-check__label,
   cursor: not-allowed;
 }
 
-.pf-c-chip {
+.pf-c-calendar-month {
   --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);
@@ -3092,45 +2877,260 @@ label.pf-c-check, .pf-c-check__label,
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
 }
 
-.pf-c-chip {
-  --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100);
-  --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300);
-  --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
-  --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100);
-  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
-  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-chip__text--Color: var(--pf-global--Color--100);
-  --pf-c-chip__text--MaxWidth: 16ch;
-  --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
-  --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
-  --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
-  --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
-  color: var(--pf-global--Color--100);
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  min-width: 0;
-  padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
-  list-style: none;
-  background-color: var(--pf-c-chip--BackgroundColor);
-  border-radius: var(--pf-c-chip--BorderRadius);
-}
-
-.pf-c-chip::before {
+.pf-c-calendar-month {
+  --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
+  --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
+  --pf-c-calendar-month__header-year--Width: 8ch;
+  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
+  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
+  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
+  --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
+  --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
+  --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
+  --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
+  --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
+  --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
+  --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
+  --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
+  --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
+  --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
+  --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
+  --pf-c-calendar-month__dates-cell--before--Top: 0;
+  --pf-c-calendar-month__dates-cell--before--Right: 0;
+  --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
+  --pf-c-calendar-month__dates-cell--before--Left: 0;
+  --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
+  --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
+  --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
+  --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
+  --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
+  --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
+  --pf-c-calendar-month__date--Width: 4ch;
+  --pf-c-calendar-month__date--Height: 4ch;
+  --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
+  --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
+  --pf-c-calendar-month__date--BackgroundColor: transparent;
+  --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
+  --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-calendar-month__date--after--BorderColor: transparent;
+  --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
+  --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
+  --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-calendar-month__date--focus--BoxShadow: none;
+  color: var(--pf-global--Color--100);
+  display: inline-flex;
+  flex-direction: column;
+  padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
+  font-size: var(--pf-c-calendar-month--FontSize);
+  background-color: var(--pf-c-calendar-month--BackgroundColor);
+}
+
+.pf-c-calendar-month__header {
+  display: flex;
+  margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
+}
+
+.pf-c-calendar-month__header-nav-control {
+  margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
+  margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
+}
+
+.pf-c-calendar-month__header-nav-control.pf-m-prev-month {
+  --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
+  --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
+}
+
+.pf-c-calendar-month__header-nav-control.pf-m-next-month {
+  --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
+  --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
+}
+
+.pf-c-calendar-month__header-month {
+  flex-grow: 1;
+}
+
+.pf-c-calendar-month__header-year {
+  width: var(--pf-c-calendar-month__header-year--Width);
+}
+
+.pf-c-calendar-month__calendar {
+  table-layout: fixed;
+}
+
+.pf-c-calendar-month__days {
+  border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
+}
+
+.pf-c-calendar-month__day {
+  padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
+  font-weight: var(--pf-c-calendar-month__day--FontWeight);
+  text-align: center;
+}
+
+.pf-c-calendar-month__dates-row:first-child {
+  --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
+}
+
+.pf-c-calendar-month__dates-cell {
+  --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
+  position: relative;
+  padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
+  text-align: center;
+}
+
+.pf-c-calendar-month__dates-cell::before {
+  position: absolute;
+  top: var(--pf-c-calendar-month__dates-cell--before--Top);
+  right: var(--pf-c-calendar-month__dates-cell--before--Right);
+  bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
+  left: var(--pf-c-calendar-month__dates-cell--before--Left);
+  content: "";
+  background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
+}
+
+.pf-c-calendar-month__dates-cell.pf-m-current {
+  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
+}
+
+.pf-c-calendar-month__dates-cell.pf-m-in-range {
+  --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
+  --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
+  --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
+}
+
+.pf-c-calendar-month__dates-cell.pf-m-start-range {
+  --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
+}
+
+.pf-c-calendar-month__dates-cell.pf-m-end-range {
+  --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
+}
+
+.pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
+  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
+}
+
+.pf-c-calendar-month__dates-cell.pf-m-selected {
+  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
+  --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
+  --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
+  --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
+  --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
+  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
+}
+
+.pf-c-calendar-month__dates-cell.pf-m-disabled {
+  --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
+  --pf-c-calendar-month__date--BackgroundColor: transparent;
+}
+
+.pf-c-calendar-month__date {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--pf-c-calendar-month__date--Width);
+  height: var(--pf-c-calendar-month__date--Height);
+  line-height: 1;
+  color: var(--pf-c-calendar-month__date--Color);
+  background-color: var(--pf-c-calendar-month__date--BackgroundColor);
+  border: 0;
+}
+
+.pf-c-calendar-month__date::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
+}
+
+.pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
+  border-radius: var(--pf-c-calendar-month__date--BorderRadius);
+}
+
+.pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
+  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
+}
+
+.pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
+  --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
+  --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
+  outline: 0;
+  box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
+}
+
+.pf-c-calendar-month__date:disabled {
+  pointer-events: none;
+  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
+  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
+}
+
+.pf-c-chip {
+  --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 {
+  --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100);
+  --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300);
+  --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
+  --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100);
+  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
+  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-chip__text--Color: var(--pf-global--Color--100);
+  --pf-c-chip__text--MaxWidth: 16ch;
+  --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
+  --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
+  --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
+  --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
+  color: var(--pf-global--Color--100);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
+  list-style: none;
+  background-color: var(--pf-c-chip--BackgroundColor);
+  border-radius: var(--pf-c-chip--BorderRadius);
+}
+
+.pf-c-chip::before {
   position: absolute;
   top: 0;
   right: 0;
@@ -8045,8 +8045,83 @@ label.pf-c-check, .pf-c-check__label,
   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-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);
+  --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
+  --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
+  --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
+  --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl) * 2);
+  --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.pf-c-file-upload.pf-m-drag-hover::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
+  content: "";
+  border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
+}
+
+.pf-c-file-upload.pf-m-drag-hover::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
+  opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
+}
+
+.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
+  position: relative;
+}
+
+.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
+  position: absolute;
+  top: 0;
+  right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
+  bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
+  left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
+  content: "";
+  background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
+}
+
+.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
+  outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
+}
+
+.pf-c-file-upload__file-details {
+  position: relative;
+  display: flex;
+}
+
+.pf-c-file-upload__file-details .pf-c-form-control {
+  flex: 1 1 auto;
+  min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
+  border-top: 0;
+}
+
+.pf-c-file-upload__file-details-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.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;
@@ -8169,81 +8244,6 @@ label.pf-c-check, .pf-c-check__label,
   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);
-  --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
-  --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
-  --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl) * 2);
-  --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-
-.pf-c-file-upload.pf-m-drag-hover::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
-  content: "";
-  border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
-}
-
-.pf-c-file-upload.pf-m-drag-hover::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
-  opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
-}
-
-.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
-  position: relative;
-}
-
-.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
-  position: absolute;
-  top: 0;
-  right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  content: "";
-  background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
-}
-
-.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
-  outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
-}
-
-.pf-c-file-upload__file-details {
-  position: relative;
-  display: flex;
-}
-
-.pf-c-file-upload__file-details .pf-c-form-control {
-  flex: 1 1 auto;
-  min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
-  border-top: 0;
-}
-
-.pf-c-file-upload__file-details-spinner {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
 .pf-c-form {
   --pf-c-form--GridGap: var(--pf-global--gutter--md);
   --pf-c-form__group--m-action--MarginTop: var(--pf-global--spacer--xl);
@@ -15983,185 +15983,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   margin-top: var(--pf-c-popover__footer--MarginTop);
 }
 
-.pf-c-progress {
-  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
-  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
-  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
-  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-progress__bar--before--Opacity: .2;
-  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
-  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
-  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
-  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
-  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
-  --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
-  --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
-  --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
-  --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
-  --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
-  --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
-  --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
-  --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
-  display: grid;
-  align-items: end;
-  grid-gap: var(--pf-c-progress--GridGap);
-  grid-template-columns: auto auto;
-  grid-template-rows: 1fr auto;
-}
-
-.pf-c-progress.pf-m-sm {
-  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
-}
-
-.pf-c-progress.pf-m-sm .pf-c-progress__description {
-  font-size: var(--pf-c-progress--m-sm__description--FontSize);
-}
-
-.pf-c-progress.pf-m-sm .pf-c-progress__measure {
-  font-size: var(--pf-c-progress--m-sm__measure--FontSize);
-}
-
-.pf-c-progress.pf-m-lg {
-  --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
-}
-
-.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
-}
-
-.pf-c-progress.pf-m-inside .pf-c-progress__measure {
-  font-size: var(--pf-c-progress--m-inside__measure--FontSize);
-  color: var(--pf-c-progress--m-inside__measure--Color);
-  text-align: center;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__description {
-  grid-column: 1/3;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__status {
-  grid-column: 2/3;
-  grid-row: 2/3;
-  align-self: center;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__measure {
-  display: inline-block;
-  font-size: var(--pf-c-progress--m-outside__measure--FontSize);
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
-  min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
-  text-align: left;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__bar,
-.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
-  grid-column: 1/2;
-}
-
-.pf-c-progress.pf-m-singleline {
-  grid-template-rows: 1fr;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__description {
-  display: none;
-  visibility: hidden;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
-  grid-row: 1/2;
-  grid-column: 1/2;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__status {
-  grid-row: 1/2;
-  grid-column: 2/3;
-}
-
-.pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
-  grid-template-columns: 1fr fit-content(50%);
-}
-
-.pf-c-progress.pf-m-success {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
-}
-
-.pf-c-progress.pf-m-warning {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
-}
-
-.pf-c-progress.pf-m-danger {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
-}
-
-.pf-c-progress__description {
-  word-break: break-word;
-  grid-column: 1/2;
-}
-
-.pf-c-progress__description.pf-m-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pf-c-progress__status {
-  grid-column: 2/3;
-  grid-row: 1/2;
-  text-align: right;
-  word-break: break-word;
-}
-
-.pf-c-progress__status-icon {
-  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
-  color: var(--pf-c-progress__status-icon--Color);
-}
-
-.pf-c-progress__bar {
-  position: relative;
-  grid-column: 1/3;
-  grid-row: 2/3;
-  align-self: center;
-  height: var(--pf-c-progress__bar--Height);
-  background-color: var(--pf-c-progress__bar--BackgroundColor);
-}
-
-.pf-c-progress__bar::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  content: "";
-  background-color: var(--pf-c-progress__bar--before--BackgroundColor);
-  opacity: var(--pf-c-progress__bar--before--Opacity);
-}
-
-.pf-c-progress__indicator {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: var(--pf-c-progress__indicator--Height);
-  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;
@@ -16431,6 +16252,185 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
 }
 
+.pf-c-progress {
+  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
+  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
+  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
+  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
+  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-progress__bar--before--Opacity: .2;
+  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
+  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
+  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
+  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
+  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
+  --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
+  --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
+  --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
+  --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
+  --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
+  --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
+  --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
+  display: grid;
+  align-items: end;
+  grid-gap: var(--pf-c-progress--GridGap);
+  grid-template-columns: auto auto;
+  grid-template-rows: 1fr auto;
+}
+
+.pf-c-progress.pf-m-sm {
+  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
+}
+
+.pf-c-progress.pf-m-sm .pf-c-progress__description {
+  font-size: var(--pf-c-progress--m-sm__description--FontSize);
+}
+
+.pf-c-progress.pf-m-sm .pf-c-progress__measure {
+  font-size: var(--pf-c-progress--m-sm__measure--FontSize);
+}
+
+.pf-c-progress.pf-m-lg {
+  --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
+}
+
+.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
+}
+
+.pf-c-progress.pf-m-inside .pf-c-progress__measure {
+  font-size: var(--pf-c-progress--m-inside__measure--FontSize);
+  color: var(--pf-c-progress--m-inside__measure--Color);
+  text-align: center;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__description {
+  grid-column: 1/3;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__status {
+  grid-column: 2/3;
+  grid-row: 2/3;
+  align-self: center;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__measure {
+  display: inline-block;
+  font-size: var(--pf-c-progress--m-outside__measure--FontSize);
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
+  min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
+  text-align: left;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__bar,
+.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
+  grid-column: 1/2;
+}
+
+.pf-c-progress.pf-m-singleline {
+  grid-template-rows: 1fr;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__description {
+  display: none;
+  visibility: hidden;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
+  grid-row: 1/2;
+  grid-column: 1/2;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__status {
+  grid-row: 1/2;
+  grid-column: 2/3;
+}
+
+.pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
+  grid-template-columns: 1fr fit-content(50%);
+}
+
+.pf-c-progress.pf-m-success {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
+}
+
+.pf-c-progress.pf-m-warning {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
+}
+
+.pf-c-progress.pf-m-danger {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
+}
+
+.pf-c-progress__description {
+  word-break: break-word;
+  grid-column: 1/2;
+}
+
+.pf-c-progress__description.pf-m-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pf-c-progress__status {
+  grid-column: 2/3;
+  grid-row: 1/2;
+  text-align: right;
+  word-break: break-word;
+}
+
+.pf-c-progress__status-icon {
+  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
+  color: var(--pf-c-progress__status-icon--Color);
+}
+
+.pf-c-progress__bar {
+  position: relative;
+  grid-column: 1/3;
+  grid-row: 2/3;
+  align-self: center;
+  height: var(--pf-c-progress__bar--Height);
+  background-color: var(--pf-c-progress__bar--BackgroundColor);
+}
+
+.pf-c-progress__bar::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: "";
+  background-color: var(--pf-c-progress__bar--before--BackgroundColor);
+  opacity: var(--pf-c-progress__bar--before--Opacity);
+}
+
+.pf-c-progress__indicator {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: var(--pf-c-progress__indicator--Height);
+  background-color: var(--pf-c-progress__indicator--BackgroundColor);
+}
+
 .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);