@patternfly/patternfly 6.5.0-prerelease.8 → 6.5.0-prerelease.81

package/base/tokens/tokens-redhat-glass.scss

@@ -0,0 +1,30 @@
+
+// Do not edit directly
+// Generated on Mon, 23 Mar 2026 14:56:21 GMT
+
+// Only tokens that differ from base theme (23 tokens)
+@mixin pf-v6-tokens {
+  --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
+  --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
+  --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
+  --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
+  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
+  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
+  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
+  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
+  --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
+  --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
+  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
+  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
+  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
+  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
+  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
+  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
+}

package/base/tokens/tokens-redhat-highcontrast-dark.scss

@@ -0,0 +1,50 @@
+
+// Do not edit directly
+// Generated on Mon, 23 Mar 2026 14:56:21 GMT
+
+// Only tokens that differ from base theme (43 tokens)
+@mixin pf-v6-tokens {
+  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
+  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
+  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
+  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
+  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
+  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100);
+  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
+  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
+  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
+  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
+  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
+  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
+  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
+  --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
+  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
+  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
+  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
+  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
+  --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
+  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
+  --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
+  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
+  --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
+  --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
+  --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
+  --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
+  --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
+  --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
+  --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
+  --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
+  --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
+  --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
+  --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
+  --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
+  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
+  --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
+  --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
+  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
+  --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300);
+  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
+  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
+}

package/base/tokens/tokens-redhat-highcontrast.scss

@@ -0,0 +1,128 @@
+
+// Do not edit directly
+// Generated on Mon, 23 Mar 2026 14:56:21 GMT
+
+// Only tokens that differ from base theme (121 tokens)
+@mixin pf-v6-tokens {
+  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
+  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
+  --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
+  --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
+  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
+  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
+  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
+  --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
+  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
+  --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
+  --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
+  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
+  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
+  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
+  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
+  --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
+  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
+  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
+  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
+  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
+  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
+  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
+  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
+  --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
+  --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
+  --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
+  --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
+  --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
+  --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
+  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
+  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
+  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
+  --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
+  --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
+  --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
+  --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
+  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
+  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
+  --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
+  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
+  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
+  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
+  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
+  --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
+  --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
+  --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
+  --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
+  --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
+  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
+  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
+  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
+  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
+  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
+  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
+  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
+  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
+  --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
+  --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
+  --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
+  --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
+  --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
+  --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
+  --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
+  --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
+  --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
+  --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
+  --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
+  --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
+  --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
+  --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
+  --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
+  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
+  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
+  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
+  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
+  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
+  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
+  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
+  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
+  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
+  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
+  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
+  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
+  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
+  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
+  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
+  --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
+  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
+  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
+  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
+  --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
+  --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
+  --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
+  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
+  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
+  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
+  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
+  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
+  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
+  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
+  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
+  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
+  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
+  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
+  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
+  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
+  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
+  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
+  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
+  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
+}

package/base/tokens/tokens-redhat.scss

@@ -0,0 +1,15 @@
+
+// Do not edit directly
+// Generated on Mon, 23 Mar 2026 14:56:21 GMT
+
+// Only tokens that differ from base theme (8 tokens)
+@mixin pf-v6-tokens {
+  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
+  --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
+  --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
+  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
+  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
+  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
+}

package/components/AboutModalBox/about-modal-box.css

@@ -17,31 +17,6 @@
   --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
   --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
   --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
-  --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
-  --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
-  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
 }
 @media screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
@@ -50,6 +25,14 @@
     --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
+  --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
+  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
+  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -60,17 +43,42 @@
     --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
+  --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
+  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
+  --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
     --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -94,7 +102,6 @@
   background-repeat: no-repeat;
   background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
   background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
-  --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
 }
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
@@ -110,6 +117,9 @@
     grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
+}
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
   --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
 }

package/components/Accordion/accordion.css

@@ -11,6 +11,8 @@
   --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: transparent;
+  --pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -25,7 +27,7 @@
   --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
   --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
   --pf-v6-c-accordion__toggle-icon--Rotate: 0;
-  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: -180deg;
   --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
   --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -58,6 +60,18 @@
   --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
   --pf-v6-c-accordion__expandable-content--TranslateY: 0;
   --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
+}
+@media screen and (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-accordion {
+    --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
+    --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
+    --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
+    --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
+    --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
+    --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
+  }
+}
+.pf-v6-c-accordion {
   --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -83,16 +97,6 @@
   --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
 }
-@media screen and (prefers-reduced-motion: no-preference) {
-  .pf-v6-c-accordion {
-    --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
-    --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
-    --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
-    --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
-    --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
-    --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
-  }
-}
 
 .pf-v6-c-accordion {
   display: flex;
@@ -100,6 +104,12 @@
   row-gap: var(--pf-v6-c-accordion--RowGap);
   background-color: var(--pf-v6-c-accordion--BackgroundColor);
 }
+:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-accordion.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass) {
+  --pf-v6-c-accordion--BackgroundColor: transparent;
+  --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
+  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
+  --pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
+}
 .pf-v6-c-accordion.pf-m-toggle-start {
   --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
 }
@@ -151,6 +161,7 @@
   --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
   --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
   --pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
+  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor);
   --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
   --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
   --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
@@ -203,13 +214,14 @@
   color: var(--pf-v6-c-accordion__toggle-text--Color);
 }
 
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
+  scale: -1 1;
+}
+
 .pf-v6-c-accordion__toggle-icon {
   transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
   transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
 }
-:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
-  scale: -1 1;
-}
 
 .pf-v6-c-accordion__expandable-content:where([hidden]) {
   display: revert;

package/components/Accordion/accordion.scss

@@ -18,6 +18,8 @@
   --#{$accordion}__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --#{$accordion}__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --#{$accordion}__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --#{$accordion}__item--m-expanded__toggle--BackgroundColor: transparent;
+  --#{$accordion}--m-plain__item--m-expanded__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --#{$accordion}__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
   --#{$accordion}__toggle--ZIndex: var(--pf-t--global--z-index--xs);
   --#{$accordion}__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -39,7 +41,7 @@
   --#{$accordion}__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
   --#{$accordion}__toggle-icon--Transition: transform var(--#{$accordion}__toggle-icon--TransitionDuration) var(--#{$accordion}__toggle-icon--TransitionTimingFunction); // TODO remove in breaking change along with shorthand property
   --#{$accordion}__toggle-icon--Rotate: 0;
-  --#{$accordion}__toggle--m-expanded__toggle-icon--Rotate: 90deg;
+  --#{$accordion}__toggle--m-expanded__toggle-icon--Rotate: -180deg;
 
   // accordion expandable content
   --#{$accordion}__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -127,6 +129,14 @@
   row-gap: var(--#{$accordion}--RowGap);
   background-color: var(--#{$accordion}--BackgroundColor);
 
+  :where(:root:not(.pf-v6-theme-glass)) &.pf-m-plain,
+  :where(:root.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass) {
+    --#{$accordion}--BackgroundColor: transparent;
+    --#{$accordion}__expandable-content--BackgroundColor: transparent;
+    --#{$accordion}__item--m-expanded--BackgroundColor: transparent;
+    --#{$accordion}__item--m-expanded__toggle--BackgroundColor: var(--#{$accordion}--m-plain__item--m-expanded__toggle--BackgroundColor);
+  }
+
   &.pf-m-toggle-start {
     --#{$accordion}__toggle--ColumnGap: var(--#{$accordion}--m-toggle-start__toggle--ColumnGap);
   }
@@ -183,6 +193,7 @@
     --#{$accordion}__item--before--Opacity: var(--#{$accordion}__item--m-expanded--before--Opacity);
     --#{$accordion}__item--before--TranslateY: var(--#{$accordion}__item--m-expanded--before--TranslateY);
     --#{$accordion}__item--BorderWidth: var(--#{$accordion}__item--m-expanded--BorderWidth);
+    --#{$accordion}__toggle--BackgroundColor: var(--#{$accordion}__item--m-expanded__toggle--BackgroundColor);
     --#{$accordion}__expandable-content--TransitionDuration--slide: var(--#{$accordion}__expandable-content--TransitionDuration--expand--slide);
     --#{$accordion}__expandable-content--TransitionDuration--fade: var(--#{$accordion}__expandable-content--TransitionDuration--expand--fade);
     --#{$accordion}__expandable-content--Opacity: var(--#{$accordion}__item--m-expanded__expandable-content--Opacity);
@@ -193,7 +204,6 @@
     --#{$accordion}__expandable-content--TransitionDuration--fade: 0s;
     --#{$accordion}__expandable-content--m-fixed--MaxHeight--base: var(--#{$accordion}__expandable-content--m-fixed--MaxHeight);
     --#{$accordion}__expandable-content--BorderWidth: var(--#{$accordion}__item--m-expanded__expandable-content--BorderWidth);
-
   }
 }
 

package/components/ActionList/action-list.css

@@ -4,6 +4,7 @@
   --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
   --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
   --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
+  --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
 }
 
 .pf-v6-c-action-list,
@@ -18,6 +19,7 @@
 }
 .pf-v6-c-action-list.pf-m-icons {
   --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
+  --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
   column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
 }
 .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {

package/components/ActionList/action-list.scss

@@ -10,6 +10,7 @@
 
   // * Action list icons
   --#{$action-list}--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
+  --#{$action-list}--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
 }
 
 // - Action list - Action list group
@@ -27,6 +28,7 @@
   // - Action list icons
   &.pf-m-icons {
     --#{$action-list}__group--ColumnGap: var(--#{$action-list}--m-icons--ColumnGap);
+    --#{$action-list}--m-vertical--RowGap:  var(--#{$action-list}--m-vertical--m-icons--RowGap);
 
     column-gap: var(--#{$action-list}--m-icons--ColumnGap); // update prop: val to prevent potential inheritance conflicts
   }

package/components/Alert/alert.css

@@ -67,7 +67,7 @@
     ". . description description"
     ". . actiongroup actiongroup";
   --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
-  --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
   --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
 }
 
@@ -140,20 +140,22 @@
   margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
 }
 
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
+  scale: -1 1;
+}
+
 .pf-v6-c-alert__toggle-icon {
   display: inline-block;
   transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
 }
-:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
-  scale: -1 1;
-}
 
 .pf-v6-c-alert__icon {
   grid-area: icon;
   margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
   font-size: var(--pf-v6-c-alert__icon--FontSize);
   color: var(--pf-v6-c-alert__icon--Color);
+  scale: 1.14;
 }
 
 .pf-v6-c-alert__title {
@@ -164,9 +166,9 @@
 }
 .pf-v6-c-alert__title.pf-m-truncate {
   display: -webkit-box;
+  overflow: hidden;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
-  overflow: hidden;
 }
 
 .pf-v6-c-alert__description {

package/components/Alert/alert.scss

@@ -102,7 +102,7 @@
   --#{$alert}--m-expandable__description--action-group--PaddingBlockStart: var(--#{$alert}__action-group--PaddingBlockStart-base);
 
   // Expanded
-  --#{$alert}--m-expanded__toggle-icon--Rotate: 90deg;
+  --#{$alert}--m-expanded__toggle-icon--Rotate: -180deg;
   --#{$alert}--m-expanded__description--action-group--PaddingBlockStart: var(--#{$alert}__description--action-group--PaddingBlockStart-base);
 }
 
@@ -197,6 +197,7 @@
   margin-inline-end: var(--#{$alert}__icon--MarginInlineEnd);
   font-size: var(--#{$alert}__icon--FontSize);
   color: var(--#{$alert}__icon--Color);
+  scale: 1.14;
 }
 
 .#{$alert}__title {

package/components/Avatar/avatar.css

@@ -28,7 +28,6 @@
 }
 .pf-v6-c-avatar.pf-m-sm {
   --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
-  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
 }
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-sm {
@@ -55,6 +54,9 @@
     --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
   }
 }
+.pf-v6-c-avatar.pf-m-sm {
+  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
+}
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-sm {
     --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -82,7 +84,6 @@
 }
 .pf-v6-c-avatar.pf-m-md {
   --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
-  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
 }
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-md {
@@ -109,6 +110,9 @@
     --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
   }
 }
+.pf-v6-c-avatar.pf-m-md {
+  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
+}
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-md {
     --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -136,7 +140,6 @@
 }
 .pf-v6-c-avatar.pf-m-lg {
   --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
-  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
 }
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-lg {
@@ -163,6 +166,9 @@
     --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
   }
 }
+.pf-v6-c-avatar.pf-m-lg {
+  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
+}
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-lg {
     --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -190,7 +196,6 @@
 }
 .pf-v6-c-avatar.pf-m-xl {
   --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
-  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
 }
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-xl {
@@ -217,6 +222,9 @@
     --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
   }
 }
+.pf-v6-c-avatar.pf-m-xl {
+  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
+}
 @media (min-width: 36rem) {
   .pf-v6-c-avatar.pf-m-xl {
     --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));