@patternfly/react-styles 6.0.0-alpha.10 → 6.0.0-alpha.12

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

@@ -1,5 +1,6 @@
 import './menu-toggle.css';
 declare const _default: {
+  "button": "pf-v5-c-button",
   "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "menuToggle": "pf-v5-c-menu-toggle",
@@ -12,18 +13,16 @@ declare const _default: {
   "modifiers": {
     "primary": "pf-m-primary",
     "secondary": "pf-m-secondary",
-    "expanded": "pf-m-expanded",
-    "plain": "pf-m-plain",
-    "text": "pf-m-text",
     "fullHeight": "pf-m-full-height",
+    "fullWidth": "pf-m-full-width",
+    "plain": "pf-m-plain",
+    "expanded": "pf-m-expanded",
+    "active": "pf-m-active",
     "disabled": "pf-m-disabled",
-    "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
-    "active": "pf-m-active",
-    "fullWidth": "pf-m-full-width"
+    "typeahead": "pf-m-typeahead"
   },
-  "textInputGroup": "pf-v5-c-text-input-group",
-  "themeDark": "pf-v5-theme-dark"
+  "textInputGroup": "pf-v5-c-text-input-group"
 };
 export default _default;

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

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 require('./menu-toggle.css');
 exports.default = {
+  "button": "pf-v5-c-button",
   "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "menuToggle": "pf-v5-c-menu-toggle",
@@ -14,17 +15,15 @@ exports.default = {
   "modifiers": {
     "primary": "pf-m-primary",
     "secondary": "pf-m-secondary",
-    "expanded": "pf-m-expanded",
-    "plain": "pf-m-plain",
-    "text": "pf-m-text",
     "fullHeight": "pf-m-full-height",
+    "fullWidth": "pf-m-full-width",
+    "plain": "pf-m-plain",
+    "expanded": "pf-m-expanded",
+    "active": "pf-m-active",
     "disabled": "pf-m-disabled",
-    "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
-    "active": "pf-m-active",
-    "fullWidth": "pf-m-full-width"
+    "typeahead": "pf-m-typeahead"
   },
-  "textInputGroup": "pf-v5-c-text-input-group",
-  "themeDark": "pf-v5-theme-dark"
+  "textInputGroup": "pf-v5-c-text-input-group"
 };

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

@@ -1,5 +1,6 @@
 import './menu-toggle.css';
 export default {
+  "button": "pf-v5-c-button",
   "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "menuToggle": "pf-v5-c-menu-toggle",
@@ -12,17 +13,15 @@ export default {
   "modifiers": {
     "primary": "pf-m-primary",
     "secondary": "pf-m-secondary",
-    "expanded": "pf-m-expanded",
-    "plain": "pf-m-plain",
-    "text": "pf-m-text",
     "fullHeight": "pf-m-full-height",
+    "fullWidth": "pf-m-full-width",
+    "plain": "pf-m-plain",
+    "expanded": "pf-m-expanded",
+    "active": "pf-m-active",
     "disabled": "pf-m-disabled",
-    "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
-    "active": "pf-m-active",
-    "fullWidth": "pf-m-full-width"
+    "typeahead": "pf-m-typeahead"
   },
-  "textInputGroup": "pf-v5-c-text-input-group",
-  "themeDark": "pf-v5-theme-dark"
+  "textInputGroup": "pf-v5-c-text-input-group"
 };

package/css/components/Pagination/pagination.css

@@ -10,15 +10,14 @@
 :where(.pf-v5-c-pagination) {
   --pf-v5-c-pagination--inset: 0;
   --pf-v5-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
-  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--md);
-  --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
   --pf-v5-c-pagination__nav--Display: none;
   --pf-v5-c-pagination--m-display-summary__nav--Display: none;
   --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
   --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
   --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
   --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2);
+  --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
   --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
   --pf-v5-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
   --pf-v5-c-pagination__total-items--Display: block;
@@ -37,10 +36,6 @@
   --pf-v5-c-pagination--m-bottom--Bottom: 0;
   --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-t--global--spacer--lg);
   --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-t--global--spacer--lg);
-  --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-t--global--spacer--lg);
-  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v5-c-pagination__page-menu--Display: none;
   --pf-v5-c-pagination--m-display-summary__page-menu--Display: none;
@@ -58,10 +53,7 @@
 @media screen and (min-width: 1200px) {
   :where(:root),
   :where(.pf-v5-c-pagination) {
-    --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
-    --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
     --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);
-    --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-c-pagination--m-page-insets--xl--inset);
   }
 }
 
@@ -115,8 +107,6 @@
     --pf-v5-c-pagination--m-bottom--Bottom: auto;
     position: relative;
     justify-content: flex-end;
-    padding-block-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingTop);
-    padding-block-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingBottom);
   }
   .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-first,
   .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-last,

package/css/components/ProgressStepper/progress-stepper.css

@@ -1,21 +1,22 @@
-.pf-v5-c-progress-stepper {
+:where(:root),
+:where(.pf-v5-c-progress-stepper) {
   --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
   --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-v5-c-progress-stepper__step-icon--Width) / 2);
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
-  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-t--global--border--width--box--default);
+  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
-  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: 0px;
   --pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
-  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
-  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop: 0;
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
@@ -30,11 +31,11 @@
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
-  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
-  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
   --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
   --pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
@@ -42,57 +43,58 @@
   --pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
   --pf-v5-c-progress-stepper--m-compact--GridAutoFlow: row;
   --pf-v5-c-progress-stepper--m-compact__step-main--MarginTop: 0;
-  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
   --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
-  --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
   --pf-v5-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
   --pf-v5-c-progress-stepper--m-center__step-connector--before--Left: 50%;
   --pf-v5-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
   --pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent: center;
-  --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-t--global--spacer--xs);
   --pf-v5-c-progress-stepper--m-center__step-main--TextAlign: center;
   --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
   --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
   --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
   --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
-  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
+  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
   --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
-  --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
-  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
+  --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-progress-stepper__step--m-current__step-icon--Color: var(--pf-t--global--icon--color--brand--default);
+  --pf-v5-c-progress-stepper__step--m-info__step-icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v5-c-progress-stepper__step--m-success__step-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-progress-stepper__step--m-warning__step-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-progress-stepper__step--m-danger__step-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-progress-stepper__step--m-custom__step-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
   --pf-v5-c-progress-stepper__pficon--MarginTop: 3px;
-  --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
-  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -2px;
+  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-progress-stepper__step-title--TextAlign: start;
-  --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
+  --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
+  --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
+  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
+  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
   --pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
-  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress-stepper__step-description--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
+  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
+  --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-progress-stepper__step-description--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-progress-stepper__step-description--TextAlign: start;
   --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
   --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
@@ -114,15 +116,10 @@
   --pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
   --pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
   --pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
-  position: relative;
-  display: grid;
-  grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
-  grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
-  grid-auto-columns: 1fr;
-  grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
 }
 @media screen and (min-width: 768px) {
-  .pf-v5-c-progress-stepper {
+  :where(:root),
+  :where(.pf-v5-c-progress-stepper) {
     --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--GridTemplateColumns);
     --pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Top);
@@ -145,6 +142,15 @@
     --pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
   }
 }
+
+.pf-v5-c-progress-stepper {
+  position: relative;
+  display: grid;
+  grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
+  grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
+  grid-auto-columns: 1fr;
+  grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
+}
 .pf-v5-c-progress-stepper.pf-m-center {
   --pf-v5-c-progress-stepper__step-connector--JustifyContent: var(--pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent);
   --pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-center__step-main--MarginRight);
@@ -204,8 +210,8 @@
   border: 0;
 }
 .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step.pf-m-current .pf-v5-c-progress-stepper__step-main {
-  grid-column: 1/-1;
   grid-row: 1/2;
+  grid-column: 1/-1;
 }
 .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step-description {
   display: none;
@@ -217,27 +223,27 @@
 .pf-v5-c-progress-stepper__step.pf-m-current {
   --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight);
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-title--Color);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-pending {
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-pending__step-title--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-success {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--success-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-success__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-danger {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-icon--Color);
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--Color);
   --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor);
 }
 .pf-v5-c-progress-stepper__step.pf-m-warning {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--warning-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-warning__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-info {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--info-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-info__step-icon--Color);
+}
+.pf-v5-c-progress-stepper__step.pf-m-custom {
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-custom__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step:last-child {
   --pf-v5-c-progress-stepper__step-main--MarginBottom: 0;
@@ -266,7 +272,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: var(--pf-v5-c-progress-stepper__step-icon--Width);
+  min-width: var(--pf-v5-c-progress-stepper__step-icon--Width);
   height: var(--pf-v5-c-progress-stepper__step-icon--Height);
   font-size: var(--pf-v5-c-progress-stepper__step-icon--FontSize);
   color: var(--pf-v5-c-progress-stepper__step-icon--Color);
@@ -308,6 +314,8 @@
   border: 0;
 }
 .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
+  padding-inline-start: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
+  padding-inline-end: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
   text-decoration: underline;
   text-decoration-thickness: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
   text-decoration-style: dashed;
@@ -315,13 +323,8 @@
   text-underline-offset: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
   cursor: pointer;
 }
-.pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover {
+.pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
-}
-.pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
-  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
 }
 
 .pf-v5-c-progress-stepper__step-description {

package/css/components/ProgressStepper/progress-stepper.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "info": "pf-m-info",
+    "custom": "pf-m-custom",
     "helpText": "pf-m-help-text",
     "horizontal": "pf-m-horizontal",
     "vertical": "pf-m-vertical",

package/css/components/ProgressStepper/progress-stepper.js

@@ -12,6 +12,7 @@ exports.default = {
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "info": "pf-m-info",
+    "custom": "pf-m-custom",
     "helpText": "pf-m-help-text",
     "horizontal": "pf-m-horizontal",
     "vertical": "pf-m-vertical",

package/css/components/ProgressStepper/progress-stepper.mjs

@@ -10,6 +10,7 @@ export default {
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "info": "pf-m-info",
+    "custom": "pf-m-custom",
     "helpText": "pf-m-help-text",
     "horizontal": "pf-m-horizontal",
     "vertical": "pf-m-vertical",

package/css/components/Table/table-grid.css

@@ -1,27 +1,25 @@
 .pf-v5-c-table[class*=pf-m-grid] {
   --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
-  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
+  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
   --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
   --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
-  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
-  --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
+  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-c-table__tbody--responsive--border-width--base);
+  --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
   --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
   --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
-  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
+  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
   --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
@@ -29,48 +27,34 @@
   --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
   --pf-v5-c-table--m-grid--cell--PaddingBottom: 0;
   --pf-v5-c-table--m-grid--cell--PaddingLeft: 0;
-  --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-table--cell--responsive--PaddingRight: 0;
   --pf-v5-c-table--cell--responsive--PaddingLeft: 0;
-  --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-t--global--spacer--xs);
   --pf-v5-c-table--m-compact__check--responsive--MarginTop: 0.4375rem;
-  --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
-  --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
+  --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1);
+  --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-t--global--spacer--xs) * -1);
   --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
-  --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-c-table__tbody--responsive--border-width--base);
   --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
   --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
-  --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-t--global--spacer--xl);
   --pf-v5-c-table--m-grid__action--MarginTop: 0.375rem;
-  --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-v5-global--spacer--2xl);
+  --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-t--global--spacer--2xl);
   --pf-v5-c-table--m-grid__check--favorite--action--MarginLeft: calc(var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft));
   --pf-v5-c-table__toggle__icon--Transition: .2s ease-in 0s;
   --pf-v5-c-table__toggle--m-expanded__icon--Rotate: 180deg;
 }
-@media screen and (max-width: 1200px) {
-  .pf-v5-c-table[class*=pf-m-grid] {
-    --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
-    --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
-  }
-}
-@media screen and (max-width: 1200px) {
-  .pf-v5-c-table[class*=pf-m-grid] {
-    --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight);
-    --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft);
-  }
-}
 
 .pf-m-grid.pf-v5-c-table {
   --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-grid--cell--PaddingTop);

package/css/components/Table/table-scrollable.css

@@ -1,14 +1,14 @@
 .pf-v5-c-table {
   --pf-v5-c-table__sticky-cell--MinWidth--base: 12.5rem;
   --pf-v5-c-table__sticky-cell--MinWidth: var(--pf-v5-c-table__sticky-cell--MinWidth--base);
-  --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
   --pf-v5-c-table__sticky-cell--Right: auto;
   --pf-v5-c-table__sticky-cell--Left: auto;
-  --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-table__sticky-cell--m-right--Right: 0;
   --pf-v5-c-table__sticky-cell--m-left--Left: 0;
   --pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v5-c-table__sticky-cell--ZIndex) + 1);