@patternfly/patternfly 6.3.0-prerelease.23 → 6.3.0-prerelease.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/components/Accordion/accordion.css +11 -12
  2. package/components/Accordion/accordion.scss +11 -10
  3. package/components/Button/button.css +12 -5
  4. package/components/Button/button.scss +15 -4
  5. package/components/Menu/menu.css +24 -4
  6. package/components/Menu/menu.scss +20 -5
  7. package/components/TreeView/tree-view.css +9 -3
  8. package/components/TreeView/tree-view.scss +9 -3
  9. package/components/_index.css +56 -24
  10. package/package.json +2 -2
  11. package/patternfly-no-globals.css +56 -24
  12. package/patternfly.css +56 -24
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -7838,33 +7838,32 @@
7838
7838
  }
7839
7839
 
7840
7840
  .pf-v6-c-accordion__expandable-content {
7841
- display: none;
7842
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7841
+ max-height: 0;
7843
7842
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7844
7843
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7845
7844
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7846
7845
  color: var(--pf-v6-c-accordion__expandable-content--Color);
7846
+ visibility: hidden;
7847
7847
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7848
7848
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7849
7849
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7850
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7850
7851
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7851
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7852
- transition-property: opacity, translate, display;
7853
- transition-behavior: allow-discrete;
7852
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
7853
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
7854
7854
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7855
7855
  }
7856
7856
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7857
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7858
7857
  overflow-y: auto;
7859
7858
  }
7860
7859
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7861
- display: revert;
7860
+ max-height: 9999px;
7861
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7862
+ visibility: revert;
7863
+ transition-delay: 0s;
7862
7864
  }
7863
- @starting-style {
7864
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7865
- --pf-v6-c-accordion__expandable-content--Opacity: 0;
7866
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7867
- }
7865
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7866
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7868
7867
  }
7869
7868
 
7870
7869
  .pf-v6-c-accordion__expandable-content-body {
@@ -9011,8 +9010,8 @@ button.pf-v6-c-breadcrumb__link {
9011
9010
  --pf-v6-c-button--TextDecorationStyle: none;
9012
9011
  --pf-v6-c-button--TextDecorationColor: currentcolor;
9013
9012
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9014
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9015
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
9013
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9014
+ --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9016
9015
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9017
9016
  --pf-v6-c-button--hover--BorderColor: transparent;
9018
9017
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
@@ -9279,8 +9278,9 @@ button.pf-v6-c-breadcrumb__link {
9279
9278
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9280
9279
  white-space: nowrap;
9281
9280
  cursor: pointer;
9281
+ -webkit-user-select: none;
9282
9282
  user-select: none;
9283
- background-color: var(--pf-v6-c-button--BackgroundColor);
9283
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
9284
9284
  border: 0;
9285
9285
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9286
9286
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -9397,6 +9397,7 @@ button.pf-v6-c-breadcrumb__link {
9397
9397
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9398
9398
  text-align: start;
9399
9399
  white-space: normal;
9400
+ background: transparent;
9400
9401
  outline-offset: 0.125rem;
9401
9402
  }
9402
9403
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -9530,6 +9531,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9530
9531
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9531
9532
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9532
9533
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9534
+ background: var(--pf-v6-c-button--BackgroundColor);
9533
9535
  }
9534
9536
  .pf-v6-c-button.pf-m-block {
9535
9537
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -9576,20 +9578,24 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9576
9578
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9577
9579
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9578
9580
  }
9579
- .pf-v6-c-button.pf-m-clicked {
9581
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9580
9582
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9581
9583
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9582
9584
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9583
9585
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9584
9586
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9585
9587
  }
9588
+ .pf-v6-c-button:active {
9589
+ background-size: 100%;
9590
+ transition-duration: 0s;
9591
+ }
9586
9592
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9587
9593
  pointer-events: none;
9588
9594
  }
9589
9595
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9590
9596
  color: var(--pf-v6-c-button--disabled--Color);
9591
9597
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9592
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9598
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9593
9599
  }
9594
9600
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9595
9601
  border-color: transparent;
@@ -17326,7 +17332,7 @@ ul.pf-v6-c-list {
17326
17332
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17327
17333
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17328
17334
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
17329
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17335
+ --pf-v6-c-menu--TransitionDuration: 0s;
17330
17336
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17331
17337
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17332
17338
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17399,14 +17405,34 @@ ul.pf-v6-c-list {
17399
17405
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
17400
17406
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17401
17407
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17402
- --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);
17408
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17403
17409
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
17404
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17410
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17405
17411
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
17406
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17412
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17407
17413
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17408
17414
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
17409
17415
  }
17416
+ @media (prefers-reduced-motion: no-preference) {
17417
+ .pf-v6-c-menu {
17418
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17419
+ }
17420
+ }
17421
+ @media (prefers-reduced-motion: no-preference) {
17422
+ .pf-v6-c-menu {
17423
+ --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);
17424
+ }
17425
+ }
17426
+ @media (prefers-reduced-motion: no-preference) {
17427
+ .pf-v6-c-menu {
17428
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17429
+ }
17430
+ }
17431
+ @media (prefers-reduced-motion: no-preference) {
17432
+ .pf-v6-c-menu {
17433
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17434
+ }
17435
+ }
17410
17436
 
17411
17437
  .pf-v6-c-menu__content,
17412
17438
  .pf-v6-c-menu__list-item,
@@ -29937,10 +29963,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29937
29963
  }
29938
29964
 
29939
29965
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
29966
+ max-height: 0;
29967
+ visibility: hidden;
29940
29968
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
29969
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
29941
29970
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
29942
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
29943
- transition-property: opacity, translate;
29971
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
29972
+ transition-property: opacity, translate, visibility, max-height;
29944
29973
  translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
29945
29974
  }
29946
29975
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
@@ -29952,8 +29981,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29952
29981
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29953
29982
  }
29954
29983
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
29984
+ max-height: 9999px;
29985
+ visibility: revert;
29955
29986
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
29956
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
29987
+ transition-delay: 0s;
29988
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
29957
29989
  translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
29958
29990
  }
29959
29991
 
package/patternfly.css CHANGED
@@ -7974,33 +7974,32 @@ button) {
7974
7974
  }
7975
7975
 
7976
7976
  .pf-v6-c-accordion__expandable-content {
7977
- display: none;
7978
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7977
+ max-height: 0;
7979
7978
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7980
7979
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7981
7980
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7982
7981
  color: var(--pf-v6-c-accordion__expandable-content--Color);
7982
+ visibility: hidden;
7983
7983
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7984
7984
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7985
7985
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7986
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7986
7987
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7987
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7988
- transition-property: opacity, translate, display;
7989
- transition-behavior: allow-discrete;
7988
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
7989
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
7990
7990
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7991
7991
  }
7992
7992
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7993
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7994
7993
  overflow-y: auto;
7995
7994
  }
7996
7995
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7997
- display: revert;
7996
+ max-height: 9999px;
7997
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7998
+ visibility: revert;
7999
+ transition-delay: 0s;
7998
8000
  }
7999
- @starting-style {
8000
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
8001
- --pf-v6-c-accordion__expandable-content--Opacity: 0;
8002
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
8003
- }
8001
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
8002
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
8004
8003
  }
8005
8004
 
8006
8005
  .pf-v6-c-accordion__expandable-content-body {
@@ -9147,8 +9146,8 @@ button.pf-v6-c-breadcrumb__link {
9147
9146
  --pf-v6-c-button--TextDecorationStyle: none;
9148
9147
  --pf-v6-c-button--TextDecorationColor: currentcolor;
9149
9148
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9150
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9151
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
9149
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9150
+ --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9152
9151
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9153
9152
  --pf-v6-c-button--hover--BorderColor: transparent;
9154
9153
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
@@ -9415,8 +9414,9 @@ button.pf-v6-c-breadcrumb__link {
9415
9414
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9416
9415
  white-space: nowrap;
9417
9416
  cursor: pointer;
9417
+ -webkit-user-select: none;
9418
9418
  user-select: none;
9419
- background-color: var(--pf-v6-c-button--BackgroundColor);
9419
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
9420
9420
  border: 0;
9421
9421
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9422
9422
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -9533,6 +9533,7 @@ button.pf-v6-c-breadcrumb__link {
9533
9533
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9534
9534
  text-align: start;
9535
9535
  white-space: normal;
9536
+ background: transparent;
9536
9537
  outline-offset: 0.125rem;
9537
9538
  }
9538
9539
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -9666,6 +9667,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9666
9667
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9667
9668
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9668
9669
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9670
+ background: var(--pf-v6-c-button--BackgroundColor);
9669
9671
  }
9670
9672
  .pf-v6-c-button.pf-m-block {
9671
9673
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -9712,20 +9714,24 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9712
9714
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9713
9715
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9714
9716
  }
9715
- .pf-v6-c-button.pf-m-clicked {
9717
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9716
9718
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9717
9719
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9718
9720
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9719
9721
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9720
9722
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9721
9723
  }
9724
+ .pf-v6-c-button:active {
9725
+ background-size: 100%;
9726
+ transition-duration: 0s;
9727
+ }
9722
9728
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9723
9729
  pointer-events: none;
9724
9730
  }
9725
9731
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9726
9732
  color: var(--pf-v6-c-button--disabled--Color);
9727
9733
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9728
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9734
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9729
9735
  }
9730
9736
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9731
9737
  border-color: transparent;
@@ -17462,7 +17468,7 @@ ul.pf-v6-c-list {
17462
17468
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17463
17469
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17464
17470
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
17465
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17471
+ --pf-v6-c-menu--TransitionDuration: 0s;
17466
17472
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17467
17473
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17468
17474
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17535,14 +17541,34 @@ ul.pf-v6-c-list {
17535
17541
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
17536
17542
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17537
17543
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17538
- --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);
17544
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17539
17545
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
17540
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17546
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17541
17547
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
17542
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17548
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17543
17549
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17544
17550
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
17545
17551
  }
17552
+ @media (prefers-reduced-motion: no-preference) {
17553
+ .pf-v6-c-menu {
17554
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17555
+ }
17556
+ }
17557
+ @media (prefers-reduced-motion: no-preference) {
17558
+ .pf-v6-c-menu {
17559
+ --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);
17560
+ }
17561
+ }
17562
+ @media (prefers-reduced-motion: no-preference) {
17563
+ .pf-v6-c-menu {
17564
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17565
+ }
17566
+ }
17567
+ @media (prefers-reduced-motion: no-preference) {
17568
+ .pf-v6-c-menu {
17569
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17570
+ }
17571
+ }
17546
17572
 
17547
17573
  .pf-v6-c-menu__content,
17548
17574
  .pf-v6-c-menu__list-item,
@@ -30073,10 +30099,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30073
30099
  }
30074
30100
 
30075
30101
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30102
+ max-height: 0;
30103
+ visibility: hidden;
30076
30104
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
30105
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30077
30106
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30078
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
30079
- transition-property: opacity, translate;
30107
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30108
+ transition-property: opacity, translate, visibility, max-height;
30080
30109
  translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30081
30110
  }
30082
30111
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
@@ -30088,8 +30117,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30088
30117
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
30089
30118
  }
30090
30119
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30120
+ max-height: 9999px;
30121
+ visibility: revert;
30091
30122
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30092
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
30123
+ transition-delay: 0s;
30124
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30093
30125
  translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30094
30126
  }
30095
30127