@patternfly/patternfly 6.3.0-prerelease.12 → 6.3.0-prerelease.14

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 (21) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/components/Accordion/accordion.css +17 -2
  4. package/components/Accordion/accordion.scss +17 -2
  5. package/components/Button/button.css +27 -0
  6. package/components/Button/button.scss +30 -1
  7. package/components/Timestamp/timestamp.css +4 -0
  8. package/components/Timestamp/timestamp.scss +7 -0
  9. package/components/TreeView/tree-view.css +33 -0
  10. package/components/TreeView/tree-view.scss +36 -2
  11. package/components/Truncate/truncate.css +1 -0
  12. package/components/Truncate/truncate.scss +3 -0
  13. package/components/_index.css +82 -2
  14. package/docs/components/Button/examples/Button.md +60 -2
  15. package/docs/components/Menu/examples/Menu.md +120 -4
  16. package/docs/components/Table/examples/Table.md +300 -10
  17. package/package.json +2 -2
  18. package/patternfly-no-globals.css +82 -2
  19. package/patternfly.css +82 -2
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -7833,7 +7833,12 @@
7833
7833
  scale: -1 1;
7834
7834
  }
7835
7835
 
7836
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
7837
+ display: revert;
7838
+ }
7839
+
7836
7840
  .pf-v6-c-accordion__expandable-content {
7841
+ display: none;
7837
7842
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7838
7843
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7839
7844
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
@@ -7843,14 +7848,24 @@
7843
7848
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7844
7849
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7845
7850
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7846
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide);
7847
- transition-property: opacity, translate;
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;
7848
7854
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7849
7855
  }
7850
7856
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7851
7857
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7852
7858
  overflow-y: auto;
7853
7859
  }
7860
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7861
+ display: revert;
7862
+ }
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
+ }
7868
+ }
7854
7869
 
7855
7870
  .pf-v6-c-accordion__expandable-content-body {
7856
7871
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -9219,6 +9234,11 @@ button.pf-v6-c-breadcrumb__link {
9219
9234
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9220
9235
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9221
9236
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9237
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
9238
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
9239
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
9240
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
9241
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9222
9242
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9223
9243
  --pf-v6-c-button__progress--Opacity: 0;
9224
9244
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9529,6 +9549,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9529
9549
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9530
9550
  }
9531
9551
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9552
+ display: grid;
9532
9553
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9533
9554
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9534
9555
  transition-property: color;
@@ -9536,6 +9557,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9536
9557
  .pf-v6-c-button.pf-m-favorited {
9537
9558
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9538
9559
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9560
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
9561
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
9539
9562
  }
9540
9563
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9541
9564
  animation-name: pf-v6-c-button-icon-favorited;
@@ -9615,6 +9638,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9615
9638
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9616
9639
  }
9617
9640
 
9641
+ .pf-v6-c-button__icon-favorite,
9642
+ .pf-v6-c-button__icon-favorited {
9643
+ grid-area: 1/1/1/1;
9644
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9645
+ transition-property: opacity;
9646
+ }
9647
+
9648
+ .pf-v6-c-button__icon-favorite {
9649
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9650
+ }
9651
+
9652
+ .pf-v6-c-button__icon-favorited {
9653
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9654
+ }
9655
+
9618
9656
  .pf-v6-c-button__progress {
9619
9657
  position: absolute;
9620
9658
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9627,6 +9665,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9627
9665
  --pf-v6-c-spinner--Color: currentcolor;
9628
9666
  }
9629
9667
 
9668
+ .pf-v6-c-button__text {
9669
+ text-decoration: inherit;
9670
+ }
9671
+
9630
9672
  .pf-v6-c-button__count {
9631
9673
  display: inline-flex;
9632
9674
  align-items: center;
@@ -27143,6 +27185,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27143
27185
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27144
27186
  }
27145
27187
 
27188
+ .pf-v6-c-timestamp__text {
27189
+ text-decoration: inherit;
27190
+ }
27191
+
27146
27192
  .pf-v6-c-title {
27147
27193
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27148
27194
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29417,6 +29463,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29417
29463
  grid-auto-flow: column;
29418
29464
  align-items: baseline;
29419
29465
  min-width: var(--pf-v6-c-truncate--MinWidth);
29466
+ text-decoration: inherit;
29420
29467
  }
29421
29468
  .pf-v6-c-truncate.pf-m-fixed {
29422
29469
  display: inline;
@@ -29513,6 +29560,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29513
29560
  --pf-v6-c-tree-view__node-container--Display: contents;
29514
29561
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29515
29562
  --pf-v6-c-tree-view__node-content--Overflow: visible;
29563
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
29564
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
29565
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
29566
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
29567
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
29568
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
29569
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29570
+ --pf-v6-c-tree-view__list--Opacity: 0;
29571
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
29572
+ --pf-v6-c-tree-view__list--TranslateY: 0;
29573
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29516
29574
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29517
29575
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29518
29576
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29528,6 +29586,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29528
29586
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29529
29587
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29530
29588
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29589
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29590
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29531
29591
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29532
29592
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29533
29593
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29603,6 +29663,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29603
29663
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29604
29664
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
29605
29665
  }
29666
+ @media screen and (prefers-reduced-motion: no-preference) {
29667
+ .pf-v6-c-tree-view {
29668
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
29669
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
29670
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
29671
+ }
29672
+ }
29606
29673
 
29607
29674
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
29608
29675
  position: relative;
@@ -29718,12 +29785,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29718
29785
  display: inline-block;
29719
29786
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29720
29787
  text-align: center;
29788
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29721
29789
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29722
29790
  }
29723
29791
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29724
29792
  scale: -1 1;
29725
29793
  }
29726
29794
 
29795
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
29796
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
29797
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
29798
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
29799
+ transition-property: opacity, translate;
29800
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
29801
+ }
29727
29802
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29728
29803
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29729
29804
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29732,6 +29807,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29732
29807
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29733
29808
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29734
29809
  }
29810
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
29811
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
29812
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
29813
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
29814
+ }
29735
29815
 
29736
29816
  .pf-v6-c-tree-view__node,
29737
29817
  .pf-v6-c-tree-view__node-container {
package/patternfly.css CHANGED
@@ -7969,7 +7969,12 @@ button) {
7969
7969
  scale: -1 1;
7970
7970
  }
7971
7971
 
7972
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
7973
+ display: revert;
7974
+ }
7975
+
7972
7976
  .pf-v6-c-accordion__expandable-content {
7977
+ display: none;
7973
7978
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7974
7979
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7975
7980
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
@@ -7979,14 +7984,24 @@ button) {
7979
7984
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7980
7985
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7981
7986
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7982
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide);
7983
- transition-property: opacity, translate;
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;
7984
7990
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7985
7991
  }
7986
7992
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7987
7993
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7988
7994
  overflow-y: auto;
7989
7995
  }
7996
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7997
+ display: revert;
7998
+ }
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
+ }
8004
+ }
7990
8005
 
7991
8006
  .pf-v6-c-accordion__expandable-content-body {
7992
8007
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -9355,6 +9370,11 @@ button.pf-v6-c-breadcrumb__link {
9355
9370
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9356
9371
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9357
9372
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9373
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
9374
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
9375
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
9376
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
9377
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9358
9378
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9359
9379
  --pf-v6-c-button__progress--Opacity: 0;
9360
9380
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9665,6 +9685,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9665
9685
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9666
9686
  }
9667
9687
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9688
+ display: grid;
9668
9689
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9669
9690
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9670
9691
  transition-property: color;
@@ -9672,6 +9693,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9672
9693
  .pf-v6-c-button.pf-m-favorited {
9673
9694
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9674
9695
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9696
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
9697
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
9675
9698
  }
9676
9699
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9677
9700
  animation-name: pf-v6-c-button-icon-favorited;
@@ -9751,6 +9774,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9751
9774
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9752
9775
  }
9753
9776
 
9777
+ .pf-v6-c-button__icon-favorite,
9778
+ .pf-v6-c-button__icon-favorited {
9779
+ grid-area: 1/1/1/1;
9780
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9781
+ transition-property: opacity;
9782
+ }
9783
+
9784
+ .pf-v6-c-button__icon-favorite {
9785
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9786
+ }
9787
+
9788
+ .pf-v6-c-button__icon-favorited {
9789
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9790
+ }
9791
+
9754
9792
  .pf-v6-c-button__progress {
9755
9793
  position: absolute;
9756
9794
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9763,6 +9801,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9763
9801
  --pf-v6-c-spinner--Color: currentcolor;
9764
9802
  }
9765
9803
 
9804
+ .pf-v6-c-button__text {
9805
+ text-decoration: inherit;
9806
+ }
9807
+
9766
9808
  .pf-v6-c-button__count {
9767
9809
  display: inline-flex;
9768
9810
  align-items: center;
@@ -27279,6 +27321,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27279
27321
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27280
27322
  }
27281
27323
 
27324
+ .pf-v6-c-timestamp__text {
27325
+ text-decoration: inherit;
27326
+ }
27327
+
27282
27328
  .pf-v6-c-title {
27283
27329
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27284
27330
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29553,6 +29599,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29553
29599
  grid-auto-flow: column;
29554
29600
  align-items: baseline;
29555
29601
  min-width: var(--pf-v6-c-truncate--MinWidth);
29602
+ text-decoration: inherit;
29556
29603
  }
29557
29604
  .pf-v6-c-truncate.pf-m-fixed {
29558
29605
  display: inline;
@@ -29649,6 +29696,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29649
29696
  --pf-v6-c-tree-view__node-container--Display: contents;
29650
29697
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29651
29698
  --pf-v6-c-tree-view__node-content--Overflow: visible;
29699
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
29700
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
29701
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
29702
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
29703
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
29704
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
29705
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29706
+ --pf-v6-c-tree-view__list--Opacity: 0;
29707
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
29708
+ --pf-v6-c-tree-view__list--TranslateY: 0;
29709
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29652
29710
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29653
29711
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29654
29712
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29664,6 +29722,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29664
29722
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29665
29723
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29666
29724
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29725
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29726
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29667
29727
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29668
29728
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29669
29729
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29739,6 +29799,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29739
29799
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29740
29800
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
29741
29801
  }
29802
+ @media screen and (prefers-reduced-motion: no-preference) {
29803
+ .pf-v6-c-tree-view {
29804
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
29805
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
29806
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
29807
+ }
29808
+ }
29742
29809
 
29743
29810
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
29744
29811
  position: relative;
@@ -29854,12 +29921,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29854
29921
  display: inline-block;
29855
29922
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29856
29923
  text-align: center;
29924
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29857
29925
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29858
29926
  }
29859
29927
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29860
29928
  scale: -1 1;
29861
29929
  }
29862
29930
 
29931
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
29932
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
29933
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
29934
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
29935
+ transition-property: opacity, translate;
29936
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
29937
+ }
29863
29938
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29864
29939
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29865
29940
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29868,6 +29943,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29868
29943
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29869
29944
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29870
29945
  }
29946
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
29947
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
29948
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
29949
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
29950
+ }
29871
29951
 
29872
29952
  .pf-v6-c-tree-view__node,
29873
29953
  .pf-v6-c-tree-view__node-container {