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

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.0.0-alpha.13 (2024-02-21)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
 # 6.0.0-alpha.12 (2024-02-16)
 
 ### Features

package/css/components/Accordion/accordion.css

@@ -2,7 +2,7 @@
   --pf-v5-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v5-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
-  --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
+  --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
   --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-t--global--spacer--md);

package/css/components/Button/button.css

@@ -14,7 +14,6 @@
   --pf-v5-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
   --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v5-c-button--TextDecoration: none;
-  --pf-v5-c-button--MixBlendMode: normal;
   --pf-v5-c-button--hover--BackgroundColor: transparent;
   --pf-v5-c-button--hover--BorderColor: transparent;
   --pf-v5-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
@@ -63,8 +62,6 @@
   --pf-v5-c-button--m-link--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v5-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
-  --pf-v5-c-button--m-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
-  --pf-v5-c-button--m-link--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v5-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -89,8 +86,6 @@
   --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
   --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
   --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
-  --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
-  --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
   --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
   --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -102,8 +97,6 @@
   --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
-  --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
-  --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
   --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -115,8 +108,6 @@
   --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode: normal;
-  --pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode: normal;
   --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
   --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
   --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
@@ -149,28 +140,28 @@
   --pf-v5-c-button--m-stateful--PaddingRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v5-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--hover);
+  --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v5-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
-  --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--clicked);
+  --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v5-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
-  --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
-  --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
-  --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
-  --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
-  --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
-  --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
-  --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
-  --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
-  --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--on-danger--default);
-  --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
-  --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
-  --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
-  --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
-  --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
-  --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
-  --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
-  --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
+  --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
+  --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
+  --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
+  --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
+  --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
+  --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
+  --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
+  --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
+  --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
+  --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
+  --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
+  --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
+  --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
+  --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
+  --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
+  --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
+  --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
+  --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
   --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
   --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
   --pf-v5-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
@@ -200,7 +191,6 @@
   --pf-v5-c-button--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-small--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
-  --pf-v5-c-button--disabled--MixBlendMode: normal;
   --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v5-c-button--disabled--BorderColor: transparent;
   --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
@@ -226,7 +216,7 @@
   --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
   --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
   --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
+  --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
   --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -257,7 +247,6 @@
   border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
   border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
   border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
-  mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
 }
 .pf-v5-c-button::after {
   position: absolute;
@@ -325,13 +314,11 @@
   --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-link--BorderRadius);
   --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-link--BackgroundColor);
   --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-link__icon--Color);
-  --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--hover--MixBlendMode);
   --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-link--hover--Color);
   --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
   --pf-v5-c-button--hover__icon--Color: var(--pf-v5-c-button--m-link--hover__icon--Color);
   --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-link--m-clicked--Color);
   --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-clicked--BackgroundColor);
-  --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-clicked--MixBlendMode);
   --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-clicked__icon--Color);
 }
 .pf-v5-c-button.pf-m-link.pf-m-inline {
@@ -346,9 +333,7 @@
   --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left);
   --pf-v5-c-button--hover--TextDecoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
   --pf-v5-c-button--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode);
   --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
-  --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode);
   --pf-v5-c-button--disabled--BackgroundColor: transparent;
   --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--m-inline--disabled--Color);
   --pf-v5-c-button--disabled__icon--Color: var(--pf-v5-c-button--m-link--m-inline--disabled__icon--Color);
@@ -459,10 +444,8 @@
   --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
   --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-plain--hover--Color);
   --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
-  --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--hover--MixBlendMode);
   --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-plain--m-clicked--Color);
   --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-clicked--BackgroundColor);
-  --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-clicked--MixBlendMode);
   --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
   --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
   --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
@@ -479,8 +462,6 @@
   --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
   --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
   --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
-  --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode);
-  --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode);
   min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
 }
 .pf-v5-c-button.pf-m-block {
@@ -506,7 +487,6 @@
   --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--hover--BorderColor);
   --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--hover--BorderWidth);
   --pf-v5-c-button--TextDecoration: var(--pf-v5-c-button--hover--TextDecoration);
-  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--hover--MixBlendMode);
   --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--hover__icon--Color);
 }
 .pf-v5-c-button.pf-m-clicked {
@@ -514,7 +494,6 @@
   --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-clicked--BackgroundColor);
   --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--m-clicked--BorderWidth);
   --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--m-clicked--BorderColor);
-  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-clicked--MixBlendMode);
   --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-clicked__icon--Color);
 }
 .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
@@ -524,7 +503,6 @@
   --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
   --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
   --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
-  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--disabled--MixBlendMode);
   color: var(--pf-v5-c-button--disabled--Color);
   background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
 }

package/css/components/DataList/data-list.css

@@ -541,7 +541,7 @@
   --pf-v5-c-data-list__expandable-content-body--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v5-c-data-list--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v5-c-data-list--m-compact--LineHeight: var(--pf-t--global--font--line-height--body);
-  --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--md);
+  --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-data-list--m-compact__cell--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-data-list--m-compact__cell--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-data-list--m-compact__cell--md--PaddingBottom: 0;

package/css/components/DualListSelector/dual-list-selector.css

@@ -24,7 +24,6 @@
   --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
   --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
   --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
   --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
@@ -38,7 +37,7 @@
   --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
   --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
   --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
   --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
@@ -55,7 +54,7 @@
   --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
   --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
   --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
-  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
 }
 
 .pf-v5-c-dual-list-selector {
@@ -165,10 +164,6 @@
   display: flex;
   font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
   background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
-  border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
-}
-.pf-v5-c-dual-list-selector__list-item-row:hover {
-  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
 }
 .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected {
   --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
@@ -177,7 +172,7 @@
   --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
   font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
 }
-.pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
+.pf-v5-c-dual-list-selector__list-item-row:hover {
   --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
 }
 .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {

package/css/components/Form/form.css

@@ -50,13 +50,13 @@
   --pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
   --pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
-  --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-c-form__field-group-header--PaddingTop);
   --pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
   --pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
-  --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
-  --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
+  --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v5-c-button--m-plain--PaddingTop) * -1);
+  --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v5-c-button--m-plain--PaddingBottom) * -1);
   --pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
   --pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
@@ -70,8 +70,6 @@
   --pf-v5-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
   --pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
   --pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
-  --pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
   --pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -444,8 +442,6 @@
 }
 
 .pf-v5-c-form__field-group-header-actions {
-  margin-block-start: var(--pf-v5-c-form__field-group-header-actions--MarginTop);
-  margin-block-end: var(--pf-v5-c-form__field-group-header-actions--MarginBottom);
   margin-inline-start: var(--pf-v5-c-form__field-group-header-actions--MarginLeft);
   white-space: nowrap;
 }

package/css/components/FormControl/form-control.css

@@ -23,9 +23,9 @@
   --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
   --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
   --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
-  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
-  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
   --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -35,7 +35,7 @@
   --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
   --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
   --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
-  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
   --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
   --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;

package/css/components/Label/label.css

@@ -147,7 +147,6 @@
   --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
-  --pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v5-c-label--m-add--BackgroundColor: transparent;
   --pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -293,7 +292,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-warning {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
@@ -305,7 +304,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-danger {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
@@ -317,7 +316,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-info {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
@@ -329,7 +328,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-custom {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
@@ -341,7 +340,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-compact {
   --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
@@ -386,7 +385,6 @@
 .pf-v5-c-label.pf-m-overflow {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
-  mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
 }
 .pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
   --pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);

package/css/components/Login/login.css

@@ -39,13 +39,8 @@
   --pf-v5-c-login__main-footer-links--PaddingRight: var(--pf-t--global--spacer--3xl);
   --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
   --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
-  --pf-v5-c-login__main-footer-links-item--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v5-c-login__main-footer-links-item--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v5-c-login__main-footer-links-item--MarginBottom: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-login__main-footer-links-item-link-svg--Fill: var(--pf-t--global--icon--color--subtle);
-  --pf-v5-c-login__main-footer-links-item-link-svg--Width: var(--pf-t--global--icon--size--lg);
-  --pf-v5-c-login__main-footer-links-item-link-svg--Height: var(--pf-t--global--icon--size--lg);
-  --pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-t--global--icon--color--nonstatus--hover);
+  --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
   --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -224,6 +219,7 @@
 .pf-v5-c-login__main-footer-links {
   display: flex;
   flex-wrap: wrap;
+  gap: var(--pf-v5-c-login__main-footer-links--Gap);
   justify-content: center;
   padding-block-start: var(--pf-v5-c-login__main-footer-links--PaddingTop);
   padding-block-end: var(--pf-v5-c-login__main-footer-links--PaddingBottom);
@@ -231,21 +227,8 @@
   padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
 }
 
-.pf-v5-c-login__main-footer-links-item {
-  padding-inline-start: var(--pf-v5-c-login__main-footer-links-item--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-login__main-footer-links-item--PaddingRight);
-  margin-block-end: var(--pf-v5-c-login__main-footer-links-item--MarginBottom);
-}
-
-.pf-v5-c-login__main-footer-links-item-link svg {
-  width: 100%;
-  max-width: var(--pf-v5-c-login__main-footer-links-item-link-svg--Width);
-  height: 100%;
-  max-height: var(--pf-v5-c-login__main-footer-links-item-link-svg--Height);
-  fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--Fill);
-}
-.pf-v5-c-login__main-footer-links-item-link:hover svg {
-  fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill);
+.pf-v5-c-login__main-footer-links-item .pf-v5-c-button {
+  --pf-v5-c-button--FontSize: var(--pf-v5-c-login__main-footer-links-item--c-button--FontSize);
 }
 
 .pf-v5-c-login__main-footer-band {

package/css/components/Login/login.d.ts

@@ -1,6 +1,7 @@
 import './login.css';
 declare const _default: {
   "brand": "pf-v5-c-brand",
+  "button": "pf-v5-c-button",
   "dropdown": "pf-v5-c-dropdown",
   "list": "pf-v5-c-list",
   "login": "pf-v5-c-login",
@@ -13,7 +14,6 @@ declare const _default: {
   "loginMainFooterBand": "pf-v5-c-login__main-footer-band",
   "loginMainFooterLinks": "pf-v5-c-login__main-footer-links",
   "loginMainFooterLinksItem": "pf-v5-c-login__main-footer-links-item",
-  "loginMainFooterLinksItemLink": "pf-v5-c-login__main-footer-links-item-link",
   "loginMainHeader": "pf-v5-c-login__main-header",
   "loginMainHeaderDesc": "pf-v5-c-login__main-header-desc",
   "loginMainHeaderUtilities": "pf-v5-c-login__main-header-utilities",

package/css/components/Login/login.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 require('./login.css');
 exports.default = {
   "brand": "pf-v5-c-brand",
+  "button": "pf-v5-c-button",
   "dropdown": "pf-v5-c-dropdown",
   "list": "pf-v5-c-list",
   "login": "pf-v5-c-login",
@@ -15,7 +16,6 @@ exports.default = {
   "loginMainFooterBand": "pf-v5-c-login__main-footer-band",
   "loginMainFooterLinks": "pf-v5-c-login__main-footer-links",
   "loginMainFooterLinksItem": "pf-v5-c-login__main-footer-links-item",
-  "loginMainFooterLinksItemLink": "pf-v5-c-login__main-footer-links-item-link",
   "loginMainHeader": "pf-v5-c-login__main-header",
   "loginMainHeaderDesc": "pf-v5-c-login__main-header-desc",
   "loginMainHeaderUtilities": "pf-v5-c-login__main-header-utilities",

package/css/components/Login/login.mjs

@@ -1,6 +1,7 @@
 import './login.css';
 export default {
   "brand": "pf-v5-c-brand",
+  "button": "pf-v5-c-button",
   "dropdown": "pf-v5-c-dropdown",
   "list": "pf-v5-c-list",
   "login": "pf-v5-c-login",
@@ -13,7 +14,6 @@ export default {
   "loginMainFooterBand": "pf-v5-c-login__main-footer-band",
   "loginMainFooterLinks": "pf-v5-c-login__main-footer-links",
   "loginMainFooterLinksItem": "pf-v5-c-login__main-footer-links-item",
-  "loginMainFooterLinksItemLink": "pf-v5-c-login__main-footer-links-item-link",
   "loginMainHeader": "pf-v5-c-login__main-header",
   "loginMainHeaderDesc": "pf-v5-c-login__main-header-desc",
   "loginMainHeaderUtilities": "pf-v5-c-login__main-header-utilities",

package/css/components/Menu/menu.css

@@ -184,8 +184,6 @@
   --pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
-  --pf-v5-c-menu__list-item--MixBlendMode: normal;
-  --pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
   --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
   --pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -242,9 +240,12 @@
   --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
   --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
   --pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
+  --pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
+  --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
+  --pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
   --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
   --pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
-  --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
+  --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
 }
 
 .pf-v5-c-menu,
@@ -473,7 +474,6 @@
   inset: 0;
   content: "";
   background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
-  mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
 }
 .pf-v5-c-menu__list-item.pf-m-load {
   --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
@@ -497,7 +497,6 @@
 }
 .pf-v5-c-menu__list-item:has(> :hover) {
   --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
-  --pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
 }
 .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
 .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {

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

@@ -73,8 +73,6 @@
   --pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
   --pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
-  --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-menu-toggle__controls--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
   --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
   --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
@@ -98,13 +96,11 @@
   --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
-  --pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
-  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
-  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
+  --pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
   --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
 }
@@ -112,6 +108,7 @@
 .pf-v5-c-menu-toggle {
   position: relative;
   display: inline-flex;
+  column-gap: var(--pf-v5-c-menu-toggle--ColumnGap);
   align-items: center;
   justify-content: center;
   min-width: var(--pf-v5-c-menu-toggle--MinWidth);
@@ -196,22 +193,11 @@
   --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
   --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
   --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
-  mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
+  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor);
 }
 .pf-v5-c-menu-toggle.pf-m-plain::before {
   border: none;
 }
-.pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
-  padding: revert;
-}
-.pf-v5-c-menu-toggle:is(button),
-.pf-v5-c-menu-toggle .pf-v5-c-button {
-  background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
-}
-.pf-v5-c-menu-toggle:is(button):has(> i:only-child),
-.pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
-  aspect-ratio: 1/1;
-}
 .pf-v5-c-menu-toggle:is(:hover, :focus) {
   --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
   --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
@@ -249,6 +235,7 @@
 }
 
 .pf-v5-c-menu-toggle.pf-m-split-button {
+  --pf-v5-c-menu-toggle--ColumnGap: 0;
   padding: 0;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button > * {
@@ -282,7 +269,6 @@
 }
 
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
-  --pf-v5-c-menu-toggle--ColumnGap: 0;
   --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
 }
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
@@ -323,6 +309,7 @@
 
 .pf-v5-c-menu-toggle.pf-m-typeahead {
   --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
+  --pf-v5-c-menu-toggle--ColumnGap: 0;
   align-items: stretch;
   padding: 0;
 }
@@ -330,7 +317,6 @@
   --pf-v5-c-menu-toggle__button--PaddingRight: 0;
 }
 .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
-  --pf-v5-c-menu-toggle--ColumnGap: 0;
   --pf-v5-c-menu-toggle__button--PaddingRight: 0;
   display: flex;
   align-items: stretch;
@@ -357,8 +343,6 @@
 .pf-v5-c-menu-toggle__icon {
   flex-shrink: 0;
   align-self: center;
-  margin-inline-end: var(--pf-v5-c-menu-toggle__icon--MarginRight);
-  line-height: 1;
 }
 
 .pf-v5-c-menu-toggle__text {
@@ -371,7 +355,6 @@
 .pf-v5-c-menu-toggle__count {
   display: flex;
   flex-wrap: nowrap;
-  margin-inline-start: var(--pf-v5-c-menu-toggle__count--MarginLeft);
 }
 
 .pf-v5-c-menu-toggle__controls {
@@ -379,7 +362,7 @@
   align-items: center;
   justify-content: center;
   min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
-  margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
+  margin-inline-start: auto;
 }
 
 .pf-v5-c-menu-toggle__toggle-icon {