@patternfly/react-styles 6.0.0-alpha.2 → 6.0.0-alpha.3

package/css/components/ModalBox/modal-box.css

@@ -1,48 +1,59 @@
-.pf-v5-c-modal-box {
-  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-modal-box--BoxShadow: var(--pf-v5-global--BoxShadow--xl);
+:root {
+  --pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
+  --pf-v5-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
   --pf-v5-c-modal-box--ZIndex: var(--pf-v5-global--ZIndex--xl);
   --pf-v5-c-modal-box--Width: 100%;
-  --pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-v5-global--spacer--xl));
+  --pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
   --pf-v5-c-modal-box--m-sm--sm--MaxWidth: 35rem;
   --pf-v5-c-modal-box--m-md--Width: 52.5rem;
   --pf-v5-c-modal-box--m-lg--lg--MaxWidth: 70rem;
-  --pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-v5-global--spacer--2xl));
-  --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-modal-box--m-align-top--MarginTop: var(--pf-v5-c-modal-box--m-align-top--spacer);
-  --pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-v5-global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
-  --pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-v5-global--spacer--xl)));
-  --pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
-  --pf-v5-c-modal-box__header--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
-  --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
-  --pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
-  --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-modal-box__description--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
-  --pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__body--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__body--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-modal-box__close--Top: calc(var(--pf-v5-global--spacer--lg));
-  --pf-v5-c-modal-box__close--Right: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
-  --pf-v5-c-modal-box__footer--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-t--global--spacer--2xl));
+  --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-modal-box--m-align-top--Top: var(--pf-v5-c-modal-box--m-align-top--spacer);
+  --pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-t--global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
+  --pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-t--global--spacer--xl)));
+  --pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
+  --pf-v5-c-modal-box__header--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
+  --pf-v5-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
+  --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-modal-box__description--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-modal-box__description--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-t--global--font--size--body) * var(--pf-t--global--font--line-height--body));
+  --pf-v5-c-modal-box__body--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__body--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__body--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-modal-box__close--Top: var(--pf-v5-c-modal-box__header--PaddingTop);
+  --pf-v5-c-modal-box__close--Right: var(--pf-v5-c-modal-box__header--PaddingRight);
+  --pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
+  --pf-v5-c-modal-box__footer--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-v5-c-modal-box__footer--c-button--MarginRight) / 2);
+}
+@media (min-width: 1200px) {
+  :root {
+    --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
+  }
+}
+
+.pf-v5-c-modal-box {
   position: relative;
   z-index: var(--pf-v5-c-modal-box--ZIndex);
   display: flex;
@@ -50,14 +61,11 @@
   width: var(--pf-v5-c-modal-box--Width);
   max-width: var(--pf-v5-c-modal-box--MaxWidth);
   max-height: var(--pf-v5-c-modal-box--MaxHeight);
+  overflow: auto;
   background-color: var(--pf-v5-c-modal-box--BackgroundColor);
+  border-radius: var(--pf-v5-c-modal-box--BorderRadius);
   box-shadow: var(--pf-v5-c-modal-box--BoxShadow);
 }
-@media (min-width: 1200px) {
-  .pf-v5-c-modal-box {
-    --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
-  }
-}
 .pf-v5-c-modal-box.pf-m-sm {
   --pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-sm--sm--MaxWidth);
 }
@@ -68,7 +76,7 @@
   --pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-lg--lg--MaxWidth);
 }
 .pf-v5-c-modal-box.pf-m-align-top {
-  inset-block-start: var(--pf-v5-c-modal-box--m-align-top--MarginTop);
+  inset-block-start: var(--pf-v5-c-modal-box--m-align-top--Top);
   align-self: flex-start;
   max-width: var(--pf-v5-c-modal-box--m-align-top--MaxWidth);
   max-height: var(--pf-v5-c-modal-box--m-align-top--MaxHeight);
@@ -102,6 +110,7 @@
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
+  gap: var(--pf-v5-c-modal-box__header--Gap);
   padding-block-start: var(--pf-v5-c-modal-box__header--PaddingTop);
   padding-inline-start: var(--pf-v5-c-modal-box__header--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-modal-box__header--PaddingRight);
@@ -110,15 +119,15 @@
   display: flex;
   flex-direction: row;
 }
-.pf-v5-c-modal-box__header:last-child {
-  padding-block-end: var(--pf-v5-c-modal-box__header--last-child--PaddingBottom);
-}
 .pf-v5-c-modal-box__header + .pf-v5-c-modal-box__body {
   --pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-c-modal-box__header--body--PaddingTop);
 }
 
 .pf-v5-c-modal-box__header-main {
+  display: flex;
+  flex-direction: column;
   flex-grow: 1;
+  gap: var(--pf-v5-c-modal-box__header-main--Gap);
   min-width: 0;
 }
 
@@ -146,6 +155,8 @@
 
 .pf-v5-c-modal-box__description {
   padding-block-start: var(--pf-v5-c-modal-box__description--PaddingTop);
+  font-size: var(--pf-v5-c-modal-box__description--FontSize);
+  color: var(--pf-v5-c-modal-box__description--Color);
 }
 
 .pf-v5-c-modal-box__body {
@@ -180,8 +191,4 @@
   .pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
     --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
   }
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
-  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }

package/css/components/ModalBox/modal-box.d.ts

@@ -23,7 +23,6 @@ declare const _default: {
     "info": "pf-m-info",
     "help": "pf-m-help",
     "icon": "pf-m-icon"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };
 export default _default;

package/css/components/ModalBox/modal-box.js

@@ -25,6 +25,5 @@ exports.default = {
     "info": "pf-m-info",
     "help": "pf-m-help",
     "icon": "pf-m-icon"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/ModalBox/modal-box.mjs

@@ -23,6 +23,5 @@ export default {
     "info": "pf-m-info",
     "help": "pf-m-help",
     "icon": "pf-m-icon"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/Page/page.css

@@ -103,15 +103,16 @@
   --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);
@@ -142,10 +143,10 @@
   --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
   --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
-  --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
-  --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-bottom);
+  --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
+  --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
+  --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
@@ -327,8 +328,8 @@
   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;
@@ -362,6 +363,7 @@
 }
 
 .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);

package/css/components/Popover/popover.css

@@ -1,27 +1,24 @@
 .pf-v5-c-popover {
-  --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
   --pf-v5-c-popover--MaxWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-v5-c-popover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
-  --pf-v5-c-popover--m-danger__title-text--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-popover--m-warning__title-text--Color: var(--pf-v5-global--warning-color--200);
-  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--200);
-  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--200);
-  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--300);
-  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-popover__content--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__content--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__content--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__content--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__arrow--Width: var(--pf-v5-global--arrow--width-lg);
-  --pf-v5-c-popover__arrow--Height: var(--pf-v5-global--arrow--width-lg);
-  --pf-v5-c-popover__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v5-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
+  --pf-v5-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v5-c-popover__content--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-popover__content--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-popover__content--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-popover__content--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-popover__arrow--Width: 0.9375rem;
+  --pf-v5-c-popover__arrow--Height: 0.9375rem;
+  --pf-v5-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v5-c-popover__arrow--m-top--TranslateX: -50%;
   --pf-v5-c-popover__arrow--m-top--TranslateY: 50%;
   --pf-v5-c-popover__arrow--m-top--Rotate: 45deg;
@@ -34,21 +31,27 @@
   --pf-v5-c-popover__arrow--m-left--TranslateX: 50%;
   --pf-v5-c-popover__arrow--m-left--TranslateY: -50%;
   --pf-v5-c-popover__arrow--m-left--Rotate: 45deg;
-  --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - var(--pf-v5-global--spacer--form-element));
-  --pf-v5-c-popover__close--Right: calc(var(--pf-v5-c-popover__content--PaddingRight) - var(--pf-v5-global--spacer--md));
-  --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
-  --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
-  --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-popover__title-icon--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-popover__footer--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-popover__arrow--m-inline-top--Top: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
+  --pf-v5-c-popover__close--Right: var(--pf-v5-c-popover__content--PaddingRight);
+  --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
+  --pf-v5-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
+  --pf-v5-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-popover__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-popover__footer--MarginTop: var(--pf-t--global--spacer--md);
   position: relative;
   min-width: var(--pf-v5-c-popover--MinWidth);
   max-width: var(--pf-v5-c-popover--MaxWidth);
   font-size: var(--pf-v5-c-popover--FontSize);
+  border-radius: var(--pf-v5-c-popover--BorderRadius);
   box-shadow: var(--pf-v5-c-popover--BoxShadow);
 }
 .pf-v5-c-popover.pf-m-no-padding {
@@ -99,43 +102,38 @@
 }
 .pf-v5-c-popover:is(.pf-m-left-top,
 .pf-m-right-top) {
-  --pf-v5-c-popover__arrow--Top: 0;
+  --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover__arrow--m-inline-top--Top);
   --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-top--TranslateY);
 }
 .pf-v5-c-popover:is(.pf-m-left-bottom,
 .pf-m-right-bottom) {
   --pf-v5-c-popover__arrow--Top: auto;
-  --pf-v5-c-popover__arrow--Bottom: 0;
+  --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover__arrow--m-inline-bottom--Bottom);
 }
 .pf-v5-c-popover:is(.pf-m-top-left,
 .pf-m-bottom-left) {
-  --pf-v5-c-popover__arrow--Left: 0;
+  --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover__arrow--m-block-left--Left);
   --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-left--TranslateX);
 }
 .pf-v5-c-popover:is(.pf-m-top-right,
 .pf-m-bottom-right) {
-  --pf-v5-c-popover__arrow--Right: 0;
+  --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover__arrow--m-block-right--Right);
   --pf-v5-c-popover__arrow--Left: auto;
 }
 .pf-v5-c-popover.pf-m-danger {
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-danger__title-icon--Color);
-  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-danger__title-text--Color);
 }
 .pf-v5-c-popover.pf-m-warning {
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-warning__title-icon--Color);
-  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-warning__title-text--Color);
 }
 .pf-v5-c-popover.pf-m-success {
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-success__title-icon--Color);
-  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-success__title-text--Color);
 }
 .pf-v5-c-popover.pf-m-custom {
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-custom__title-icon--Color);
-  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-custom__title-text--Color);
 }
 .pf-v5-c-popover.pf-m-info {
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-info__title-icon--Color);
-  --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-info__title-text--Color);
 }
 
 .pf-v5-c-popover__content {
@@ -145,6 +143,7 @@
   padding-inline-start: var(--pf-v5-c-popover__content--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-popover__content--PaddingRight);
   background-color: var(--pf-v5-c-popover__content--BackgroundColor);
+  border-radius: var(--pf-v5-c-popover__content--BorderRadius);
 }
 
 .pf-v5-c-popover__close {
@@ -190,8 +189,8 @@
 .pf-v5-c-popover__title-text {
   font-family: var(--pf-v5-c-popover__title-text--FontFamily);
   font-size: var(--pf-v5-c-popover__title-text--FontSize);
-  line-height: var(--pf-v5-c-popover__title-text--LineHeight);
-  color: var(--pf-v5-c-popover__title-text--Color, inherit);
+  font-weight: var(--pf-v5-c-popover__title-text--FontWeight);
+  color: var(--pf-v5-c-popover__title-text--Color);
 }
 
 .pf-v5-c-popover__body {
@@ -200,12 +199,4 @@
 
 .pf-v5-c-popover__footer {
   margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-popover {
-  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
-  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
 }

package/css/components/Popover/popover.d.ts

@@ -30,7 +30,6 @@ declare const _default: {
   "popoverHeader": "pf-v5-c-popover__header",
   "popoverTitle": "pf-v5-c-popover__title",
   "popoverTitleIcon": "pf-v5-c-popover__title-icon",
-  "popoverTitleText": "pf-v5-c-popover__title-text",
-  "themeDark": "pf-v5-theme-dark"
+  "popoverTitleText": "pf-v5-c-popover__title-text"
 };
 export default _default;

package/css/components/Popover/popover.js

@@ -32,6 +32,5 @@ exports.default = {
   "popoverHeader": "pf-v5-c-popover__header",
   "popoverTitle": "pf-v5-c-popover__title",
   "popoverTitleIcon": "pf-v5-c-popover__title-icon",
-  "popoverTitleText": "pf-v5-c-popover__title-text",
-  "themeDark": "pf-v5-theme-dark"
+  "popoverTitleText": "pf-v5-c-popover__title-text"
 };

package/css/components/Popover/popover.mjs

@@ -30,6 +30,5 @@ export default {
   "popoverHeader": "pf-v5-c-popover__header",
   "popoverTitle": "pf-v5-c-popover__title",
   "popoverTitleIcon": "pf-v5-c-popover__title-icon",
-  "popoverTitleText": "pf-v5-c-popover__title-text",
-  "themeDark": "pf-v5-theme-dark"
+  "popoverTitleText": "pf-v5-c-popover__title-text"
 };

package/css/components/Radio/radio.css

@@ -5,7 +5,8 @@
   --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);
@@ -18,19 +19,14 @@
 }
 .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);
@@ -39,6 +35,13 @@
   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);

package/css/components/SkipToContent/skip-to-content.css

@@ -1,7 +1,10 @@
-.pf-v5-c-skip-to-content {
-  --pf-v5-c-skip-to-content--Top: var(--pf-v5-global--spacer--md);
+:root {
+  --pf-v5-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
   --pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
-  --pf-v5-c-skip-to-content--focus--Left: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
+}
+
+.pf-v5-c-skip-to-content {
   position: absolute;
   inset-block-start: var(--pf-v5-c-skip-to-content--Top);
   inset-inline-start: -300%;

package/css/components/Switch/switch.css

@@ -56,7 +56,7 @@
   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);
 }

package/css/components/Table/table.css

@@ -117,7 +117,8 @@
   --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);
@@ -741,13 +742,16 @@
   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/css/components/Table/table.d.ts

@@ -1,6 +1,7 @@
 import './table.css';
 declare const _default: {
   "button": "pf-v5-c-button",
+  "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
@@ -39,6 +40,7 @@ declare const _default: {
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
+    "standalone": "pf-m-standalone",
     "favorited": "pf-m-favorited",
     "noPadding": "pf-m-no-padding",
     "compact": "pf-m-compact",

package/css/components/Table/table.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 require('./table.css');
 exports.default = {
   "button": "pf-v5-c-button",
+  "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
@@ -41,6 +42,7 @@ exports.default = {
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
+    "standalone": "pf-m-standalone",
     "favorited": "pf-m-favorited",
     "noPadding": "pf-m-no-padding",
     "compact": "pf-m-compact",

package/css/components/Table/table.mjs

@@ -1,6 +1,7 @@
 import './table.css';
 export default {
   "button": "pf-v5-c-button",
+  "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
@@ -39,6 +40,7 @@ export default {
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
+    "standalone": "pf-m-standalone",
     "favorited": "pf-m-favorited",
     "noPadding": "pf-m-no-padding",
     "compact": "pf-m-compact",