@patternfly/patternfly 6.0.0-alpha.47 → 6.0.0-alpha.48

package/patternfly.css

@@ -15235,20 +15235,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
   --pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
-  --pf-v5-c-form__group-label-help--BackgroundColor: transparent;
-  --pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
-  --pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
-  --pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);
-  --pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-t--global--spacer--xs));
   --pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v5-c-form__group-label-help--TranslateY: 0.125rem;
-  --pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
   --pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
@@ -15530,28 +15517,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   color: var(--pf-v5-c-form__label-required--Color);
 }
 
-.pf-v5-c-form__group-label-help {
-  padding-block-start: var(--pf-v5-c-form__group-label-help--PaddingTop);
-  padding-block-end: var(--pf-v5-c-form__group-label-help--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-form__group-label-help--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-form__group-label-help--PaddingRight);
-  margin-block-start: var(--pf-v5-c-form__group-label-help--MarginTop);
-  margin-block-end: var(--pf-v5-c-form__group-label-help--MarginBottom);
-  margin-inline-start: var(--pf-v5-c-form__group-label-help--MarginLeft);
-  margin-inline-end: var(--pf-v5-c-form__group-label-help--MarginRight);
-  font-size: var(--pf-v5-c-form__group-label-help--FontSize);
-  line-height: 1;
-  color: var(--pf-v5-c-form__group-label-help--Color);
-  cursor: pointer;
-  background-color: var(--pf-v5-c-form__group-label-help--BackgroundColor);
-  border: 0;
-  transform: translateY(var(--pf-v5-c-form__group-label-help--TranslateY));
-}
-.pf-v5-c-form__group-label-help:hover {
-  --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--hover--Color);
-}
-.pf-v5-c-form__group-label-help:focus-within {
-  --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
+.pf-v5-c-form__group-label-help .pf-v5-c-button {
+  --pf-v5-c-button--FontSize: var(--pf-v5-c-form__group-label-help--FontSize);
 }
 
 .pf-v5-c-form__group-control {
@@ -22943,34 +22910,36 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
 }
 
+:root,
 .pf-v5-c-progress {
-  --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-progress--GridGap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-progress__bar--Height: var(--pf-t--global--spacer--md);
+  --pf-v5-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
   --pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
-  --pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress__bar--before--Opacity: .2;
+  --pf-v5-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
-  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
-  --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
-  --pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-t--global--spacer--sm) - var(--pf-v5-c-progress--GridGap));
+  --pf-v5-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
+  --pf-v5-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
+  --pf-v5-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
+  --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
+  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
+  --pf-v5-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
+  --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v5-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
+}
+
+.pf-v5-c-progress {
   display: grid;
   grid-template-rows: 1fr auto;
   grid-template-columns: auto auto;
@@ -22980,9 +22949,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 .pf-v5-c-progress.pf-m-sm {
   --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
 }
-.pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
-  font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
-}
 .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
   font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
 }
@@ -23038,18 +23004,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   grid-template-columns: 1fr fit-content(50%);
 }
 .pf-v5-c-progress.pf-m-success {
-  --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
+  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-success__indicator--BackgroundColor);
   --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
   --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
 }
 .pf-v5-c-progress.pf-m-warning {
-  --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
+  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-warning__indicator--BackgroundColor);
   --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
   --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
 }
 .pf-v5-c-progress.pf-m-danger {
-  --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
+  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-danger__indicator--BackgroundColor);
   --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
+  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-danger--m-inside__measure--Color);
 }
 
 .pf-v5-c-progress__description {
@@ -23091,14 +23058,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   height: var(--pf-v5-c-progress__bar--Height);
   background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
 }
-.pf-v5-c-progress__bar::before {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  content: "";
-  background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
-  opacity: var(--pf-v5-c-progress__bar--before--Opacity);
-}
 
 .pf-v5-c-progress__indicator {
   position: absolute;
@@ -23112,16 +23071,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-progress {
-  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
-}
-
 .pf-v5-c-progress-stepper {
   --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
   --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;