@patternfly/patternfly 6.0.0-alpha.16 → 6.0.0-alpha.18

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.16",
+  "version": "6.0.0-alpha.18",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -45,7 +45,7 @@
     "@commitlint/config-conventional": "^17.6.7",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.0.1",
-    "@patternfly/documentation-framework": "5.2.17",
+    "@patternfly/documentation-framework": "5.3.1",
     "@patternfly/patternfly-a11y": "4.3.1",
     "@patternfly/react-code-editor": "5.1.1",
     "@patternfly/react-core": "5.1.1",

package/patternfly-base-no-globals-theme-dark-unversioned.css

@@ -817,7 +817,7 @@
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
   --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 600;
+  --pf-t--global--font--weight--body--200: 500;
   --pf-t--global--font--weight--heading--100: 700;
   --pf-t--global--font--weight--heading--200: 700;
   --pf-t--global--font--size--body--100: 12px;

package/patternfly-base-no-globals.css

@@ -817,7 +817,7 @@
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
   --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 600;
+  --pf-t--global--font--weight--body--200: 500;
   --pf-t--global--font--weight--heading--100: 700;
   --pf-t--global--font--weight--heading--200: 700;
   --pf-t--global--font--size--body--100: 12px;

package/patternfly-base-theme-dark-unversioned.css

@@ -817,7 +817,7 @@
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
   --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 600;
+  --pf-t--global--font--weight--body--200: 500;
   --pf-t--global--font--weight--heading--100: 700;
   --pf-t--global--font--weight--heading--200: 700;
   --pf-t--global--font--size--body--100: 12px;

package/patternfly-base.css

@@ -817,7 +817,7 @@
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
   --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 600;
+  --pf-t--global--font--weight--body--200: 500;
   --pf-t--global--font--weight--heading--100: 700;
   --pf-t--global--font--weight--heading--200: 700;
   --pf-t--global--font--size--body--100: 12px;

package/patternfly-no-globals.css

@@ -880,7 +880,7 @@
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
   --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 600;
+  --pf-t--global--font--weight--body--200: 500;
   --pf-t--global--font--weight--heading--100: 700;
   --pf-t--global--font--weight--heading--200: 700;
   --pf-t--global--font--size--body--100: 12px;
@@ -6423,6 +6423,10 @@
   --pf-v5-c-accordion__toggle--after--Width: var(--pf-v5-global--BorderWidth--lg);
   --pf-v5-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
   --pf-v5-c-accordion__toggle--BackgroundColor: transparent;
+  --pf-v5-c-accordion__toggle--JustifyContent: space-between;
+  --pf-v5-c-accordion__toggle--ColumnGap: 0;
+  --pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent: start;
+  --pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-v5-global--spacer--md);
   --pf-v5-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-v5-global--spacer--lg));
   --pf-v5-c-accordion__toggle--hover__toggle-text--Color: var(--pf-v5-global--link--Color);
   --pf-v5-c-accordion__toggle--active__toggle-text--Color: var(--pf-v5-global--link--Color);
@@ -6476,6 +6480,10 @@
   color: var(--pf-v5-global--Color--100);
   background-color: var(--pf-v5-c-accordion--BackgroundColor);
 }
+.pf-v5-c-accordion.pf-m-toggle-start {
+  --pf-v5-c-accordion__toggle--JustifyContent: var(--pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent);
+  --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap);
+}
 .pf-v5-c-accordion.pf-m-display-lg {
   --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingTop);
   --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingRight);
@@ -6535,8 +6543,9 @@
 .pf-v5-c-accordion__toggle {
   position: relative;
   display: flex;
+  column-gap: var(--pf-v5-c-accordion__toggle--ColumnGap);
   align-items: center;
-  justify-content: space-between;
+  justify-content: var(--pf-v5-c-accordion__toggle--JustifyContent);
   width: 100%;
   padding-block-start: var(--pf-v5-c-accordion__toggle--PaddingTop);
   padding-block-end: var(--pf-v5-c-accordion__toggle--PaddingBottom);
@@ -6698,7 +6707,7 @@
   --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
   --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
+  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v5-c-alert__title--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-alert__title--max-lines: 1;
@@ -8262,7 +8271,7 @@ button.pf-v5-c-breadcrumb__link {
 .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
   padding: 0;
 }
-.pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
+.pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus {
   --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
   mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
 }
@@ -8992,7 +9001,8 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-check__input--TranslateY--moz: 5px;
+  --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
+  --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
   --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -9002,15 +9012,21 @@ button.pf-v5-c-breadcrumb__link {
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-v5-c-check--GridGap);
+  align-items: baseline;
 }
 .pf-v5-c-check.pf-m-standalone {
   --pf-v5-c-check--GridGap: 0;
-  --pf-v5-c-check__input--TranslateY--moz: 0;
+  --pf-v5-c-check__input--TranslateY: none;
   display: inline-grid;
 }
 
+.pf-v5-c-check__input {
+  align-self: start;
+  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
+  transform: translateY(var(--pf-v5-c-check__input--TranslateY));
+}
+
 .pf-v5-c-check__label {
-  align-self: baseline;
   font-size: var(--pf-v5-c-check__label--FontSize);
   font-weight: var(--pf-v5-c-check__label--FontWeight);
   line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -9028,11 +9044,6 @@ button.pf-v5-c-breadcrumb__link {
   margin-block-start: var(--pf-v5-c-check__body--MarginTop);
 }
 
-.pf-v5-c-check__input {
-  align-self: baseline;
-  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
-}
-
 .pf-v5-c-check__label,
 .pf-v5-c-check__input {
   justify-self: start;
@@ -11783,6 +11794,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
   --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
+  --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
+  --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
+  --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
   --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
   --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -12032,7 +12046,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-toolbar__item.pf-m-label {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
   font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
-  transform: translateY(var(--pf-v5-global--spacer--form-element));
+  transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
+}
+.pf-v5-c-toolbar__item.pf-m-form-element {
+  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
+  font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
+  transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
 }
 .pf-v5-c-toolbar__item.pf-m-pagination {
   margin-inline-start: auto;
@@ -14429,14 +14448,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 }
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
+  --pf-v5-c-check__input--TranslateY: none;
   align-self: revert;
   width: auto;
   cursor: pointer;
   visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
 }
-.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
-  -moz-transform: none;
-}
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
   color: var(--pf-v5-c-dropdown__toggle-button--Color);
   background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -18959,6 +18976,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   align-items: center;
   margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
 }
+.pf-v5-c-menu__item-check .pf-v5-c-check {
+  --pf-v5-c-check__input--TranslateY: none;
+}
 
 .pf-v5-c-menu__item-toggle-icon {
   padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -19316,8 +19336,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 {
-  align-self: revert;
-  -moz-transform: none;
+  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 {
   position: absolute;
@@ -19440,7 +19459,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-menu-toggle__toggle-icon {
   margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
-  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
+  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .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, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
@@ -21635,15 +21654,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-page__sidebar--xl--TranslateX: 0;
   --pf-v5-c-page__sidebar--MarginRight: 0;
   --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
-  --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
   --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
+  --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-page__sidebar-body--PaddingRight: 0;
   --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
   --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21859,8 +21879,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   grid-column-start: 1;
   width: var(--pf-v5-c-page__sidebar--Width);
   padding-block-start: 0;
-  padding-block-end: var(--pf-t--global--spacer--lg);
-  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
   margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
   overflow-x: hidden;
   overflow-y: auto;
@@ -21894,6 +21914,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 
 .pf-v5-c-page__sidebar-title {
+  padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
   font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
   font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
   font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
@@ -24011,7 +24032,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-radio__input--TranslateY--moz: 5px;
+  --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
+  --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
   --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
   --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
   --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -24024,19 +24046,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 .pf-v5-c-radio.pf-m-standalone {
   --pf-v5-c-radio--GridGap: 0;
-  --pf-v5-c-radio__input--TranslateY--moz: 0;
-  width: auto;
-}
-
-.pf-v5-c-radio__label {
-  font-size: var(--pf-v5-c-radio__label--FontSize);
-  font-weight: var(--pf-v5-c-radio__label--FontWeight);
-  line-height: var(--pf-v5-c-radio__label--LineHeight);
-  color: var(--pf-v5-c-radio__label--Color);
+  --pf-v5-c-radio__input--TranslateY: none;
+  display: inline-grid;
 }
 
 .pf-v5-c-radio__input {
+  align-self: start;
   -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
+  transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
 }
 .pf-v5-c-radio__input:first-child {
   margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -24045,6 +24062,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
 }
 
+.pf-v5-c-radio__label {
+  font-size: var(--pf-v5-c-radio__label--FontSize);
+  font-weight: var(--pf-v5-c-radio__label--FontWeight);
+  line-height: var(--pf-v5-c-radio__label--LineHeight);
+  color: var(--pf-v5-c-radio__label--Color);
+}
+
 .pf-v5-c-radio__description {
   grid-column: 2;
   font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -25651,7 +25675,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
   cursor: pointer;
   opacity: 0;
 }
-.pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
+.pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
   outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
   outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
 }
@@ -27507,7 +27531,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
   --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
   --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
-  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
+  --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
+  --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
   --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
   --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
@@ -28131,13 +28156,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
   cursor: pointer;
 }
 .pf-v5-c-table__check label {
-  display: block;
+  display: inline-flex;
   padding: inherit;
   margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
   margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
   margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
   margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
 }
+.pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
+  --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
+}
 
 .pf-v5-c-table__favorite .pf-v5-c-button {
   --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);

package/patternfly-theme-dark-unversioned.css

@@ -880,7 +880,7 @@
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
   --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 600;
+  --pf-t--global--font--weight--body--200: 500;
   --pf-t--global--font--weight--heading--100: 700;
   --pf-t--global--font--weight--heading--200: 700;
   --pf-t--global--font--size--body--100: 12px;
@@ -6539,6 +6539,10 @@ button) {
   --pf-v5-c-accordion__toggle--after--Width: var(--pf-v5-global--BorderWidth--lg);
   --pf-v5-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
   --pf-v5-c-accordion__toggle--BackgroundColor: transparent;
+  --pf-v5-c-accordion__toggle--JustifyContent: space-between;
+  --pf-v5-c-accordion__toggle--ColumnGap: 0;
+  --pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent: start;
+  --pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-v5-global--spacer--md);
   --pf-v5-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-v5-global--spacer--lg));
   --pf-v5-c-accordion__toggle--hover__toggle-text--Color: var(--pf-v5-global--link--Color);
   --pf-v5-c-accordion__toggle--active__toggle-text--Color: var(--pf-v5-global--link--Color);
@@ -6592,6 +6596,10 @@ button) {
   color: var(--pf-v5-global--Color--100);
   background-color: var(--pf-v5-c-accordion--BackgroundColor);
 }
+.pf-v5-c-accordion.pf-m-toggle-start {
+  --pf-v5-c-accordion__toggle--JustifyContent: var(--pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent);
+  --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap);
+}
 .pf-v5-c-accordion.pf-m-display-lg {
   --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingTop);
   --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingRight);
@@ -6651,8 +6659,9 @@ button) {
 .pf-v5-c-accordion__toggle {
   position: relative;
   display: flex;
+  column-gap: var(--pf-v5-c-accordion__toggle--ColumnGap);
   align-items: center;
-  justify-content: space-between;
+  justify-content: var(--pf-v5-c-accordion__toggle--JustifyContent);
   width: 100%;
   padding-block-start: var(--pf-v5-c-accordion__toggle--PaddingTop);
   padding-block-end: var(--pf-v5-c-accordion__toggle--PaddingBottom);
@@ -6814,7 +6823,7 @@ button) {
   --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
   --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
+  --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v5-c-alert__title--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-alert__title--max-lines: 1;
@@ -8378,7 +8387,7 @@ button.pf-v5-c-breadcrumb__link {
 .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
   padding: 0;
 }
-.pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
+.pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus {
   --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
   mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
 }
@@ -9108,7 +9117,8 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-check__input--TranslateY--moz: 5px;
+  --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
+  --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
   --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -9118,15 +9128,21 @@ button.pf-v5-c-breadcrumb__link {
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-v5-c-check--GridGap);
+  align-items: baseline;
 }
 .pf-v5-c-check.pf-m-standalone {
   --pf-v5-c-check--GridGap: 0;
-  --pf-v5-c-check__input--TranslateY--moz: 0;
+  --pf-v5-c-check__input--TranslateY: none;
   display: inline-grid;
 }
 
+.pf-v5-c-check__input {
+  align-self: start;
+  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
+  transform: translateY(var(--pf-v5-c-check__input--TranslateY));
+}
+
 .pf-v5-c-check__label {
-  align-self: baseline;
   font-size: var(--pf-v5-c-check__label--FontSize);
   font-weight: var(--pf-v5-c-check__label--FontWeight);
   line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -9144,11 +9160,6 @@ button.pf-v5-c-breadcrumb__link {
   margin-block-start: var(--pf-v5-c-check__body--MarginTop);
 }
 
-.pf-v5-c-check__input {
-  align-self: baseline;
-  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
-}
-
 .pf-v5-c-check__label,
 .pf-v5-c-check__input {
   justify-self: start;
@@ -11899,6 +11910,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
   --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
+  --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
+  --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
+  --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
   --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
   --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -12148,7 +12162,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-toolbar__item.pf-m-label {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
   font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
-  transform: translateY(var(--pf-v5-global--spacer--form-element));
+  transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
+}
+.pf-v5-c-toolbar__item.pf-m-form-element {
+  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
+  font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
+  transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
 }
 .pf-v5-c-toolbar__item.pf-m-pagination {
   margin-inline-start: auto;
@@ -14545,14 +14564,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 }
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
+  --pf-v5-c-check__input--TranslateY: none;
   align-self: revert;
   width: auto;
   cursor: pointer;
   visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
 }
-.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
-  -moz-transform: none;
-}
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
   color: var(--pf-v5-c-dropdown__toggle-button--Color);
   background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -19075,6 +19092,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   align-items: center;
   margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
 }
+.pf-v5-c-menu__item-check .pf-v5-c-check {
+  --pf-v5-c-check__input--TranslateY: none;
+}
 
 .pf-v5-c-menu__item-toggle-icon {
   padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -19432,8 +19452,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 {
-  align-self: revert;
-  -moz-transform: none;
+  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 {
   position: absolute;
@@ -19556,7 +19575,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-menu-toggle__toggle-icon {
   margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
-  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
+  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
 }
 
 :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
@@ -21751,15 +21770,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-page__sidebar--xl--TranslateX: 0;
   --pf-v5-c-page__sidebar--MarginRight: 0;
   --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
-  --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
   --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
+  --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-page__sidebar-body--PaddingRight: 0;
   --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
   --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21975,8 +21995,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   grid-column-start: 1;
   width: var(--pf-v5-c-page__sidebar--Width);
   padding-block-start: 0;
-  padding-block-end: var(--pf-t--global--spacer--lg);
-  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
   margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
   overflow-x: hidden;
   overflow-y: auto;
@@ -22010,6 +22030,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 
 .pf-v5-c-page__sidebar-title {
+  padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
   font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
   font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
   font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
@@ -24127,7 +24148,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-radio__input--TranslateY--moz: 5px;
+  --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
+  --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
   --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
   --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
   --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -24140,19 +24162,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 .pf-v5-c-radio.pf-m-standalone {
   --pf-v5-c-radio--GridGap: 0;
-  --pf-v5-c-radio__input--TranslateY--moz: 0;
-  width: auto;
-}
-
-.pf-v5-c-radio__label {
-  font-size: var(--pf-v5-c-radio__label--FontSize);
-  font-weight: var(--pf-v5-c-radio__label--FontWeight);
-  line-height: var(--pf-v5-c-radio__label--LineHeight);
-  color: var(--pf-v5-c-radio__label--Color);
+  --pf-v5-c-radio__input--TranslateY: none;
+  display: inline-grid;
 }
 
 .pf-v5-c-radio__input {
+  align-self: start;
   -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
+  transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
 }
 .pf-v5-c-radio__input:first-child {
   margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -24161,6 +24178,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
 }
 
+.pf-v5-c-radio__label {
+  font-size: var(--pf-v5-c-radio__label--FontSize);
+  font-weight: var(--pf-v5-c-radio__label--FontWeight);
+  line-height: var(--pf-v5-c-radio__label--LineHeight);
+  color: var(--pf-v5-c-radio__label--Color);
+}
+
 .pf-v5-c-radio__description {
   grid-column: 2;
   font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -25767,7 +25791,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
   cursor: pointer;
   opacity: 0;
 }
-.pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
+.pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
   outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
   outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
 }
@@ -27623,7 +27647,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
   --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
   --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
-  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
+  --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
+  --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
   --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
   --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
@@ -28247,13 +28272,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
   cursor: pointer;
 }
 .pf-v5-c-table__check label {
-  display: block;
+  display: inline-flex;
   padding: inherit;
   margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
   margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
   margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
   margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
 }
+.pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
+  --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
+}
 
 .pf-v5-c-table__favorite .pf-v5-c-button {
   --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);