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

package/css/components/Pagination/pagination.d.ts

@@ -1,16 +1,13 @@
 import './pagination.css';
 declare const _default: {
-  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "formControl": "pf-v5-c-form-control",
-  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
     "bottom": "pf-m-bottom",
     "static": "pf-m-static",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
-    "compact": "pf-m-compact",
     "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
@@ -65,7 +62,7 @@ declare const _default: {
   "paginationNav": "pf-v5-c-pagination__nav",
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
-  "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark"
+  "paginationPageMenu": "pf-v5-c-pagination__page-menu",
+  "paginationTotalItems": "pf-v5-c-pagination__total-items"
 };
 export default _default;

package/css/components/Pagination/pagination.js

@@ -2,17 +2,14 @@
 exports.__esModule = true;
 require('./pagination.css');
 exports.default = {
-  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "formControl": "pf-v5-c-form-control",
-  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
     "bottom": "pf-m-bottom",
     "static": "pf-m-static",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
-    "compact": "pf-m-compact",
     "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
@@ -67,6 +64,6 @@ exports.default = {
   "paginationNav": "pf-v5-c-pagination__nav",
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
-  "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark"
+  "paginationPageMenu": "pf-v5-c-pagination__page-menu",
+  "paginationTotalItems": "pf-v5-c-pagination__total-items"
 };

package/css/components/Pagination/pagination.mjs

@@ -1,16 +1,13 @@
 import './pagination.css';
 export default {
-  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "formControl": "pf-v5-c-form-control",
-  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
     "bottom": "pf-m-bottom",
     "static": "pf-m-static",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
-    "compact": "pf-m-compact",
     "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
@@ -65,6 +62,6 @@ export default {
   "paginationNav": "pf-v5-c-pagination__nav",
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
-  "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark"
+  "paginationPageMenu": "pf-v5-c-pagination__page-menu",
+  "paginationTotalItems": "pf-v5-c-pagination__total-items"
 };

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 {
@@ -158,12 +157,10 @@
 
 .pf-v5-c-popover__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-popover__arrow--Top, auto);
   right: var(--pf-v5-c-popover__arrow--Right, auto);
   bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
   left: var(--pf-v5-c-popover__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-popover__arrow--Width);
   height: var(--pf-v5-c-popover__arrow--Height);
   pointer-events: none;
@@ -190,8 +187,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 +197,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/SimpleList/simple-list.css

@@ -1,31 +1,28 @@
-.pf-v5-c-simple-list {
-  --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
-  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
+:root, .pf-v5-c-simple-list {
+  --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
+  --pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
+  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
+  --pf-v5-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
+  --pf-v5-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
+  --pf-v5-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-c-simple-list__title--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-simple-list__title--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-t--global--spacer--sm);
 }
 
 .pf-v5-c-simple-list__item-link {
@@ -36,31 +33,28 @@
   padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
   font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
-  font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
   color: var(--pf-v5-c-simple-list__item-link--Color);
   text-align: start;
+  text-decoration: none;
   background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
   border: none;
+  border-radius: var(--pf-v5-c-simple-list__item-link--BorderRadius);
+}
+.pf-v5-c-simple-list__item-link.pf-m-link {
+  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-link--Color);
+  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-c-simple-list__item-link--m-link--m-current--Color);
+  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-c-simple-list__item-link--m-link--hover--Color);
 }
-.pf-v5-c-simple-list__item-link:hover {
+.pf-v5-c-simple-list__item-link:hover, .pf-v5-c-simple-list__item-link:focus {
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
   text-decoration: none;
-}
-.pf-v5-c-simple-list__item-link:focus {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
-}
-.pf-v5-c-simple-list__item-link:active {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
+  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 .pf-v5-c-simple-list__item-link.pf-m-current {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
+  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 
 .pf-v5-c-simple-list__title {
@@ -75,15 +69,4 @@
 
 .pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
   margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
-  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
 }

package/css/components/SimpleList/simple-list.d.ts

@@ -1,12 +1,12 @@
 import './simple-list.css';
 declare const _default: {
   "modifiers": {
+    "link": "pf-m-link",
     "current": "pf-m-current"
   },
   "simpleList": "pf-v5-c-simple-list",
   "simpleListItemLink": "pf-v5-c-simple-list__item-link",
   "simpleListSection": "pf-v5-c-simple-list__section",
-  "simpleListTitle": "pf-v5-c-simple-list__title",
-  "themeDark": "pf-v5-theme-dark"
+  "simpleListTitle": "pf-v5-c-simple-list__title"
 };
 export default _default;

package/css/components/SimpleList/simple-list.js

@@ -3,11 +3,11 @@ exports.__esModule = true;
 require('./simple-list.css');
 exports.default = {
   "modifiers": {
+    "link": "pf-m-link",
     "current": "pf-m-current"
   },
   "simpleList": "pf-v5-c-simple-list",
   "simpleListItemLink": "pf-v5-c-simple-list__item-link",
   "simpleListSection": "pf-v5-c-simple-list__section",
-  "simpleListTitle": "pf-v5-c-simple-list__title",
-  "themeDark": "pf-v5-theme-dark"
+  "simpleListTitle": "pf-v5-c-simple-list__title"
 };

package/css/components/SimpleList/simple-list.mjs

@@ -1,11 +1,11 @@
 import './simple-list.css';
 export default {
   "modifiers": {
+    "link": "pf-m-link",
     "current": "pf-m-current"
   },
   "simpleList": "pf-v5-c-simple-list",
   "simpleListItemLink": "pf-v5-c-simple-list__item-link",
   "simpleListSection": "pf-v5-c-simple-list__section",
-  "simpleListTitle": "pf-v5-c-simple-list__title",
-  "themeDark": "pf-v5-theme-dark"
+  "simpleListTitle": "pf-v5-c-simple-list__title"
 };

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

@@ -63,7 +63,7 @@
   --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
-  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
@@ -71,13 +71,13 @@
   --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
   --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
   --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
   --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
@@ -117,11 +117,12 @@
   --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--FontSize: var(--pf-t--global--font--size--body);
+  --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--default);
   --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);
-  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
   --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
@@ -209,7 +210,7 @@
   --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
@@ -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",