@patternfly/patternfly 6.0.0-alpha.57 → 6.0.0-alpha.58

package/patternfly-no-globals.css

@@ -9390,21 +9390,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   border: 0;
 }
 
+:root, :where(.pf-v5-c-code-block) {
+  --pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-code-block__content--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-code-block__content--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-code-block__content--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
+  --pf-v5-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
+}
+
 .pf-v5-c-code-block {
-  --pf-v5-c-code-block--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-code-block__content--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-code-block__content--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-code-block__content--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-code-block__content--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-code-block__pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
-  --pf-v5-c-code-block__pre--FontSize: var(--pf-v5-global--FontSize--sm);
   background-color: var(--pf-v5-c-code-block--BackgroundColor);
+  border-radius: var(--pf-v5-c-code-block--BorderRadius);
 }
 
 .pf-v5-c-code-block__header {
   display: flex;
+  padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
   border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
 }
 
@@ -10965,7 +10974,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   padding: 0;
 }
 
-:root, :where(.pf-v5-c-description-list) {
+:where(:root), :where(.pf-v5-c-description-list) {
   --pf-v5-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
   --pf-v5-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
   --pf-v5-c-description-list--GridTemplateColumns--count: 1;
@@ -10997,8 +11006,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
   --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
   --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
-  --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-t--global--icon--color--regular);
-  --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--100);
+  --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
+  --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
   --pf-v5-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
   --pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
   --pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
@@ -11012,32 +11021,32 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
 }
 @media screen and (min-width: 576px) {
-  :root, :where(.pf-v5-c-description-list) {
+  :where(:root), :where(.pf-v5-c-description-list) {
     --pf-v5-c-description-list__term--Display: var(--pf-v5-c-description-list__term--sm--Display);
   }
 }
 @media (min-width: 576px) {
-  :root, :where(.pf-v5-c-description-list) {
+  :where(:root), :where(.pf-v5-c-description-list) {
     --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width));
   }
 }
 @media (min-width: 768px) {
-  :root, :where(.pf-v5-c-description-list) {
+  :where(:root), :where(.pf-v5-c-description-list) {
     --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)));
   }
 }
 @media (min-width: 992px) {
-  :root, :where(.pf-v5-c-description-list) {
+  :where(:root), :where(.pf-v5-c-description-list) {
     --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))));
   }
 }
 @media (min-width: 1200px) {
-  :root, :where(.pf-v5-c-description-list) {
+  :where(:root), :where(.pf-v5-c-description-list) {
     --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)))));
   }
 }
 @media (min-width: 1450px) {
-  :root, :where(.pf-v5-c-description-list) {
+  :where(:root), :where(.pf-v5-c-description-list) {
     --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))))));
   }
 }
@@ -15018,48 +15027,42 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   padding-inline-end: var(--pf-v5-c-expandable-section__content--PaddingRight);
 }
 
+:where(:root),
+:where(.pf-v5-c-file-upload) {
+  --pf-v5-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v5-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v5-c-file-upload--BorderColor: transparent;
+  --pf-v5-c-file-upload--BorderStyle: solid;
+  --pf-v5-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
+  --pf-v5-c-file-upload--m-drag-hover--BorderStyle: dashed;
+  --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
+  --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
+}
+
 .pf-v5-c-file-upload {
-  --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
-  --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
-  --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
   position: relative;
   display: flex;
   flex-direction: column;
-}
-.pf-v5-c-file-upload.pf-m-drag-hover::before {
-  position: absolute;
-  inset: 0;
-  z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
-  content: "";
-  border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
-}
-.pf-v5-c-file-upload.pf-m-drag-hover::after {
-  position: absolute;
-  inset: 0;
-  content: "";
-  background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
-  opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
+  row-gap: var(--pf-v5-c-file-upload--RowGap);
+  padding-block-start: var(--pf-v5-c-file-upload--PaddingBlockStart);
+  padding-block-end: var(--pf-v5-c-file-upload--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v5-c-file-upload--PaddingInlineStart);
+  padding-inline-end: var(--pf-v5-c-file-upload--PaddingInlineEnd);
+  border: var(--pf-v5-c-file-upload--BorderWidth) var(--pf-v5-c-file-upload--BorderStyle) var(--pf-v5-c-file-upload--BorderColor);
+  border-radius: var(--pf-v5-c-file-upload--BorderRadius);
+}
+.pf-v5-c-file-upload.pf-m-drag-hover {
+  --pf-v5-c-file-upload--BorderColor: var(--pf-v5-c-file-upload--m-drag-hover--BorderColor);
+  --pf-v5-c-file-upload--BorderStyle: var(--pf-v5-c-file-upload--m-drag-hover--BorderStyle);
 }
 .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
   position: relative;
 }
-.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
-  position: absolute;
-  inset-block-start: 0;
-  inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
-  inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
-  inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
-  content: "";
-  background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
-}
 
 .pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
   outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
@@ -15966,33 +15969,70 @@ select ~ .pf-v5-c-form-control__utilities {
   color: var(--pf-v5-c-helper-text__item-text--Color);
 }
 
-.pf-v5-c-icon {
+:root,
+:where(.pf-v5-c-icon) {
   --pf-v5-c-icon--Width: 1em;
   --pf-v5-c-icon--Height: 1em;
-  --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
+  --pf-v5-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
+  --pf-v5-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
+  --pf-v5-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
+  --pf-v5-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
+  --pf-v5-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
+  --pf-v5-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
+  --pf-v5-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
+  --pf-v5-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
+  --pf-v5-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
+  --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
+  --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
+  --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
+  --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
+  --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
+  --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
+  --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
+  --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
+  --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
+  --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
+  --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
+  --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
+  --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
+  --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
+  --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
+  --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
+  --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
+  --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
+  --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
   --pf-v5-c-icon--m-inline--Width: 1em;
   --pf-v5-c-icon--m-inline--Height: 1em;
   --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
   --pf-v5-c-icon__content--Color: initial;
-  --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
+  --pf-v5-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
+  --pf-v5-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
+  --pf-v5-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
+  --pf-v5-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
+  --pf-v5-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
   --pf-v5-c-icon--m-inline__content--Color: initial;
   --pf-v5-c-icon__content--FontSize: 1em;
-  --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
+  --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
+  --pf-v5-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
+  --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
+  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
+  --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
+  --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
+  --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
+  --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
+  --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
+  --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
+  --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
+  --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
+  --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
+  --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
   --pf-v5-c-icon--m-inline__content--FontSize: 1em;
+}
+
+.pf-v5-c-icon {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -16030,6 +16070,61 @@ select ~ .pf-v5-c-form-control__utilities {
   --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
   --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
 }
+.pf-v5-c-icon.pf-m-2xl {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-2xl--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-2xl--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-3xl {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-3xl--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-3xl--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-body-sm {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-sm--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-sm--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-body-default {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-default--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-default--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-default__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-body-lg {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-lg--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-lg--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-heading-sm {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-sm--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-sm--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-heading-md {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-md--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-md--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-heading-lg {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-lg--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-lg--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-heading-xl {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-xl--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-xl--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-heading-2xl {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-2xl--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-2xl--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
+}
+.pf-v5-c-icon.pf-m-heading-3xl {
+  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-3xl--Width);
+  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-3xl--Height);
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
+}
 .pf-v5-c-icon.pf-m-in-progress {
   --pf-v5-c-icon__content--Opacity: 0;
   --pf-v5-c-icon__progress--Opacity: 1;
@@ -16059,6 +16154,50 @@ select ~ .pf-v5-c-form-control__utilities {
 .pf-v5-c-icon__progress.pf-m-xl {
   --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
 }
+.pf-v5-c-icon__content.pf-m-2xl,
+.pf-v5-c-icon__progress.pf-m-2xl {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-3xl,
+.pf-v5-c-icon__progress.pf-m-3xl {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-body-sm,
+.pf-v5-c-icon__progress.pf-m-body-sm {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-body-default,
+.pf-v5-c-icon__progress.pf-m-body-default {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-body-lg,
+.pf-v5-c-icon__progress.pf-m-body-lg {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-heading-sm,
+.pf-v5-c-icon__progress.pf-m-heading-sm {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-heading-md,
+.pf-v5-c-icon__progress.pf-m-heading-md {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-heading-lg,
+.pf-v5-c-icon__progress.pf-m-heading-lg {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-heading-xl,
+.pf-v5-c-icon__progress.pf-m-heading-xl {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-heading-2xl,
+.pf-v5-c-icon__progress.pf-m-heading-2xl {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
+}
+.pf-v5-c-icon__content.pf-m-heading-3xl,
+.pf-v5-c-icon__progress.pf-m-heading-3xl {
+  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
+}
 
 .pf-v5-c-icon__content {
   color: var(--pf-v5-c-icon__content--Color, inherit);
@@ -23492,12 +23631,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   color: var(--pf-v5-global--palette--black-100);
 }
 
-.pf-v5-c-sidebar {
-  --pf-v5-c-sidebar--inset: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-sidebar--xl--inset: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-sidebar--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-sidebar--BorderColor--base: var(--pf-v5-global--BorderColor--100);
+:root,
+:where(.pf-v5-c-sidebar) {
+  --pf-v5-c-sidebar--inset: var(--pf-t--global--spacer--md);
+  --pf-v5-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
+  --pf-v5-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
   --pf-v5-c-sidebar__panel--PaddingTop: 0;
   --pf-v5-c-sidebar__panel--PaddingRight: 0;
   --pf-v5-c-sidebar__panel--PaddingBottom: 0;
@@ -23553,11 +23692,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   --pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
   --pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
   --pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
-  --pf-v5-c-sidebar__panel--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-sidebar__panel--m-sticky--Top: 0;
   --pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
+}
+
+.pf-v5-c-sidebar {
   height: 100%;
 }
 @media (min-width: 768px) {
@@ -23651,6 +23795,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   --pf-v5-c-sidebar__panel--Position: static;
   --pf-v5-c-sidebar__panel--Top: auto;
 }
+.pf-v5-c-sidebar__panel.pf-m-secondary {
+  --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor);
+}
 
 .pf-v5-c-sidebar__content {
   flex-grow: 1;
@@ -23670,6 +23817,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
 .pf-v5-c-sidebar__content.pf-m-no-background {
   --pf-v5-c-sidebar__content--BackgroundColor: transparent;
 }
+.pf-v5-c-sidebar__content.pf-m-secondary {
+  --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-c-sidebar__content--m-secondary--BackgroundColor);
+}
 .pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
   --pf-v5-c-sidebar__panel--Order: 1;
 }
@@ -29424,41 +29574,42 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   line-height: var(--pf-v5-c-title--m-h6--LineHeight);
 }
 
-.pf-v5-c-toggle-group {
-  --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-toggle-group__button--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-toggle-group__button--LineHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
-  --pf-v5-c-toggle-group__button--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+:where(:root),
+:where(.pf-v5-c-toggle-group) {
+  --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v5-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v5-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-toggle-group__button--ZIndex: auto;
-  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-toggle-group__button--focus--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-toggle-group__button--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--disabled-color--100);
-  --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-v5-global--BorderWidth--sm));
-  --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-v5-global--BorderRadius--sm);
-  --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-v5-global--BorderRadius--sm);
-  --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-v5-global--BorderRadius--sm);
-  --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
-  --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
-  --pf-v5-c-toggle-group__button--m-selected--Color: initial;
-  --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
+  --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
+  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-t--global--border--width--control--default));
+  --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-t--global--border--radius--tiny);
+  --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-t--global--border--radius--tiny);
+  --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-t--global--border--radius--tiny);
+  --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-t--global--border--radius--tiny);
+  --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
+  --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
   --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
-  --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-toggle-group--m-compact__button--PaddingBottom: 0;
-  --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-v5-global--FontSize--xs);
+  --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
+}
+
+.pf-v5-c-toggle-group {
   display: flex;
 }
 .pf-v5-c-toggle-group.pf-m-compact {
@@ -29505,17 +29656,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   content: "";
   border: var(--pf-v5-c-toggle-group__button--before--BorderWidth) solid var(--pf-v5-c-toggle-group__button--before--BorderColor);
 }
-.pf-v5-c-toggle-group__button:hover {
+.pf-v5-c-toggle-group__button:hover, .pf-v5-c-toggle-group__button:focus {
   --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--hover--BackgroundColor);
   --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--hover--ZIndex);
   --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--hover--before--BorderColor);
   text-decoration: none;
 }
-.pf-v5-c-toggle-group__button:focus {
-  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--focus--BackgroundColor);
-  --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--focus--ZIndex);
-  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--focus--before--BorderColor);
-}
 .pf-v5-c-toggle-group__button.pf-m-selected {
   --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
   --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
@@ -29533,19 +29679,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   margin-inline-start: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
 }
 
-: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-toggle-group {
-  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
-  --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
-  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
-  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
-  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
-}
-
 :root {
   --pf-v5-c-tooltip--MaxWidth: 18.75rem;
   --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);