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

package/css/components/ExpandableSection/expandable-section.css

@@ -3,11 +3,6 @@
   --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
-  --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
   --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
   --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
   --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -17,6 +12,9 @@
   --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
   --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
+  --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
+  --pf-v5-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
   --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -51,7 +49,7 @@
 }
 
 .pf-v5-c-expandable-section.pf-m-expanded {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
+  --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section--m-expanded__toggle-text--Color);
   --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
   --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
   --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
@@ -106,23 +104,14 @@
   padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
   padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
-  color: var(--pf-v5-c-expandable-section__toggle--Color);
   background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
   border: none;
   border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
 }
-.pf-v5-c-expandable-section__toggle:hover {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
+.pf-v5-c-expandable-section__toggle:is(:hover, :focus) {
+  --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section__toggle-text--hover--Color);
   --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
 }
-.pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
-  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
-}
-.pf-v5-c-expandable-section__toggle:focus {
-  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
-  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
-}
 
 .pf-v5-c-expandable-section__toggle-icon {
   min-width: var(--pf-v5-c-expandable-section__toggle-icon--MinWidth);
@@ -138,6 +127,10 @@
   --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
 }
 
+.pf-v5-c-expandable-section__toggle-text {
+  color: var(--pf-v5-c-expandable-section__toggle-text--Color);
+}
+
 .pf-v5-c-expandable-section__content {
   max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
   padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);

package/css/components/ExpandableSection/expandable-section.d.ts

@@ -5,13 +5,13 @@ declare const _default: {
   "expandableSectionContent": "pf-v5-c-expandable-section__content",
   "expandableSectionToggle": "pf-v5-c-expandable-section__toggle",
   "expandableSectionToggleIcon": "pf-v5-c-expandable-section__toggle-icon",
+  "expandableSectionToggleText": "pf-v5-c-expandable-section__toggle-text",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "limitWidth": "pf-m-limit-width",
     "displayLg": "pf-m-display-lg",
     "indented": "pf-m-indented",
     "truncate": "pf-m-truncate",
-    "active": "pf-m-active",
     "expandTop": "pf-m-expand-top"
   }
 };

package/css/components/ExpandableSection/expandable-section.js

@@ -7,13 +7,13 @@ exports.default = {
   "expandableSectionContent": "pf-v5-c-expandable-section__content",
   "expandableSectionToggle": "pf-v5-c-expandable-section__toggle",
   "expandableSectionToggleIcon": "pf-v5-c-expandable-section__toggle-icon",
+  "expandableSectionToggleText": "pf-v5-c-expandable-section__toggle-text",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "limitWidth": "pf-m-limit-width",
     "displayLg": "pf-m-display-lg",
     "indented": "pf-m-indented",
     "truncate": "pf-m-truncate",
-    "active": "pf-m-active",
     "expandTop": "pf-m-expand-top"
   }
 };

package/css/components/ExpandableSection/expandable-section.mjs

@@ -5,13 +5,13 @@ export default {
   "expandableSectionContent": "pf-v5-c-expandable-section__content",
   "expandableSectionToggle": "pf-v5-c-expandable-section__toggle",
   "expandableSectionToggleIcon": "pf-v5-c-expandable-section__toggle-icon",
+  "expandableSectionToggleText": "pf-v5-c-expandable-section__toggle-text",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "limitWidth": "pf-m-limit-width",
     "displayLg": "pf-m-display-lg",
     "indented": "pf-m-indented",
     "truncate": "pf-m-truncate",
-    "active": "pf-m-active",
     "expandTop": "pf-m-expand-top"
   }
 };

package/css/components/Form/form.css

@@ -247,6 +247,9 @@
   max-width: var(--pf-v5-c-form--m-limit-width--MaxWidth);
 }
 
+.pf-v5-c-form__group {
+  min-width: 0;
+}
 .pf-v5-c-form__group.pf-m-action {
   margin-block-start: var(--pf-v5-c-form__group--m-action--MarginTop);
   overflow: hidden;
@@ -335,6 +338,9 @@
   --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
 }
 
+.pf-v5-c-form__group-control {
+  min-width: 0;
+}
 .pf-v5-c-form__group-control.pf-m-inline {
   display: flex;
   flex-flow: row wrap;

package/css/components/HelperText/helper-text.css

@@ -1,27 +1,28 @@
+:root {
+  --pf-v5-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
+  --pf-v5-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
+  --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-helper-text__item-icon--MarginRight: var(--pf-t--global--spacer--xs);
+}
+
 .pf-v5-c-helper-text {
-  --pf-v5-c-helper-text--Gap: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-helper-text--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-helper-text__item-text--m-indeterminate--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-helper-text__item-icon--m-warning--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-helper-text__item-text--m-warning--Color: var(--pf-v5-global--warning-color--200);
-  --pf-v5-c-helper-text__item-icon--m-success--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--200);
-  --pf-v5-c-helper-text__item-icon--m-error--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-helper-text__item-text--m-error--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-helper-text__item-icon--MarginRight: var(--pf-v5-global--spacer--xs);
   display: grid;
   gap: var(--pf-v5-c-helper-text--Gap);
   font-size: var(--pf-v5-c-helper-text--FontSize);
@@ -33,6 +34,7 @@
 
 .pf-v5-c-helper-text__item {
   display: flex;
+  font-weight: var(--pf-v5-c-helper-text__item-text--FontWeight);
 }
 .pf-v5-c-helper-text__item.pf-m-indeterminate {
   --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-indeterminate--Color);
@@ -41,25 +43,21 @@
   --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
 }
 .pf-v5-c-helper-text__item.pf-m-warning {
+  --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-v5-c-helper-text__item-text--m-warning--FontWeight);
   --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-warning--Color);
-  --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-warning--Color);
   --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color);
-  --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color);
 }
 .pf-v5-c-helper-text__item.pf-m-success {
+  --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-v5-c-helper-text__item-text--m-success--FontWeight);
   --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-success--Color);
-  --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-success--Color);
   --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color);
-  --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color);
 }
 .pf-v5-c-helper-text__item.pf-m-error {
+  --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-v5-c-helper-text__item-text--m-error--FontWeight);
   --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-error--Color);
-  --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-error--Color);
   --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color);
-  --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color);
 }
 .pf-v5-c-helper-text__item.pf-m-dynamic {
-  --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic__item-text--Color);
   --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic__item-icon--Color);
 }
 
@@ -70,8 +68,4 @@
 
 .pf-v5-c-helper-text__item-text {
   color: var(--pf-v5-c-helper-text__item-text--Color);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
-  --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--100);
 }

package/css/components/HelperText/helper-text.d.ts

@@ -11,7 +11,6 @@ declare const _default: {
     "success": "pf-m-success",
     "error": "pf-m-error",
     "dynamic": "pf-m-dynamic"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };
 export default _default;

package/css/components/HelperText/helper-text.js

@@ -13,6 +13,5 @@ exports.default = {
     "success": "pf-m-success",
     "error": "pf-m-error",
     "dynamic": "pf-m-dynamic"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/HelperText/helper-text.mjs

@@ -11,6 +11,5 @@ export default {
     "success": "pf-m-success",
     "error": "pf-m-error",
     "dynamic": "pf-m-dynamic"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/Hint/hint.css

@@ -6,14 +6,14 @@
   --pf-v5-c-hint--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v5-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
-  --pf-v5-c-hint--BorderWidth: var(--pf-t--global--border--width--200);
+  --pf-v5-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
   --pf-v5-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v5-c-hint--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
   --pf-v5-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v5-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
-  --pf-v5-c-hint__body--FontSize: var(--pf-t--global--font--size--body--md);
+  --pf-v5-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-hint__footer--MarginTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-hint__footer--child--MarginRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-hint__actions--MarginLeft: var(--pf-t--global--spacer--2xl);

package/css/components/InlineEdit/inline-edit.css

@@ -1,10 +1,10 @@
 .pf-v5-c-inline-edit {
-  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-v5-global--link--Color);
-  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
+  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
   --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
-  --pf-v5-c-inline-edit__group--m-footer--MarginTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-inline-edit__label--m-bold--FontWeight: var(--pf-v5-global--FontWeight--bold);
+  --pf-v5-c-inline-edit__group--m-footer--MarginTop: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
 }
 
 .pf-v5-c-inline-edit__group {

package/css/components/Login/login.css

@@ -27,7 +27,7 @@
   --pf-v5-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
   --pf-v5-c-login__main-header-desc--MarginBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-login__main-header-desc--md--MarginBottom: 0;
-  --pf-v5-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--md);
+  --pf-v5-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-login__main-body--PaddingRight: var(--pf-t--global--spacer--xl);
   --pf-v5-c-login__main-body--PaddingBottom: var(--pf-t--global--spacer--xl);
   --pf-v5-c-login__main-body--PaddingLeft: var(--pf-t--global--spacer--xl);

package/css/components/MenuToggle/menu-toggle.css

@@ -4,7 +4,7 @@
   --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
+  --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -273,6 +273,7 @@
   align-self: stretch;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
+  --pf-v5-c-check__input--TranslateY: 0;
   align-self: center;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {

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

@@ -31,7 +31,7 @@
   --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--MinHeight: calc(var(--pf-t--global--font--size--body--default) * 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);

package/css/components/Nav/nav.css

@@ -33,7 +33,7 @@
   --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
   --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
   --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
@@ -200,7 +200,7 @@
   --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
   --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
-  --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
   --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);