@patternfly/patternfly 6.0.0-alpha.230 → 6.0.0-alpha.231

package/components/_index.css

@@ -403,7 +403,8 @@
   --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
   --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-alert__toggle-icon--Rotate: 0;
-  --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
   --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
   --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
@@ -524,7 +525,7 @@
 
 .pf-v6-c-alert__toggle-icon {
   display: inline-block;
-  transition: var(--pf-v6-c-alert__toggle-icon--Transition);
+  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 {
@@ -2238,7 +2239,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
   --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
-  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
   --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
   --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
   --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -2411,7 +2413,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 
 .pf-v6-c-card__header-toggle-icon {
   display: inline-block;
-  transition: var(--pf-v6-c-card__header-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-card__header-toggle-icon--TransitionDuration) var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
   scale: -1 1;
@@ -4521,7 +4523,8 @@ ul) {
   --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
   --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
   --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
-  --pf-v6-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
   --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
 }
@@ -4744,7 +4747,7 @@ ul) {
   min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
   color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
   text-align: center;
-  transition: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
 }
 
@@ -6335,7 +6338,8 @@ ul) {
   --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
   --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
   --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
-  --pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
   --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
@@ -6740,7 +6744,7 @@ ul) {
   display: inline-block;
   min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
   text-align: center;
-  transition: var(--pf-v6-c-form__field-group-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -7676,7 +7680,8 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-jump-links__toggle--Display: none;
   --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
   --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
 }
@@ -7867,7 +7872,7 @@ label.pf-v6-c-input-group__text {
 .pf-v6-c-jump-links__toggle-icon {
   display: inline-block;
   color: var(--pf-v6-c-jump-links__toggle-icon--Color);
-  transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -9461,13 +9466,13 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu--m-flyout__menu--InsetInlineStart: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
   --pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
   --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
-  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
-  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
+  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
+  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
   --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
   --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
-  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
+  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
   --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
-  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
+  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
   --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
   --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
 }
@@ -11412,7 +11417,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__sidebar--Width: 18.125rem;
   --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__sidebar--BoxShadow: none;
-  --pf-v6-c-page__sidebar--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
+  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-page__sidebar--TranslateX: -100%;
   --pf-v6-c-page__sidebar--TranslateZ: 0;
   --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
@@ -11534,7 +11540,7 @@ ul.pf-v6-c-list {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
-  transition: var(--pf-v6-c-page__sidebar--Transition);
+  transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
   transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -16233,7 +16239,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
-  --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
+  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
   --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -16256,7 +16263,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
   --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -16727,7 +16733,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
 }
 .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
-  transition: var(--pf-v6-c-table__toggle--c-button__toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -16879,10 +16885,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   position: relative;
   border-block-end: 0 solid transparent;
 }
-.pf-v6-c-table__expandable-row,
-.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
-  transition: var(--pf-v6-c-table__expandable-row--Transition);
-}
 :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
 :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
   padding-block-start: 0;
@@ -19357,7 +19359,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
-  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
   --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
   --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -19689,7 +19692,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 
 .pf-v6-c-toolbar__expand-all-icon {
   display: inline-flex;
-  transition: var(--pf-v6-c-toolbar__expand-all-icon--Transition);
+  transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -21926,7 +21929,8 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
   --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
   --pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
@@ -22332,7 +22336,7 @@ label.pf-v6-c-tree-view__node-text {
 
 .pf-v6-c-wizard__nav-link-toggle-icon {
   display: inline-block;
-  transition: var(--pf-v6-c-wizard__nav-link-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {

package/docs/demos/Table/examples/Table.md

@@ -13963,18 +13963,18 @@ wrapperTag: div
 ### Sticky header and multiple columns
 
 ```html isFullscreen
-<div class="pf-v6-c-page" id="sticky-header-and-multiple columns-demo">
+<div class="pf-v6-c-page" id="sticky-header-and-multiple-columns-demo">
   <div class="pf-v6-c-skip-to-content">
     <a
       class="pf-v6-c-button pf-m-primary"
-      href="#main-content-sticky-header-and-multiple columns-demo"
+      href="#main-content-sticky-header-and-multiple-columns-demo"
     >
       <span class="pf-v6-c-button__text">Skip to content</span>
     </a>
   </div>
   <header
     class="pf-v6-c-masthead"
-    id="sticky-header-and-multiple columns-demo-masthead"
+    id="sticky-header-and-multiple-columns-demo-masthead"
   >
     <div class="pf-v6-c-masthead__main">
       <span class="pf-v6-c-masthead__toggle">
@@ -13998,7 +13998,7 @@ wrapperTag: div
                 y1="2.25860997e-13%"
                 x2="32%"
                 y2="100%"
-                id="linearGradient-sticky-header-and-multiple columns-demo-masthead"
+                id="linearGradient-sticky-header-and-multiple-columns-demo-masthead"
               >
                 <stop stop-color="#2B9AF3" offset="0%" />
                 <stop
@@ -14052,11 +14052,11 @@ wrapperTag: div
                 />
                 <path
                   d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
-                  fill="url(#linearGradient-sticky-header-and-multiple columns-demo-masthead)"
+                  fill="url(#linearGradient-sticky-header-and-multiple-columns-demo-masthead)"
                 />
                 <path
                   d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
-                  fill="url(#linearGradient-sticky-header-and-multiple columns-demo-masthead)"
+                  fill="url(#linearGradient-sticky-header-and-multiple-columns-demo-masthead)"
                   transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
                 />
               </g>
@@ -14068,7 +14068,7 @@ wrapperTag: div
     <div class="pf-v6-c-masthead__content">
       <div
         class="pf-v6-c-toolbar pf-m-static"
-        id="sticky-header-and-multiple columns-demo-masthead-toolbar"
+        id="sticky-header-and-multiple-columns-demo-masthead-toolbar"
       >
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
@@ -14138,7 +14138,7 @@ wrapperTag: div
     <div class="pf-v6-c-page__sidebar-body">
       <nav
         class="pf-v6-c-nav"
-        id="sticky-header-and-multiple columns-demo-primary-nav"
+        id="sticky-header-and-multiple-columns-demo-primary-nav"
         aria-label="Global"
       >
         <ul class="pf-v6-c-nav__list" role="list">
@@ -14179,7 +14179,7 @@ wrapperTag: div
     <main
       class="pf-v6-c-page__main"
       tabindex="-1"
-      id="main-content-sticky-header-and-multiple columns-demo"
+      id="main-content-sticky-header-and-multiple-columns-demo"
     >
       <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
@@ -14230,7 +14230,7 @@ wrapperTag: div
           <div class="pf-v6-c-scroll-outer-wrapper">
             <div
               class="pf-v6-c-toolbar"
-              id="sticky-header-and-multiple columns-demo-toolbar"
+              id="sticky-header-and-multiple-columns-demo-toolbar"
             >
               <div class="pf-v6-c-toolbar__content">
                 <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
@@ -14243,7 +14243,7 @@ wrapperTag: div
                         type="button"
                         aria-expanded="false"
                         aria-label="Show filters"
-                        aria-controls="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
+                        aria-controls="sticky-header-and-multiple-columns-demo-toolbar-expandable-content"
                       >
                         <span class="pf-v6-c-menu-toggle__icon">
                           <i class="fas fa-filter" aria-hidden="true"></i>
@@ -14253,17 +14253,17 @@ wrapperTag: div
                     <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
                       <div
                         class="pf-v6-c-menu-toggle pf-m-split-button"
-                        id="sticky-header-and-multiple columns-demo-toolbar-check"
+                        id="sticky-header-and-multiple-columns-demo-toolbar-check"
                       >
                         <label
                           class="pf-v6-c-check pf-m-standalone"
-                          for="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
+                          for="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
                         >
                           <input
                             class="pf-v6-c-check__input"
                             type="checkbox"
-                            id="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
-                            name="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
+                            id="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
+                            name="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
                             aria-label="Standalone check"
                           />
                         </label>
@@ -14271,7 +14271,7 @@ wrapperTag: div
                           class="pf-v6-c-menu-toggle__button"
                           type="button"
                           aria-expanded="false"
-                          id="sticky-header-and-multiple columns-demo-toolbar-menu-toggle-toggle-button"
+                          id="sticky-header-and-multiple-columns-demo-toolbar-menu-toggle-toggle-button"
                           aria-label="Menu toggle"
                         >
                           <span class="pf-v6-c-menu-toggle__controls">
@@ -14294,7 +14294,7 @@ wrapperTag: div
                             class="pf-v6-c-menu-toggle"
                             type="button"
                             aria-expanded="false"
-                            id="sticky-header-and-multiple columns-demo-toolbar-search-filter-menu"
+                            id="sticky-header-and-multiple-columns-demo-toolbar-search-filter-menu"
                           >
                             <span class="pf-v6-c-menu-toggle__icon">
                               <i class="fas fa-filter" aria-hidden="true"></i>
@@ -14348,7 +14348,7 @@ wrapperTag: div
 
                   <div
                     class="pf-v6-c-overflow-menu"
-                    id="sticky-header-and-multiple columns-demo-toolbar-overflow-menu"
+                    id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu"
                   >
                     <div
                       class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
@@ -14372,7 +14372,7 @@ wrapperTag: div
                         type="button"
                         aria-expanded="false"
                         aria-label="Menu toggle"
-                        id="sticky-header-and-multiple columns-demo-toolbar-overflow-menu-toggle"
+                        id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu-toggle"
                       >
                         <span class="pf-v6-c-menu-toggle__icon">
                           <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -14389,7 +14389,7 @@ wrapperTag: div
                           type="button"
                           aria-expanded="false"
                           aria-label="Menu toggle"
-                          id="sticky-header-and-multiple columns-demo-toolbar-top-pagination"
+                          id="sticky-header-and-multiple-columns-demo-toolbar-top-pagination"
                         >
                           <span class="pf-v6-c-menu-toggle__text">
                             <b>1 - 10</b>&nbsp;of&nbsp;
@@ -14436,7 +14436,7 @@ wrapperTag: div
 
                 <div
                   class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
-                  id="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
+                  id="sticky-header-and-multiple-columns-demo-toolbar-expandable-content"
                   hidden
                 ></div>
               </div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.230",
+  "version": "6.0.0-alpha.231",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-base-no-globals.css

@@ -5681,9 +5681,6 @@
     var(--pf-t--global--box-shadow--blur--lg)
     var(--pf-t--global--box-shadow--spread--lg)
     var(--pf-t--global--box-shadow--color--lg);
-  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
-  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
-  --pf-t--global--transition--duration: 250ms;
   --pf-t--global--list-style: disc outside;
   --pf-t--temp--dev--tbd: #BC11E0;
 }

package/patternfly-base.css

@@ -5802,9 +5802,6 @@ button) {
     var(--pf-t--global--box-shadow--blur--lg)
     var(--pf-t--global--box-shadow--spread--lg)
     var(--pf-t--global--box-shadow--color--lg);
-  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
-  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
-  --pf-t--global--transition--duration: 250ms;
   --pf-t--global--list-style: disc outside;
   --pf-t--temp--dev--tbd: #BC11E0;
 }

package/patternfly-no-globals.css

@@ -5682,9 +5682,6 @@
     var(--pf-t--global--box-shadow--blur--lg)
     var(--pf-t--global--box-shadow--spread--lg)
     var(--pf-t--global--box-shadow--color--lg);
-  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
-  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
-  --pf-t--global--transition--duration: 250ms;
   --pf-t--global--list-style: disc outside;
   --pf-t--temp--dev--tbd: #BC11E0;
 }
@@ -6467,7 +6464,8 @@
   --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
   --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-alert__toggle-icon--Rotate: 0;
-  --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
   --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
   --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
@@ -6588,7 +6586,7 @@
 
 .pf-v6-c-alert__toggle-icon {
   display: inline-block;
-  transition: var(--pf-v6-c-alert__toggle-icon--Transition);
+  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 {
@@ -8302,7 +8300,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
   --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
-  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
   --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
   --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
   --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -8475,7 +8474,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 
 .pf-v6-c-card__header-toggle-icon {
   display: inline-block;
-  transition: var(--pf-v6-c-card__header-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-card__header-toggle-icon--TransitionDuration) var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
   scale: -1 1;
@@ -10585,7 +10584,8 @@ ul) {
   --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
   --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
   --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
-  --pf-v6-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
   --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
 }
@@ -10808,7 +10808,7 @@ ul) {
   min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
   color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
   text-align: center;
-  transition: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
 }
 
@@ -12399,7 +12399,8 @@ ul) {
   --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
   --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
   --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
-  --pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
   --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
@@ -12804,7 +12805,7 @@ ul) {
   display: inline-block;
   min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
   text-align: center;
-  transition: var(--pf-v6-c-form__field-group-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -13740,7 +13741,8 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-jump-links__toggle--Display: none;
   --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
   --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
 }
@@ -13931,7 +13933,7 @@ label.pf-v6-c-input-group__text {
 .pf-v6-c-jump-links__toggle-icon {
   display: inline-block;
   color: var(--pf-v6-c-jump-links__toggle-icon--Color);
-  transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -15525,13 +15527,13 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu--m-flyout__menu--InsetInlineStart: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
   --pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
   --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
-  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
-  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
+  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
+  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
   --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
   --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
-  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
+  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
   --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
-  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
+  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
   --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
   --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
 }
@@ -17476,7 +17478,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__sidebar--Width: 18.125rem;
   --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__sidebar--BoxShadow: none;
-  --pf-v6-c-page__sidebar--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
+  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-page__sidebar--TranslateX: -100%;
   --pf-v6-c-page__sidebar--TranslateZ: 0;
   --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
@@ -17598,7 +17601,7 @@ ul.pf-v6-c-list {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
-  transition: var(--pf-v6-c-page__sidebar--Transition);
+  transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
   transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -22297,7 +22300,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
-  --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
+  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
   --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -22320,7 +22324,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
   --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -22791,7 +22794,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
 }
 .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
-  transition: var(--pf-v6-c-table__toggle--c-button__toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -22943,10 +22946,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   position: relative;
   border-block-end: 0 solid transparent;
 }
-.pf-v6-c-table__expandable-row,
-.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
-  transition: var(--pf-v6-c-table__expandable-row--Transition);
-}
 :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
 :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
   padding-block-start: 0;
@@ -25421,7 +25420,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
-  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
   --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
   --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -25753,7 +25753,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 
 .pf-v6-c-toolbar__expand-all-icon {
   display: inline-flex;
-  transition: var(--pf-v6-c-toolbar__expand-all-icon--Transition);
+  transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -27990,7 +27990,8 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
+  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
+  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
   --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
   --pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
@@ -28396,7 +28397,7 @@ label.pf-v6-c-tree-view__node-text {
 
 .pf-v6-c-wizard__nav-link-toggle-icon {
   display: inline-block;
-  transition: var(--pf-v6-c-wizard__nav-link-toggle-icon--Transition);
+  transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {