@patternfly/react-styles 6.5.0-prerelease.2 → 6.5.0-prerelease.21

package/css/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/css/components/Accordion/accordion.d.ts

@@ -9,11 +9,14 @@ declare const _default: {
   "accordionToggleText": "pf-v6-c-accordion__toggle-text",
   "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
+    "plain": "pf-m-plain",
+    "noPlainOnGlass": "pf-m-no-plain-on-glass",
     "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
     "expanded": "pf-m-expanded",
     "fixed": "pf-m-fixed"
-  }
+  },
+  "themeGlass": "pf-v6-theme-glass"
 };
 export default _default;

package/css/components/Accordion/accordion.js

@@ -11,10 +11,13 @@ exports.default = {
   "accordionToggleText": "pf-v6-c-accordion__toggle-text",
   "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
+    "plain": "pf-m-plain",
+    "noPlainOnGlass": "pf-m-no-plain-on-glass",
     "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
     "expanded": "pf-m-expanded",
     "fixed": "pf-m-fixed"
-  }
+  },
+  "themeGlass": "pf-v6-theme-glass"
 };

package/css/components/Accordion/accordion.mjs

@@ -9,10 +9,13 @@ export default {
   "accordionToggleText": "pf-v6-c-accordion__toggle-text",
   "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
+    "plain": "pf-m-plain",
+    "noPlainOnGlass": "pf-m-no-plain-on-glass",
     "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
     "expanded": "pf-m-expanded",
     "fixed": "pf-m-fixed"
-  }
+  },
+  "themeGlass": "pf-v6-theme-glass"
 };

package/css/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/css/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));

package/css/components/BackgroundImage/background-image.css

@@ -9,6 +9,12 @@
 
 .pf-v6-c-background-image {
   --pf-v6-c-background-image--BackgroundPosition: bottom right;
+}
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
+  --pf-v6-c-background-image--BackgroundPosition: bottom left;
+}
+
+.pf-v6-c-background-image {
   position: fixed;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -20,7 +26,4 @@
   background-repeat: no-repeat;
   background-position: var(--pf-v6-c-background-image--BackgroundPosition);
   background-size: var(--pf-v6-c-background-image--BackgroundSize);
-}
-:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
-  --pf-v6-c-background-image--BackgroundPosition: bottom left;
 }

package/css/components/Banner/banner.css

@@ -10,6 +10,14 @@
   --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
   --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
+}
+@media (min-width: 48rem) {
+  .pf-v6-c-banner {
+    --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
+    --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
+  }
+}
+.pf-v6-c-banner {
   --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
   --pf-v6-c-banner--link--TextDecoration: underline;
   --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -43,12 +51,6 @@
   --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
   --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
 }
-@media (min-width: 48rem) {
-  .pf-v6-c-banner {
-    --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
-    --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
-  }
-}
 
 .pf-v6-c-banner {
   flex-shrink: 0;

package/css/components/Brand/brand.css

@@ -7,7 +7,6 @@
   width: var(--pf-v6-c-brand--Width--base);
   height: var(--pf-v6-c-brand--Height--base);
   --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
-  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
 }
 @media (min-width: 36rem) {
   .pf-v6-c-brand {
@@ -34,6 +33,9 @@
     --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
   }
 }
+.pf-v6-c-brand {
+  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
+}
 @media (min-width: 36rem) {
   .pf-v6-c-brand {
     --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));

package/css/components/Breadcrumb/breadcrumb.css

@@ -1,5 +1,5 @@
 .pf-v6-c-breadcrumb {
-  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
@@ -10,12 +10,14 @@
   --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
   --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
   --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
+  --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
   --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
   --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
+  --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
   --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
-  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
+  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
   --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -48,15 +50,16 @@
   margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
 }
 
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
+  scale: -1 1;
+}
+
 .pf-v6-c-breadcrumb__item-divider {
   margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
   font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
   line-height: 1;
   color: var(--pf-v6-c-breadcrumb__item-divider--Color);
 }
-:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
-  scale: -1 1;
-}
 
 .pf-v6-c-breadcrumb__link {
   padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -67,6 +70,7 @@
   color: var(--pf-v6-c-breadcrumb__link--Color);
   text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
   text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
+  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
   word-break: break-word;
   background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
 }
@@ -74,6 +78,7 @@
   --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
   --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
   --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
+  --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
 }
 .pf-v6-c-breadcrumb__link.pf-m-current {
   cursor: default;