@patternfly/patternfly 6.0.0-alpha.33 → 6.0.0-alpha.38

package/patternfly.css

@@ -499,6 +499,7 @@ html .ws-preview {
   --pf-t--global--border--width--300: 3px;
   --pf-t--global--border--width--200: 2px;
   --pf-t--global--border--width--100: 1px;
+  --pf-t--global--icon--size--500: 96px;
   --pf-t--global--icon--size--400: 56px;
   --pf-t--global--icon--size--300: 22px;
   --pf-t--global--icon--size--250: 16px;
@@ -615,6 +616,7 @@ html .ws-preview {
   --pf-t--global--icon--color--300: var(--pf-t--color--white);
   --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
   --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
+  --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
   --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
   --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
   --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -7454,10 +7456,14 @@ button) {
   }
 }
 
+:root,
 .pf-v5-c-backdrop {
   --pf-v5-c-backdrop--Position: fixed;
-  --pf-v5-c-backdrop--ZIndex: var(--pf-v5-global--ZIndex--lg);
-  --pf-v5-c-backdrop--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
+  --pf-v5-c-backdrop--ZIndex: var(--pf-t--global--Zindex--lg);
+  --pf-v5-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
+}
+
+.pf-v5-c-backdrop {
   position: var(--pf-v5-c-backdrop--Position);
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -7656,6 +7662,10 @@ button) {
   --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-info--BackgroundColor);
   --pf-v5-c-banner--Color: var(--pf-v5-c-banner--m-info--Color);
 }
+.pf-v5-c-banner.pf-m-custom {
+  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-custom--BackgroundColor);
+  --pf-v5-c-banner--Color: var(--pf-v5-c-banner--m-custom--Color);
+}
 .pf-v5-c-banner.pf-m-red {
   --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-red--BackgroundColor);
   --pf-v5-c-banner--Color: var(--pf-v5-c-banner--m-red--Color);
@@ -8745,6 +8755,9 @@ button.pf-v5-c-breadcrumb__link {
   background-color: var(--pf-v5-c-card--BackgroundColor);
   box-shadow: var(--pf-v5-c-card--BoxShadow);
 }
+.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;
@@ -14908,44 +14921,52 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   background: transparent;
 }
 
-.pf-v5-c-empty-state {
-  --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
+:root {
+  --pf-v5-c-empty-state--PaddingTop: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-empty-state--PaddingRight: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-empty-state--PaddingBottom: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-empty-state--PaddingLeft: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v5-c-empty-state__content--MaxWidth: none;
   --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
   --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
   --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
-  --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
-  --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
-  --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
-  --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
-  --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
-  --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
-  --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
-  --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
+  --pf-v5-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
+  --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
+  --pf-v5-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v5-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
+  --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
+  --pf-v5-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
+  --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
+  --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-empty-state__body--MarginTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-empty-state__footer--MarginTop: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
+}
+
+.pf-v5-c-empty-state {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -14984,6 +15005,21 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-empty-state.pf-m-full-height {
   height: 100%;
 }
+.pf-v5-c-empty-state.pf-m-danger {
+  --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-danger__icon--Color);
+}
+.pf-v5-c-empty-state.pf-m-warning {
+  --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-warning__icon--Color);
+}
+.pf-v5-c-empty-state.pf-m-success {
+  --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-success__icon--Color);
+}
+.pf-v5-c-empty-state.pf-m-info {
+  --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-info__icon--Color);
+}
+.pf-v5-c-empty-state.pf-m-custom {
+  --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-custom__icon--Color);
+}
 
 .pf-v5-c-empty-state__content {
   max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
@@ -15029,11 +15065,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
-  --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
   --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
   --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
   --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -15043,6 +15074,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
   --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
+  --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
+  --pf-v5-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
   --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -15077,7 +15111,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 }
 
 .pf-v5-c-expandable-section.pf-m-expanded {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
+  --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section--m-expanded__toggle-text--Color);
   --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
   --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
   --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
@@ -15132,23 +15166,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
   padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
-  color: var(--pf-v5-c-expandable-section__toggle--Color);
   background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
   border: none;
   border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
 }
-.pf-v5-c-expandable-section__toggle:hover {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
+.pf-v5-c-expandable-section__toggle:is(:hover, :focus) {
+  --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section__toggle-text--hover--Color);
   --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
 }
-.pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
-  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
-}
-.pf-v5-c-expandable-section__toggle:focus {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
-  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
-}
 
 .pf-v5-c-expandable-section__toggle-icon {
   min-width: var(--pf-v5-c-expandable-section__toggle-icon--MinWidth);
@@ -15164,6 +15189,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
 }
 
+.pf-v5-c-expandable-section__toggle-text {
+  color: var(--pf-v5-c-expandable-section__toggle-text--Color);
+}
+
 .pf-v5-c-expandable-section__content {
   max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
   padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);
@@ -15485,6 +15514,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   max-width: var(--pf-v5-c-form--m-limit-width--MaxWidth);
 }
 
+.pf-v5-c-form__group {
+  min-width: 0;
+}
 .pf-v5-c-form__group.pf-m-action {
   margin-block-start: var(--pf-v5-c-form__group--m-action--MarginTop);
   overflow: hidden;
@@ -15573,6 +15605,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
 }
 
+.pf-v5-c-form__group-control {
+  min-width: 0;
+}
 .pf-v5-c-form__group-control.pf-m-inline {
   display: flex;
   flex-flow: row wrap;
@@ -19365,6 +19400,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   align-self: stretch;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
+  --pf-v5-c-check__input--TranslateY: 0;
   align-self: center;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
@@ -23140,12 +23176,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-popover__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-popover__arrow--Top, auto);
   right: var(--pf-v5-c-popover__arrow--Right, auto);
   bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
   left: var(--pf-v5-c-popover__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-popover__arrow--Width);
   height: var(--pf-v5-c-popover__arrow--Height);
   pointer-events: none;
@@ -24968,34 +25002,31 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
     --pf-v5-c-sidebar__panel--FlexBasis: 100%;
   }
 }
-.pf-v5-c-simple-list {
-  --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
-  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
+:root, .pf-v5-c-simple-list {
+  --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
+  --pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
+  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
+  --pf-v5-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
+  --pf-v5-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
+  --pf-v5-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-c-simple-list__title--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-simple-list__title--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-t--global--spacer--sm);
 }
 
 .pf-v5-c-simple-list__item-link {
@@ -25006,31 +25037,28 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
   font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
-  font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
   color: var(--pf-v5-c-simple-list__item-link--Color);
   text-align: start;
+  text-decoration: none;
   background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
   border: none;
+  border-radius: var(--pf-v5-c-simple-list__item-link--BorderRadius);
+}
+.pf-v5-c-simple-list__item-link.pf-m-link {
+  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-link--Color);
+  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-c-simple-list__item-link--m-link--m-current--Color);
+  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-c-simple-list__item-link--m-link--hover--Color);
 }
-.pf-v5-c-simple-list__item-link:hover {
+.pf-v5-c-simple-list__item-link:hover, .pf-v5-c-simple-list__item-link:focus {
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
   text-decoration: none;
-}
-.pf-v5-c-simple-list__item-link:focus {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
-}
-.pf-v5-c-simple-list__item-link:active {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
+  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 .pf-v5-c-simple-list__item-link.pf-m-current {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
+  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 
 .pf-v5-c-simple-list__title {
@@ -25047,21 +25075,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   margin-block-start: var(--pf-v5-c-simple-list__section--section--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-simple-list {
-  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-}
-
 .pf-v5-c-skeleton {
   --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-150);
   --pf-v5-c-skeleton--Width: auto;
@@ -30875,12 +30888,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
 
 .pf-v5-c-tooltip__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-tooltip__arrow--Top, auto);
   right: var(--pf-v5-c-tooltip__arrow--Right, auto);
   bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
   left: var(--pf-v5-c-tooltip__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-tooltip__arrow--Width);
   height: var(--pf-v5-c-tooltip__arrow--Height);
   pointer-events: none;
@@ -30889,9 +30900,13 @@ svg.pf-v5-c-spinner.pf-m-xl {
   transform: translateX(var(--pf-v5-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v5-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v5-c-tooltip__arrow--Rotate, 0));
 }
 
+:root,
 .pf-v5-c-truncate {
   --pf-v5-c-truncate--MinWidth: 12ch;
   --pf-v5-c-truncate__start--MinWidth: 6ch;
+}
+
+.pf-v5-c-truncate {
   display: inline-grid;
   grid-auto-flow: column;
   align-items: baseline;