@patternfly/patternfly 6.0.0-alpha.61 → 6.0.0-alpha.63

package/patternfly-no-globals.css

@@ -6210,8 +6210,10 @@ html .ws-preview {
   --pf-v5-c-about-modal-box--BackgroundImage: none;
   --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
-  --pf-v5-c-about-modal-box--BackgroundSize--width: 100%;
-  --pf-v5-c-about-modal-box--BackgroundSize: contain;
+  --pf-v5-c-about-modal-box--BackgroundSize--min-width: 200px;
+  --pf-v5-c-about-modal-box--BackgroundSize--width: 60%;
+  --pf-v5-c-about-modal-box--BackgroundSize--max-width: 600px;
+  --pf-v5-c-about-modal-box--BackgroundSize: clamp(var(--pf-v5-c-about-modal-box--BackgroundSize--min-width), var(--pf-v5-c-about-modal-box--BackgroundSize--width), var(--pf-v5-c-about-modal-box--BackgroundSize--max-width));
   --pf-v5-c-about-modal-box--Height: 100%;
   --pf-v5-c-about-modal-box--lg--Height: 47.625rem;
   --pf-v5-c-about-modal-box--Width: 100%;
@@ -8586,119 +8588,95 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
 }
 
-.pf-v5-c-card {
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
-  --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-card--child--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-card--child--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
-  --pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-card__body--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-card__footer--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-card__actions--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card__actions--Gap: var(--pf-v5-global--spacer--sm);
+:where(:root),
+:where(.pf-v5-c-card) {
+  --pf-v5-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-card--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-card--BorderStyle: solid;
+  --pf-v5-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
+  --pf-v5-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-card--first-child--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-card--child--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-card--child--PaddingBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-card--child--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
+  --pf-v5-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
+  --pf-v5-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v5-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v5-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v5-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-card__actions--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
   --pf-v5-c-card__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-card__actions--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-card__header-toggle--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
-  --pf-v5-c-card__header-toggle--MarginRight: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-card__header-toggle--MarginRight: var(--pf-t--global--spacer--xs);
   --pf-v5-c-card__header-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
-  --pf-v5-c-card__header-toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
+  --pf-v5-c-card__header-toggle--MarginLeft: calc(var(--pf-t--global--spacer--md) * -1);
   --pf-v5-c-card__header-toggle-icon--Transition: var(--pf-v5-global--Transition);
   --pf-v5-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
-  --pf-v5-c-card--m-selectable--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-card--m-selectable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-card--m-selectable--m-selected--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--palette--black-150);
-  --pf-v5-c-card--m-selectable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
-  --pf-v5-c-card--m-selectable--focus--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-100);
-  --pf-v5-c-card--m-selectable--m-disabled--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-card--m-selectable--m-disabled--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
-  --pf-v5-c-card--m-selectable--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-card--m-selectable--m-clickable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
-  --pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor: transparent;
-  --pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--palette--black-150);
-  --pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
-  --pf-v5-c-card--m-selectable-raised--before--Right: 0;
-  --pf-v5-c-card--m-selectable-raised--before--Bottom: 0;
-  --pf-v5-c-card--m-selectable-raised--before--Left: 0;
-  --pf-v5-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
-  --pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
-  --pf-v5-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
-  --pf-v5-c-card--m-selectable-raised--before--Height: var(--pf-v5-global--BorderWidth--xl);
-  --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: transparent;
-  --pf-v5-c-card--m-selectable-raised--before--Transition: none;
-  --pf-v5-c-card--m-selectable-raised--before--ScaleY: 1;
-  --pf-v5-c-card--m-selectable-raised--before--TranslateY: 0;
-  --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
-  --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-v5-global--active-color--400);
-  --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-v5-global--active-color--400);
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
-  --pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-flat--BorderWidth));
-  --pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-rounded--BorderRadius));
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
-  --pf-v5-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
-  --pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-card--m-non-selectable-raised--before--ScaleY: 2;
-  --pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-card--m-compact__body--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-card--m-compact__footer--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-card--m-compact--first-child--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card--m-compact--child--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card--m-compact--child--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card--m-compact--child--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-card--m-display-lg__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
-  --pf-v5-c-card--m-display-lg--first-child--PaddingTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-card--m-display-lg--child--PaddingRight: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-card--m-display-lg--child--PaddingBottom: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-card--m-display-lg--child--PaddingLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-card--m-flat--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-card--m-flat--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-card--m-rounded--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
+  --pf-v5-c-card--m-selectable--BorderWidth: var(--pf-v5-c-card--BorderWidth);
+  --pf-v5-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
+  --pf-v5-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
+  --pf-v5-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
+  --pf-v5-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
+  --pf-v5-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
+  --pf-v5-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v5-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v5-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-card--m-selectable--m-disabled--BorderColor: transparent;
+  --pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
+  --pf-v5-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
+  --pf-v5-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v5-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-card--m-compact--first-child--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-card--m-compact--child--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-card--m-compact--child--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-card--m-compact--child--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
+  --pf-v5-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v5-c-card--m-display-lg--first-child--PaddingTop: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-card--m-display-lg--child--PaddingRight: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-card--m-display-lg--child--PaddingBottom: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-card--m-display-lg--child--PaddingLeft: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-card--m-secondary--BorderColor: transparent;
   --pf-v5-c-card--m-full-height--Height: 100%;
-  --pf-v5-c-card--m-plain--BoxShadow: none;
+  --pf-v5-c-card--m-plain--BorderColor: transparent;
   --pf-v5-c-card--m-plain--BackgroundColor: transparent;
   --pf-v5-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
-  --pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-card__input--focus--BorderWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-card__input--focus--BorderColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-t--global--spacer--xs);
+}
+
+.pf-v5-c-card {
   position: relative;
   display: flex;
   flex-direction: column;
+  overflow: auto;
   background-color: var(--pf-v5-c-card--BackgroundColor);
-  box-shadow: var(--pf-v5-c-card--BoxShadow);
+  border: var(--pf-v5-c-card--BorderColor) var(--pf-v5-c-card--BorderStyle) var(--pf-v5-c-card--BorderWidth);
+  border-radius: var(--pf-v5-c-card--BorderRadius);
 }
 .pf-v5-c-card.pf-m-selectable .pf-v5-c-card__selectable-actions :is(.pf-v5-c-check, .pf-v5-c-radio) {
   gap: 0;
 }
 .pf-v5-c-card.pf-m-selectable, .pf-v5-c-card.pf-m-clickable {
   isolation: isolate;
-  box-shadow: none;
+  border: none;
 }
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__label,
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label {
@@ -8712,77 +8690,24 @@ button.pf-v5-c-breadcrumb__link {
 }
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label,
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible) ~ .pf-v5-c-radio__label {
-  --pf-v5-c-card--BackgroundColor: unset;
-  --pf-v5-c-card--BorderColor: unset;
+  --pf-v5-c-card--BackgroundColor: revert;
+  --pf-v5-c-card--BorderColor: revert;
 }
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label,
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor);
-  --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor);
+  --pf-v5-c-card--BorderColor: revert;
+  --pf-v5-c-card--m-selectable--BorderWidth: revert;
 }
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current {
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor);
-  --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor);
-}
-.pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current.pf-m-selected, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label {
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor);
   --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor);
+  --pf-v5-c-card--BorderWidth: var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderWidth);
 }
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label,
 .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled) ~ .pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
   --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor);
-  --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor);
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow);
-}
-.pf-v5-c-card.pf-m-hoverable-raised::before, .pf-v5-c-card.pf-m-selectable-raised::before, .pf-v5-c-card.pf-m-non-selectable-raised::before {
-  position: absolute;
-  inset-block-end: var(--pf-v5-c-card--m-selectable-raised--before--Bottom);
-  inset-inline-start: var(--pf-v5-c-card--m-selectable-raised--before--Left);
-  inset-inline-end: var(--pf-v5-c-card--m-selectable-raised--before--Right);
-  height: var(--pf-v5-c-card--m-selectable-raised--before--Height);
-  content: "";
-  background-color: var(--pf-v5-c-card--m-selectable-raised--before--BackgroundColor);
-  transition: var(--pf-v5-c-card--m-selectable-raised--before--Transition);
-  transform: translateY(var(--pf-v5-c-card--m-selectable-raised--before--TranslateY)) scaleY(var(--pf-v5-c-card--m-selectable-raised--before--ScaleY));
-  transform-origin: center bottom;
-}
-.pf-v5-c-card.pf-m-hoverable-raised:hover {
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow);
-  --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor);
-}
-.pf-v5-c-card.pf-m-selectable-raised {
-  cursor: pointer;
-}
-.pf-v5-c-card.pf-m-selectable-raised:hover {
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--hover--BoxShadow);
-  --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor);
-}
-.pf-v5-c-card.pf-m-selectable-raised:focus {
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--focus--BoxShadow);
-  --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor);
-}
-.pf-v5-c-card.pf-m-selectable-raised:active {
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable-raised--active--BoxShadow);
-  --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor);
-}
-.pf-v5-c-card.pf-m-selectable-raised.pf-m-selected-raised {
-  --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor);
-  --pf-v5-c-card--m-selectable-raised--before--Transition: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition);
-  --pf-v5-c-card--m-selectable-raised--before--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY);
-  --pf-v5-c-card--m-selectable-raised--before--ScaleY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY);
-  z-index: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex);
-  box-shadow: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow);
-  transition: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition);
-  transform: translateY(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY));
-}
-.pf-v5-c-card.pf-m-non-selectable-raised {
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-non-selectable-raised--BackgroundColor);
-  --pf-v5-c-card--BoxShadow: none;
-  --pf-v5-c-card--m-flat--BorderColor: var(--pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor);
-  --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor);
-  --pf-v5-c-card--m-selectable-raised--before--ScaleY: var(--pf-v5-c-card--m-non-selectable-raised--before--ScaleY);
 }
 .pf-v5-c-card.pf-m-compact {
+  --pf-v5-c-card__title-text--FontSize: var(--pf-v5-c-card--m-compact__title-text--FontSize);
   --pf-v5-c-card__body--FontSize: var(--pf-v5-c-card--m-compact__body--FontSize);
   --pf-v5-c-card__footer--FontSize: var(--pf-v5-c-card--m-compact__footer--FontSize);
   --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-c-card--m-compact--first-child--PaddingTop);
@@ -8794,6 +8719,8 @@ button.pf-v5-c-breadcrumb__link {
 }
 .pf-v5-c-card.pf-m-display-lg {
   --pf-v5-c-card__title-text--FontSize: var(--pf-v5-c-card--m-display-lg__title-text--FontSize);
+  --pf-v5-c-card__body--FontSize: var(--pf-v5-c-card--m-display-lg__body--FontSize);
+  --pf-v5-c-card__footer--FontSize: var(--pf-v5-c-card--m-display-lg__footer--FontSize);
   --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-c-card--m-display-lg--first-child--PaddingTop);
   --pf-v5-c-card--child--PaddingRight: var(--pf-v5-c-card--m-display-lg--child--PaddingRight);
   --pf-v5-c-card--child--PaddingBottom: var(--pf-v5-c-card--m-display-lg--child--PaddingBottom);
@@ -8801,22 +8728,14 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop);
   --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom);
 }
-.pf-v5-c-card.pf-m-flat {
-  --pf-v5-c-card--BoxShadow: none;
-  --pf-v5-c-card--m-selectable-raised--before--Right: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Right);
-  --pf-v5-c-card--m-selectable-raised--before--Bottom: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom);
-  --pf-v5-c-card--m-selectable-raised--before--Left: var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Left);
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY);
-  border: var(--pf-v5-c-card--m-flat--BorderWidth) solid var(--pf-v5-c-card--m-flat--BorderColor);
+.pf-v5-c-card.pf-m-secondary {
+  --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-secondary--BorderColor);
+  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-secondary--BackgroundColor);
 }
 .pf-v5-c-card.pf-m-plain {
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-plain--BoxShadow);
+  --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-plain--BorderColor);
   --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-plain--BackgroundColor);
 }
-.pf-v5-c-card.pf-m-rounded {
-  --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY);
-  border-radius: var(--pf-v5-c-card--m-rounded--BorderRadius);
-}
 .pf-v5-c-card.pf-m-expanded .pf-v5-c-card__header-toggle-icon {
   transform: rotate(var(--pf-v5-c-card--m-expanded__header-toggle-icon--Rotate));
 }
@@ -8870,6 +8789,7 @@ button.pf-v5-c-breadcrumb__link {
   font-size: var(--pf-v5-c-card__title-text--FontSize);
   font-weight: var(--pf-v5-c-card__title-text--FontWeight);
   line-height: var(--pf-v5-c-card__title-text--LineHeight);
+  color: var(--pf-v5-c-card__title-text--Color);
 }
 
 .pf-v5-c-card__actions {
@@ -8907,38 +8827,40 @@ button.pf-v5-c-breadcrumb__link {
   content: "";
   background-color: var(--pf-v5-c-card--BackgroundColor, transparent);
   border: var(--pf-v5-c-card--m-selectable--BorderWidth) solid var(--pf-v5-c-card--BorderColor, transparent);
-  box-shadow: var(--pf-v5-c-card--BoxShadow, none);
+  border-radius: var(--pf-v5-c-card--BorderRadius);
 }
 .pf-v5-c-card__selectable-actions .pf-v5-c-check__label:hover,
 .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover {
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--hover--BackgroundColor);
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--hover--BoxShadow);
+  --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--hover--BorderColor);
 }
 
 .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked) ~ .pf-v5-c-check__label,
 .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked) ~ .pf-v5-c-radio__label,
 .pf-v5-c-card.pf-m-selected {
   --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-selected--BorderColor);
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-selected--BackgroundColor);
+  --pf-v5-c-card--m-selectable--BorderWidth: var(--pf-v5-c-card--m-selectable--m-selected--BorderWidth);
 }
 
 .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible) ~ .pf-v5-c-check__label,
 .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible) ~ .pf-v5-c-radio__label {
   --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--focus--BorderColor);
-  --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--focus--BackgroundColor);
+  --pf-v5-c-card--BorderWidth: var(--pf-v5-c-card--m-selectable--focus--BorderWidth);
 }
 
 .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v5-c-check__label,
 .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-v5-c-radio__label {
   --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-selected--focus--BorderColor);
+  --pf-v5-c-card--BorderWidth: var(--pf-v5-c-card--m-selectable--m-selected--focus--BorderWidth);
 }
 
 .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled) ~ .pf-v5-c-check__label,
 .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled) ~ .pf-v5-c-radio__label,
 .pf-v5-c-card.pf-m-disabled {
+  --pf-v5-c-card__title-text--Color: var(--pf-v5-c-card--m-selectable--m-disabled__title-text--Color);
+  --pf-v5-c-card__body--Color: var(--pf-v5-c-card--m-selectable--m-disabled__body--Color);
+  --pf-v5-c-card__footer--Color: var(--pf-v5-c-card--m-selectable--m-disabled__footer--Color);
   --pf-v5-c-card--BackgroundColor: var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor);
   --pf-v5-c-card--BorderColor: var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor);
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow);
 }
 
 .pf-v5-c-card__header,
@@ -8960,6 +8882,10 @@ button.pf-v5-c-breadcrumb__link {
 .pf-v5-c-card__title:not(:last-child) {
   padding-block-end: var(--pf-v5-c-card__title--not--last-child--PaddingBottom);
 }
+.pf-v5-c-card__header button.pf-m-inline.pf-m-disabled,
+.pf-v5-c-card__title button.pf-m-inline.pf-m-disabled {
+  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-card--c-button--disabled--Color);
+}
 
 .pf-v5-c-card__expandable-content {
   --pf-v5-c-card--first-child--PaddingTop: 0;
@@ -8971,37 +8897,12 @@ button.pf-v5-c-breadcrumb__link {
 
 .pf-v5-c-card__body {
   font-size: var(--pf-v5-c-card__body--FontSize);
+  color: var(--pf-v5-c-card__body--Color);
 }
 
 .pf-v5-c-card__footer {
   font-size: var(--pf-v5-c-card__footer--FontSize);
-}
-
-.pf-v5-c-card__sr-input:focus + .pf-v5-c-card::after {
-  position: absolute;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  content: "";
-  border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
-}
-
-: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-card,
-:where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
-  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-700);
-  --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
-  --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
-  --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-600);
-  --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
+  color: var(--pf-v5-c-card__footer--Color);
 }
 
 :root,
@@ -13202,19 +13103,23 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 
-.pf-v5-c-drawer {
-  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+:where(:root),
+:where(.pf-v5-c-drawer) {
+  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-drawer__content--FlexBasis: 100%;
-  --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-drawer__content--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-drawer__content--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-drawer__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-drawer__content--ZIndex: var(--pf-t--global--Zindex--xs);
   --pf-v5-c-drawer__panel--MinWidth: 50%;
   --pf-v5-c-drawer__panel--MaxHeight: auto;
-  --pf-v5-c-drawer__panel--ZIndex: var(--pf-v5-global--ZIndex--sm);
-  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-drawer__panel--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-drawer__panel--TransitionDuration: var(--pf-v5-global--TransitionDuration);
+  --pf-v5-c-drawer__panel--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v5-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-drawer__panel--TransitionDuration: 250ms;
   --pf-v5-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
   --pf-v5-c-drawer__panel--FlexBasis: 100%;
   --pf-v5-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -13231,46 +13136,47 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
   --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
   --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
-  --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--md--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer--child--md--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer--child--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer--child--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-drawer--child--m-padding--md--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer--child--m-padding--md--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer--child--m-padding--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer--child--m-padding--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-drawer__content--child--PaddingTop: 0;
-  --pf-v5-c-drawer__content--child--PaddingRight: 0;
-  --pf-v5-c-drawer__content--child--PaddingBottom: 0;
-  --pf-v5-c-drawer__content--child--PaddingLeft: 0;
+  --pf-v5-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__description--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__description--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__body--PaddingTop--base: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__body--PaddingRight--base: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__body--PaddingBottom--base: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__body--PaddingLeft--base: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__content__body--PaddingTop: 0;
+  --pf-v5-c-drawer__content__body--PaddingRight: 0;
+  --pf-v5-c-drawer__content__body--PaddingBottom: 0;
+  --pf-v5-c-drawer__content__body--PaddingLeft: 0;
+  --pf-v5-c-drawer__panel__body--PaddingTop: var(--pf-v5-c-drawer__body--PaddingTop--base);
+  --pf-v5-c-drawer__panel__body--PaddingRight: var(--pf-v5-c-drawer__body--PaddingRight--base);
+  --pf-v5-c-drawer__panel__body--PaddingBottom: var(--pf-v5-c-drawer__body--PaddingBottom--base);
+  --pf-v5-c-drawer__panel__body--PaddingLeft: var(--pf-v5-c-drawer__body--PaddingLeft--base);
+  --pf-v5-c-drawer__body--m-padding--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__body--m-padding--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__body--m-padding--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-drawer__body--m-padding--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v5-c-drawer__splitter--Height: 0.5625rem;
   --pf-v5-c-drawer__splitter--Width: 100%;
-  --pf-v5-c-drawer__splitter--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-drawer__splitter--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-drawer__splitter--Cursor: row-resize;
   --pf-v5-c-drawer__splitter--m-vertical--Height: 100%;
   --pf-v5-c-drawer__splitter--m-vertical--Width: 0.5625rem;
   --pf-v5-c-drawer__splitter--m-vertical--Cursor: col-resize;
   --pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
-  --pf-v5-c-drawer__splitter--after--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-drawer__splitter--after--border-width--base: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-drawer__splitter--after--BorderTopWidth: 0;
   --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
   --pf-v5-c-drawer__splitter--after--BorderBottomWidth: 0;
-  --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
-  --pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
+  --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
+  --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
   --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
   --pf-v5-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
   --pf-v5-c-drawer--m-inline__splitter-handle--Left: 50%;
-  --pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
-  --pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
   --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
   --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top: 50%;
   --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
@@ -13278,62 +13184,54 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-drawer__splitter-handle--Left: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
   --pf-v5-c-drawer--m-panel-left__splitter-handle--Left: 50%;
   --pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
-  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--200);
-  --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth: 0;
-  --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: 0;
-  --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
+  --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--hover);
   --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth: 0;
-  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth: 0;
-  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-drawer__splitter-handle--after--Width: 0.75rem;
   --pf-v5-c-drawer__splitter-handle--after--Height: 0.25rem;
   --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
   --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
-  --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
-  --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
+  --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1.5);
+  --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-t--global--spacer--xs) * -1.5);
   --pf-v5-c-drawer__panel--BoxShadow: none;
-  --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
-  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
-  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
-  --pf-v5-c-drawer__panel--after--Width: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
+  --pf-v5-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-drawer__panel--after--BackgroundColor: transparent;
-  --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-drawer--m-inline__panel--PaddingLeft: var(--pf-v5-c-drawer__panel--after--Width);
   --pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight: var(--pf-v5-c-drawer__panel--after--Width);
   --pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(--pf-v5-c-drawer__panel--after--Width);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow-x: hidden;
-}
-@media screen and (min-width: 768px) {
-  .pf-v5-c-drawer {
-    --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-c-drawer--child--md--PaddingTop);
-    --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-c-drawer--child--md--PaddingRight);
-    --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-c-drawer--child--md--PaddingBottom);
-    --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-c-drawer--child--md--PaddingLeft);
-    --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-c-drawer--child--m-padding--md--PaddingTop);
-    --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-c-drawer--child--m-padding--md--PaddingRight);
-    --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-c-drawer--child--m-padding--md--PaddingBottom);
-    --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-c-drawer--child--m-padding--md--PaddingLeft);
-  }
 }
 @media screen and (min-width: 1200px) {
-  .pf-v5-c-drawer {
+  :where(:root),
+  :where(.pf-v5-c-drawer) {
     --pf-v5-c-drawer__panel--MinWidth: var(--pf-v5-c-drawer__panel--xl--MinWidth);
   }
-  .pf-v5-c-drawer.pf-m-panel-bottom {
+  :where(:root).pf-m-panel-bottom,
+  :where(.pf-v5-c-drawer).pf-m-panel-bottom {
     --pf-v5-c-drawer__panel--MinWidth: auto;
     --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
   }
 }
+
+.pf-v5-c-drawer {
+  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
+  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow-x: hidden;
+}
 :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
-  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
+  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
 }
 
 :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
@@ -13383,12 +13281,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   flex-grow: 0;
   background-color: var(--pf-v5-c-drawer__section--BackgroundColor);
 }
+.pf-v5-c-drawer__section.pf-m-secondary {
+  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-secondary--BackgroundColor);
+}
 .pf-v5-c-drawer__section.pf-m-no-background {
   --pf-v5-c-drawer__section--BackgroundColor: transparent;
 }
-.pf-v5-c-drawer__section.pf-m-light-200 {
-  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-light-200--BackgroundColor);
-}
 
 .pf-v5-c-drawer__main {
   display: flex;
@@ -13409,24 +13307,26 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   z-index: var(--pf-v5-c-drawer__content--ZIndex);
   flex-basis: var(--pf-v5-c-drawer__content--FlexBasis);
   order: 0;
+  background-color: var(--pf-v5-c-drawer__content--BackgroundColor);
+}
+.pf-v5-c-drawer__content.pf-m-secondary {
+  --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-secondary--BackgroundColor);
 }
 .pf-v5-c-drawer__content.pf-m-no-background {
   --pf-v5-c-drawer__content--BackgroundColor: transparent;
 }
-.pf-v5-c-drawer__content.pf-m-light-200 {
-  --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-light-200--BackgroundColor);
-}
 .pf-v5-c-drawer__content > .pf-v5-c-drawer__body {
-  padding-block-start: var(--pf-v5-c-drawer__content--child--PaddingTop);
-  padding-block-end: var(--pf-v5-c-drawer__content--child--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-drawer__content--child--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-drawer__content--child--PaddingRight);
+  padding-block-start: var(--pf-v5-c-drawer__content__body--PaddingTop);
+  padding-block-end: var(--pf-v5-c-drawer__content__body--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-drawer__content__body--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-drawer__content__body--PaddingRight);
 }
 
 .pf-v5-c-drawer__panel {
   position: relative;
   z-index: var(--pf-v5-c-drawer__panel--ZIndex);
   flex-basis: var(--pf-v5-c-drawer__panel--FlexBasis);
+  row-gap: var(--pf-v5-c-drawer__panel--RowGap);
   order: 1;
   max-height: var(--pf-v5-c-drawer__panel--MaxHeight);
   overflow: auto;
@@ -13445,12 +13345,16 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   content: "";
   background-color: var(--pf-v5-c-drawer__panel--after--BackgroundColor);
 }
+.pf-v5-c-drawer__panel:not(.pf-m-resizable) {
+  padding-block-start: var(--pf-v5-c-drawer__panel--PaddingBlockStart);
+  padding-block-end: var(--pf-v5-c-drawer__panel--PaddingBlockEnd);
+}
+.pf-v5-c-drawer__panel.pf-m-secondary {
+  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-secondary--BackgroundColor);
+}
 .pf-v5-c-drawer__panel.pf-m-no-background {
   --pf-v5-c-drawer__panel--BackgroundColor: transparent;
 }
-.pf-v5-c-drawer__panel.pf-m-light-200 {
-  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-light-200--BackgroundColor);
-}
 @media screen and (min-width: 768px) {
   .pf-v5-c-drawer__panel {
     --pf-v5-c-drawer__panel--FlexBasis:
@@ -13469,8 +13373,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 
+.pf-v5-c-drawer__panel > .pf-v5-c-drawer__body,
+.pf-v5-c-drawer__panel-main > .pf-v5-c-drawer__body {
+  padding-block-start: var(--pf-v5-c-drawer__panel__body--PaddingTop);
+  padding-block-end: var(--pf-v5-c-drawer__panel__body--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-drawer__panel__body--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-drawer__panel__body--PaddingRight);
+}
+
 .pf-v5-c-drawer__panel-main {
   flex-grow: 1;
+  padding-block-start: var(--pf-v5-c-drawer__panel--PaddingBlockStart);
+  padding-block-end: var(--pf-v5-c-drawer__panel--PaddingBlockEnd);
 }
 
 @keyframes pf-remove-tab-focus {
@@ -13488,6 +13402,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   display: grid;
   grid-template-columns: auto;
   grid-auto-columns: max-content;
+  column-gap: var(--pf-v5-c-drawer__head--ColumnGap);
+  padding-block-start: var(--pf-v5-c-drawer__head--PaddingBlockStart);
+  padding-block-end: var(--pf-v5-c-drawer__head--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v5-c-drawer__head--PaddingInlineStart);
+  padding-inline-end: var(--pf-v5-c-drawer__head--PaddingInlineEnd);
 }
 .pf-v5-c-drawer__head > * {
   grid-column: 1;
@@ -13502,25 +13421,19 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   margin-inline-end: var(--pf-v5-c-drawer__actions--MarginRight);
 }
 
-.pf-v5-c-drawer__body {
-  padding-block-start: var(--pf-v5-c-drawer--child--PaddingTop);
-  padding-block-end: var(--pf-v5-c-drawer--child--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-drawer--child--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-drawer--child--PaddingRight);
+.pf-v5-c-drawer__description {
+  padding-inline-start: var(--pf-v5-c-drawer__description--PaddingInlineStart);
+  padding-inline-end: var(--pf-v5-c-drawer__description--PaddingInlineEnd);
 }
+
 .pf-v5-c-drawer__body.pf-m-no-padding {
   padding: 0;
 }
-.pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__actions,
-.pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__head > .pf-v5-c-drawer__actions {
-  margin-block-start: 0;
-  margin-inline-end: 0;
-}
 .pf-v5-c-drawer__body.pf-m-padding {
-  padding-block-start: var(--pf-v5-c-drawer--child--m-padding--PaddingTop);
-  padding-block-end: var(--pf-v5-c-drawer--child--m-padding--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-drawer--child--m-padding--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-drawer--child--m-padding--PaddingRight);
+  padding-block-start: var(--pf-v5-c-drawer__body--m-padding--PaddingTop);
+  padding-block-end: var(--pf-v5-c-drawer__body--m-padding--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-drawer__body--m-padding--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-drawer__body--m-padding--PaddingRight);
 }
 .pf-v5-c-drawer__body:not(.pf-m-no-padding) + * {
   padding-block-start: 0;
@@ -13552,12 +13465,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth);
   --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth);
 }
-.pf-v5-c-drawer__splitter:hover {
+.pf-v5-c-drawer__splitter:hover, .pf-v5-c-drawer__splitter:focus {
   --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
 }
-.pf-v5-c-drawer__splitter:focus {
-  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor);
-}
 .pf-v5-c-drawer__splitter::after {
   position: absolute;
   inset-block-start: 0;
@@ -13633,8 +13543,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
   .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
     --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-panel-left__splitter-handle--Left);
-    --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
-    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
     order: 1;
   }
   .pf-v5-c-drawer.pf-m-panel-bottom {
@@ -13662,14 +13570,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
   .pf-v5-c-drawer.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
     --pf-v5-c-drawer__splitter-handle--Top: var(--pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top);
+    --pf-v5-c-drawer__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderTopWidth);
     --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
     --pf-v5-c-drawer__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
+    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
   }
   .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
     --pf-v5-c-drawer__splitter--m-vertical--Width: var(--pf-v5-c-drawer--m-inline__splitter--m-vertical--Width);
     --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-inline__splitter-handle--Left);
-    --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth);
-    --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth);
     outline-offset: var(--pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset);
   }
   .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
@@ -14035,18 +13943,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     display: none;
   }
 }
-: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-drawer {
-  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
-  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-}
-
 .pf-v5-c-dropdown {
   --pf-v5-c-dropdown__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-global--spacer--sm);