@patternfly/patternfly 6.3.0-prerelease.2 → 6.3.0-prerelease.21

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 (76) hide show
  1. package/README.md +1 -1
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/patternfly-common.css +11 -11
  6. package/base/patternfly-common.scss +12 -12
  7. package/components/Accordion/accordion.css +71 -1
  8. package/components/Accordion/accordion.scss +75 -4
  9. package/components/Alert/alert-group.css +52 -31
  10. package/components/Alert/alert-group.scss +77 -46
  11. package/components/Button/button.css +27 -0
  12. package/components/Button/button.scss +30 -1
  13. package/components/CodeEditor/code-editor.css +3 -0
  14. package/components/CodeEditor/code-editor.scss +3 -1
  15. package/components/Drawer/drawer.css +28 -14
  16. package/components/Drawer/drawer.scss +28 -9
  17. package/components/DualListSelector/dual-list-selector.css +36 -0
  18. package/components/DualListSelector/dual-list-selector.scss +43 -0
  19. package/components/ExpandableSection/expandable-section.css +45 -1
  20. package/components/ExpandableSection/expandable-section.scss +48 -1
  21. package/components/MenuToggle/menu-toggle.css +8 -4
  22. package/components/MenuToggle/menu-toggle.scss +15 -3
  23. package/components/Page/page.css +4 -3
  24. package/components/Page/page.scss +4 -2
  25. package/components/ProgressStepper/progress-stepper.scss +1 -0
  26. package/components/Skeleton/skeleton.css +22 -2
  27. package/components/Skeleton/skeleton.scss +25 -3
  28. package/components/Spinner/spinner.css +5 -0
  29. package/components/Spinner/spinner.scss +6 -0
  30. package/components/Table/table-grid.css +6 -5
  31. package/components/Table/table-grid.scss +2 -1
  32. package/components/Table/table.css +33 -0
  33. package/components/Table/table.scss +33 -0
  34. package/components/Tabs/tabs.css +25 -15
  35. package/components/Tabs/tabs.scss +26 -13
  36. package/components/Timestamp/timestamp.css +4 -0
  37. package/components/Timestamp/timestamp.scss +7 -0
  38. package/components/TreeView/tree-view.css +33 -0
  39. package/components/TreeView/tree-view.scss +36 -2
  40. package/components/Truncate/truncate.css +6 -0
  41. package/components/Truncate/truncate.scss +9 -0
  42. package/components/_index.css +408 -76
  43. package/docs/components/Button/examples/Button.md +73 -3
  44. package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
  45. package/docs/components/Divider/examples/Divider.md +1 -1
  46. package/docs/components/Drawer/examples/Drawer.md +4 -0
  47. package/docs/components/DualListSelector/examples/DualListSelector.md +518 -0
  48. package/docs/components/Form/examples/Form.md +156 -12
  49. package/docs/components/Menu/examples/Menu.md +120 -4
  50. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -4
  51. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  52. package/docs/components/Page/examples/Page.md +1 -0
  53. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  54. package/docs/components/Spinner/examples/Spinner.md +10 -0
  55. package/docs/components/Table/examples/Table.md +330 -16
  56. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  57. package/docs/components/Truncate/examples/Truncate.md +53 -10
  58. package/docs/demos/Card/examples/Card.md +0 -57
  59. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -38
  60. package/docs/demos/Drawer/examples/Drawer.md +0 -38
  61. package/docs/demos/Form/examples/BasicForms.md +130 -10
  62. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  63. package/docs/demos/Modal/examples/Modal.md +39 -3
  64. package/docs/demos/Nav/examples/Nav.md +2 -2
  65. package/docs/demos/Page/examples/Page.md +355 -0
  66. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  67. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -76
  68. package/docs/demos/Table/examples/Table.md +67 -23
  69. package/docs/demos/Tabs/examples/Tabs.md +0 -570
  70. package/package.json +6 -6
  71. package/patternfly-base-no-globals.css +11 -11
  72. package/patternfly-base.css +11 -11
  73. package/patternfly-no-globals.css +419 -87
  74. package/patternfly.css +419 -87
  75. package/patternfly.min.css +1 -1
  76. package/patternfly.min.css.map +1 -1
@@ -45,17 +45,17 @@
45
45
  }
46
46
 
47
47
  .pf-v6-m-no-motion {
48
- --pf-t--global--delay--400: 0ms !important;
49
- --pf-t--global--delay--300: 0ms !important;
50
- --pf-t--global--delay--200: 0ms !important;
51
- --pf-t--global--delay--100: 0ms !important;
52
- --pf-t--global--duration--600: 0ms !important;
53
- --pf-t--global--duration--500: 0ms !important;
54
- --pf-t--global--duration--400: 0ms !important;
55
- --pf-t--global--duration--300: 0ms !important;
56
- --pf-t--global--duration--200: 0ms !important;
57
- --pf-t--global--duration--100: 0ms !important;
58
- --pf-t--global--duration--50: 0ms !important;
48
+ --pf-t--global--delay--400: 1ms !important;
49
+ --pf-t--global--delay--300: 1ms !important;
50
+ --pf-t--global--delay--200: 1ms !important;
51
+ --pf-t--global--delay--100: 1ms !important;
52
+ --pf-t--global--duration--600: 1ms !important;
53
+ --pf-t--global--duration--500: 1ms !important;
54
+ --pf-t--global--duration--400: 1ms !important;
55
+ --pf-t--global--duration--300: 1ms !important;
56
+ --pf-t--global--duration--200: 1ms !important;
57
+ --pf-t--global--duration--100: 1ms !important;
58
+ --pf-t--global--duration--50: 1ms !important;
59
59
  }
60
60
 
61
61
  @font-face {
@@ -7667,6 +7667,7 @@
7667
7667
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7668
7668
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7669
7669
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7670
+ --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
7670
7671
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7671
7672
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7672
7673
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7684,6 +7685,24 @@
7684
7685
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
7685
7686
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
7686
7687
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
7688
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7689
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7690
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
7691
+ --pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7692
+ --pf-v6-c-accordion__item--before--Opacity: 0;
7693
+ --pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
7694
+ --pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
7695
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
7696
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7697
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
7698
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7699
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
7700
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
7701
+ --pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7702
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
7703
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
7704
+ --pf-v6-c-accordion__expandable-content--TranslateY: 0;
7705
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
7687
7706
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7688
7707
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7689
7708
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7703,6 +7722,16 @@
7703
7722
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
7704
7723
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
7705
7724
  }
7725
+ @media screen and (prefers-reduced-motion: no-preference) {
7726
+ .pf-v6-c-accordion {
7727
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7728
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7729
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
7730
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7731
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7732
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7733
+ }
7734
+ }
7706
7735
 
7707
7736
  .pf-v6-c-accordion {
7708
7737
  display: flex;
@@ -7736,18 +7765,39 @@
7736
7765
  }
7737
7766
 
7738
7767
  .pf-v6-c-accordion__item {
7768
+ position: relative;
7769
+ }
7770
+ .pf-v6-c-accordion__item::before {
7771
+ position: absolute;
7772
+ inset: 0;
7773
+ pointer-events: none;
7774
+ content: "";
7775
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7739
7776
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
7777
+ opacity: var(--pf-v6-c-accordion__item--before--Opacity);
7778
+ transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
7779
+ transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
7780
+ transition-property: opacity;
7740
7781
  }
7741
7782
  .pf-v6-c-accordion__item.pf-m-expanded {
7742
7783
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
7743
7784
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
7744
- background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7785
+ --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
7786
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
7787
+ --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
7788
+ --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
7789
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
7790
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
7791
+ --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
7792
+ --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
7745
7793
  }
7746
7794
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
7747
7795
  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
7748
7796
  }
7749
7797
 
7750
7798
  .pf-v6-c-accordion__toggle {
7799
+ position: relative;
7800
+ z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
7751
7801
  display: flex;
7752
7802
  column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
7753
7803
  align-items: center;
@@ -7783,7 +7833,12 @@
7783
7833
  scale: -1 1;
7784
7834
  }
7785
7835
 
7836
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
7837
+ display: revert;
7838
+ }
7839
+
7786
7840
  .pf-v6-c-accordion__expandable-content {
7841
+ display: none;
7787
7842
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7788
7843
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7789
7844
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
@@ -7791,11 +7846,26 @@
7791
7846
  color: var(--pf-v6-c-accordion__expandable-content--Color);
7792
7847
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7793
7848
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7849
+ opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7850
+ 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;
7854
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7794
7855
  }
7795
7856
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7796
7857
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7797
7858
  overflow-y: auto;
7798
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
+ }
7799
7869
 
7800
7870
  .pf-v6-c-accordion__expandable-content-body {
7801
7871
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -8059,27 +8129,45 @@
8059
8129
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8060
8130
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8061
8131
  0s;
8062
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8063
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8064
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8065
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8066
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8067
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8068
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8069
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8070
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8071
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8072
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8073
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8074
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8075
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8076
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8077
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8078
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8079
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
8080
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
8081
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
8082
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
8132
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8133
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8134
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8135
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8136
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8137
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
8138
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
8139
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
8140
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
8141
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
8142
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8143
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8144
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8145
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8146
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8147
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8148
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8149
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8150
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8151
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8152
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
8153
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
8154
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
8155
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
8156
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
8157
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
8158
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
8159
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
8160
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
8161
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
8162
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8163
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8164
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
8165
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
8166
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
8167
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
8168
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
8169
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
8170
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
8083
8171
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8084
8172
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8085
8173
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8139,40 +8227,43 @@
8139
8227
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8140
8228
  }
8141
8229
  }
8142
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8230
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
8143
8231
  grid-template-rows: 0fr;
8144
8232
  margin-block: 0;
8145
8233
  overflow: hidden;
8146
8234
  opacity: 0;
8147
8235
  transform: translateY(-100%);
8148
8236
  }
8149
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8237
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-incoming:first-child .pf-v6-c-alert {
8150
8238
  min-height: 0;
8151
8239
  padding-block-start: 0;
8152
8240
  padding-block-end: 0;
8153
8241
  border-width: 0;
8154
8242
  }
8155
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8243
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8156
8244
  grid-template-rows: 0fr;
8157
8245
  margin-block: 0;
8158
8246
  overflow: hidden;
8159
8247
  opacity: 0;
8160
- transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
8248
+ transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default)), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default)), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default));
8161
8249
  }
8162
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8250
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
8163
8251
  min-height: 0;
8164
8252
  padding-block-start: 0;
8165
8253
  padding-block-end: 0;
8166
8254
  border-width: 0;
8167
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8255
+ transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default));
8168
8256
  }
8169
8257
  @media screen and (prefers-reduced-motion: no-preference) {
8170
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8171
- transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
8258
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8259
+ transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform)), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity)), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block)), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows));
8172
8260
  transform: translateX(100%);
8173
8261
  }
8174
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8175
- transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
8262
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8263
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
8264
+ }
8265
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
8266
+ transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
8176
8267
  }
8177
8268
  }
8178
8269
  .pf-v6-c-alert-group__item:hover {
@@ -9143,6 +9234,11 @@ button.pf-v6-c-breadcrumb__link {
9143
9234
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9144
9235
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9145
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);
9146
9242
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9147
9243
  --pf-v6-c-button__progress--Opacity: 0;
9148
9244
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9453,6 +9549,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9453
9549
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9454
9550
  }
9455
9551
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9552
+ display: grid;
9456
9553
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9457
9554
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9458
9555
  transition-property: color;
@@ -9460,6 +9557,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9460
9557
  .pf-v6-c-button.pf-m-favorited {
9461
9558
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9462
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);
9463
9562
  }
9464
9563
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9465
9564
  animation-name: pf-v6-c-button-icon-favorited;
@@ -9539,6 +9638,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9539
9638
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9540
9639
  }
9541
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
+
9542
9656
  .pf-v6-c-button__progress {
9543
9657
  position: absolute;
9544
9658
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9551,6 +9665,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9551
9665
  --pf-v6-c-spinner--Color: currentcolor;
9552
9666
  }
9553
9667
 
9668
+ .pf-v6-c-button__text {
9669
+ text-decoration: inherit;
9670
+ }
9671
+
9554
9672
  .pf-v6-c-button__count {
9555
9673
  display: inline-flex;
9556
9674
  align-items: center;
@@ -10513,6 +10631,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10513
10631
  .pf-v6-c-code-editor__main .monaco-editor {
10514
10632
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10515
10633
  }
10634
+ .pf-v6-c-code-editor__main a.label-name {
10635
+ text-decoration-line: none;
10636
+ }
10516
10637
 
10517
10638
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
10518
10639
  border-block-start-width: 0;
@@ -12086,6 +12207,17 @@ ul) {
12086
12207
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12087
12208
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12088
12209
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
12210
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
12211
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
12212
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
12213
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
12214
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
12215
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
12216
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12217
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
12218
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
12219
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
12220
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
12089
12221
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12090
12222
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12091
12223
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12123,6 +12255,13 @@ ul) {
12123
12255
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12124
12256
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12125
12257
  }
12258
+ @media screen and (prefers-reduced-motion: no-preference) {
12259
+ .pf-v6-c-dual-list-selector {
12260
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12261
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12262
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
12263
+ }
12264
+ }
12126
12265
 
12127
12266
  .pf-v6-c-dual-list-selector {
12128
12267
  display: grid;
@@ -12218,9 +12357,27 @@ ul) {
12218
12357
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12219
12358
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12220
12359
  }
12360
+ .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
12361
+ max-height: 0;
12362
+ visibility: hidden;
12363
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
12364
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
12365
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
12366
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
12367
+ transition-property: opacity, translate, visibility, max-height;
12368
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
12369
+ }
12221
12370
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12222
12371
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
12223
12372
  }
12373
+ .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
12374
+ max-height: 9999px;
12375
+ visibility: revert;
12376
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12377
+ transition-delay: 0s;
12378
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
12379
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
12380
+ }
12224
12381
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12225
12382
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12226
12383
  --pf-v6-c-dual-list-selector__item-toggle-icon--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
@@ -12769,9 +12926,15 @@ ul) {
12769
12926
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12770
12927
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12771
12928
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12929
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
12930
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
12931
+ --pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
12772
12932
  --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12773
- --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12774
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12933
+ --pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
12934
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
12935
+ --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
12936
+ --pf-v6-c-drawer__panel--Opacity: 0;
12937
+ --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
12775
12938
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12776
12939
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
12777
12940
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -12861,6 +13024,17 @@ ul) {
12861
13024
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
12862
13025
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12863
13026
  }
13027
+ @media screen and (prefers-reduced-motion: no-preference) {
13028
+ .pf-v6-c-drawer {
13029
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
13030
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
13031
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
13032
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
13033
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
13034
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
13035
+ --pf-v6-c-drawer__panel--Opacity: 1;
13036
+ }
13037
+ }
12864
13038
  @media screen and (min-width: 75rem) {
12865
13039
  .pf-v6-c-drawer {
12866
13040
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
@@ -12908,8 +13082,13 @@ ul) {
12908
13082
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
12909
13083
  flex-direction: column;
12910
13084
  }
13085
+ .pf-v6-c-drawer.pf-m-expanded {
13086
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
13087
+ }
12911
13088
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
12912
13089
  transform: translateX(-100%);
13090
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
13091
+ visibility: visible;
12913
13092
  }
12914
13093
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
12915
13094
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
@@ -12982,8 +13161,11 @@ ul) {
12982
13161
  order: 1;
12983
13162
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
12984
13163
  overflow: auto;
13164
+ visibility: hidden;
12985
13165
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
12986
13166
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
13167
+ opacity: var(--pf-v6-c-drawer__panel--Opacity);
13168
+ transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
12987
13169
  transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
12988
13170
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
12989
13171
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
@@ -13040,17 +13222,6 @@ ul) {
13040
13222
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
13041
13223
  }
13042
13224
 
13043
- @keyframes pf-remove-tab-focus {
13044
- to {
13045
- visibility: hidden;
13046
- }
13047
- }
13048
- .pf-v6-c-drawer__panel[hidden] {
13049
- animation-name: pf-remove-tab-focus;
13050
- animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
13051
- animation-fill-mode: forwards;
13052
- }
13053
-
13054
13225
  .pf-v6-c-drawer__head {
13055
13226
  display: grid;
13056
13227
  grid-template-columns: auto;
@@ -13158,7 +13329,7 @@ ul) {
13158
13329
  .pf-v6-c-drawer {
13159
13330
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
13160
13331
  }
13161
- .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13332
+ .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13162
13333
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
13163
13334
  }
13164
13335
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
@@ -13742,6 +13913,18 @@ ul) {
13742
13913
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13743
13914
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13744
13915
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
13916
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
13917
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
13918
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
13919
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
13920
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
13921
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13922
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13923
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
13924
+ --pf-v6-c-expandable-section__content--Opacity: 0;
13925
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
13926
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
13927
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13745
13928
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13746
13929
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13747
13930
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13753,20 +13936,39 @@ ul) {
13753
13936
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13754
13937
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13755
13938
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
13939
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13756
13940
  --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
13757
13941
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13758
13942
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13759
13943
  }
13944
+ @media screen and (prefers-reduced-motion: no-preference) {
13945
+ .pf-v6-c-expandable-section {
13946
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
13947
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
13948
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
13949
+ }
13950
+ }
13760
13951
 
13761
13952
  .pf-v6-c-expandable-section {
13762
13953
  display: flex;
13763
13954
  flex-direction: column;
13764
- gap: var(--pf-v6-c-expandable-section--Gap);
13955
+ gap: 0;
13956
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
13957
+ transition-duration: 0s;
13958
+ transition-property: gap, padding-block-end;
13765
13959
  }
13766
13960
  .pf-v6-c-expandable-section.pf-m-expanded {
13767
13961
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13768
13962
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
13769
13963
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
13964
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
13965
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
13966
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
13967
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
13968
+ --pf-v6-c-expandable-section__content--Visibility: auto;
13969
+ --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
13970
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
13971
+ gap: var(--pf-v6-c-expandable-section--Gap);
13770
13972
  }
13771
13973
  .pf-v6-c-expandable-section.pf-m-limit-width {
13772
13974
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13813,6 +14015,19 @@ ul) {
13813
14015
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13814
14016
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13815
14017
  }
14018
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14019
+ display: revert;
14020
+ }
14021
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14022
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14023
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14024
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14025
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14026
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14027
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14028
+ transition-property: opacity, translate, visibility, max-height;
14029
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14030
+ }
13816
14031
 
13817
14032
  .pf-v6-c-file-upload {
13818
14033
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -18111,16 +18326,20 @@ ul.pf-v6-c-list {
18111
18326
  flex-wrap: nowrap;
18112
18327
  }
18113
18328
 
18114
- .pf-v6-c-menu-toggle__icon {
18115
- flex-shrink: 0;
18116
- }
18117
18329
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18118
18330
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18119
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18331
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
18120
18332
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18121
18333
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18122
18334
  }
18123
18335
 
18336
+ .pf-v6-c-menu-toggle__icon {
18337
+ flex-shrink: 0;
18338
+ }
18339
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18340
+ vertical-align: middle;
18341
+ }
18342
+
18124
18343
  .pf-v6-c-menu-toggle__controls {
18125
18344
  display: flex;
18126
18345
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -19210,8 +19429,9 @@ ul.pf-v6-c-list {
19210
19429
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19211
19430
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19212
19431
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19213
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19214
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19432
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19433
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19434
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19215
19435
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19216
19436
  --pf-v6-c-page__sidebar--BoxShadow: none;
19217
19437
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19639,7 +19859,7 @@ ul.pf-v6-c-list {
19639
19859
  -webkit-overflow-scrolling: touch;
19640
19860
  }
19641
19861
  @media screen and (min-width: 75rem) {
19642
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19862
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19643
19863
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19644
19864
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19645
19865
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -21791,8 +22011,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21791
22011
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21792
22012
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21793
22013
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
21794
- --pf-v6-c-skeleton--after--TranslateX: -100%;
21795
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22014
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22015
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21796
22016
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21797
22017
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21798
22018
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21824,6 +22044,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21824
22044
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21825
22045
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21826
22046
  }
22047
+ @media screen and (prefers-reduced-motion: no-preference) {
22048
+ .pf-v6-c-skeleton {
22049
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22050
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22051
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22052
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22053
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22054
+ }
22055
+ }
21827
22056
 
21828
22057
  .pf-v6-c-skeleton {
21829
22058
  position: relative;
@@ -21944,6 +22173,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21944
22173
  transform: translateX(100%);
21945
22174
  }
21946
22175
  }
22176
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22177
+ 0% {
22178
+ opacity: 0.25;
22179
+ }
22180
+ 60% {
22181
+ opacity: 1;
22182
+ }
22183
+ 100% {
22184
+ opacity: 0.25;
22185
+ }
22186
+ }
21947
22187
  .pf-v6-c-skip-to-content {
21948
22188
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21949
22189
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22191,6 +22431,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22191
22431
  --pf-v6-c-spinner--StrokeWidth: 10;
22192
22432
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22193
22433
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
22434
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22194
22435
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22195
22436
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22196
22437
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22207,6 +22448,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22207
22448
  .pf-v6-c-spinner.pf-m-inline {
22208
22449
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22209
22450
  }
22451
+ .pf-v6-c-spinner.pf-m-xs {
22452
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
22453
+ --pf-v6-c-spinner--StrokeWidth: 15;
22454
+ }
22210
22455
  .pf-v6-c-spinner.pf-m-sm {
22211
22456
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22212
22457
  }
@@ -22488,6 +22733,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22488
22733
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22489
22734
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22490
22735
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
22736
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22491
22737
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22492
22738
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22493
22739
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22612,7 +22858,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22612
22858
  }
22613
22859
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22614
22860
  position: revert;
22615
- font-weight: bold;
22861
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22616
22862
  text-align: start;
22617
22863
  content: attr(data-label);
22618
22864
  }
@@ -22912,7 +23158,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22912
23158
  }
22913
23159
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22914
23160
  position: revert;
22915
- font-weight: bold;
23161
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22916
23162
  text-align: start;
22917
23163
  content: attr(data-label);
22918
23164
  }
@@ -23215,7 +23461,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23215
23461
  }
23216
23462
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23217
23463
  position: revert;
23218
- font-weight: bold;
23464
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23219
23465
  text-align: start;
23220
23466
  content: attr(data-label);
23221
23467
  }
@@ -23518,7 +23764,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23518
23764
  }
23519
23765
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23520
23766
  position: revert;
23521
- font-weight: bold;
23767
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23522
23768
  text-align: start;
23523
23769
  content: attr(data-label);
23524
23770
  }
@@ -23821,7 +24067,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23821
24067
  }
23822
24068
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23823
24069
  position: revert;
23824
- font-weight: bold;
24070
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23825
24071
  text-align: start;
23826
24072
  content: attr(data-label);
23827
24073
  }
@@ -24099,6 +24345,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24099
24345
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24100
24346
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24101
24347
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24348
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24349
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24350
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24351
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24352
+ --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
24353
+ --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
24354
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24355
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24356
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24357
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24358
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24102
24359
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24103
24360
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24104
24361
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24159,6 +24416,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24159
24416
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24160
24417
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24161
24418
  }
24419
+ @media screen and (prefers-reduced-motion: no-preference) {
24420
+ .pf-v6-c-table {
24421
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
24422
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
24423
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
24424
+ }
24425
+ }
24162
24426
 
24163
24427
  .pf-v6-c-table {
24164
24428
  width: 100%;
@@ -24727,6 +24991,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24727
24991
  .pf-v6-c-table__expandable-row {
24728
24992
  position: relative;
24729
24993
  border-block-end: 0 solid transparent;
24994
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
24995
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
24996
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
24997
+ transition-property: opacity, translate, display;
24998
+ transition-behavior: allow-discrete;
24999
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
24730
25000
  }
24731
25001
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
24732
25002
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
@@ -24755,6 +25025,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24755
25025
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24756
25026
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24757
25027
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
25028
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25029
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
25030
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25031
+ }
25032
+ @starting-style {
25033
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
25034
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25035
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25036
+ }
24758
25037
  }
24759
25038
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24760
25039
  display: none;
@@ -25877,25 +26156,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25877
26156
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
25878
26157
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
25879
26158
  --pf-v6-c-tabs--link-accent--start: 0;
25880
- --pf-v6-c-tabs--link-accent--length: auto;
26159
+ --pf-v6-c-tabs--link-accent--length: 0;
25881
26160
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
25882
26161
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26162
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26163
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
25883
26164
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
25884
26165
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
25885
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26166
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
25886
26167
  --pf-v6-c-tabs--link-accent--Width: initial;
25887
26168
  --pf-v6-c-tabs--link-accent--Height: 0;
25888
26169
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25889
26170
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
25890
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26171
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26172
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26173
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26174
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
25891
26175
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
25892
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
25893
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
25894
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
25895
26176
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
25896
26177
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25897
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
25898
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26178
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26179
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26180
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
25899
26181
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25900
26182
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25901
26183
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26055,11 +26337,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26055
26337
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26056
26338
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26057
26339
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26058
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26059
26340
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26060
26341
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26061
26342
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26062
26343
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26344
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
26345
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
26346
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26063
26347
  display: inline-flex;
26064
26348
  flex-direction: column;
26065
26349
  height: 100%;
@@ -26636,15 +26920,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26636
26920
  }
26637
26921
 
26638
26922
  @media (prefers-reduced-motion: no-preference) {
26639
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26640
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26923
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26924
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26641
26925
  content: revert;
26642
26926
  }
26643
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26927
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26644
26928
  position: absolute;
26645
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
26929
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26646
26930
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26647
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
26931
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26648
26932
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26649
26933
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26650
26934
  content: "";
@@ -26653,7 +26937,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26653
26937
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26654
26938
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26655
26939
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26656
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
26940
+ transition-property: width, height, translate;
26941
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
26942
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
26943
+ }
26944
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26945
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26657
26946
  }
26658
26947
  .pf-v6-c-tabs.pf-m-initializing-accent {
26659
26948
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26995,6 +27284,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26995
27284
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26996
27285
  }
26997
27286
 
27287
+ .pf-v6-c-timestamp__text {
27288
+ text-decoration: inherit;
27289
+ }
27290
+
26998
27291
  .pf-v6-c-title {
26999
27292
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27000
27293
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29269,6 +29562,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29269
29562
  grid-auto-flow: column;
29270
29563
  align-items: baseline;
29271
29564
  min-width: var(--pf-v6-c-truncate--MinWidth);
29565
+ text-decoration: inherit;
29566
+ }
29567
+ .pf-v6-c-truncate.pf-m-fixed {
29568
+ display: inline;
29569
+ align-items: revert;
29570
+ min-width: revert;
29272
29571
  }
29273
29572
 
29274
29573
  .pf-v6-c-truncate__start,
@@ -29360,6 +29659,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29360
29659
  --pf-v6-c-tree-view__node-container--Display: contents;
29361
29660
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29362
29661
  --pf-v6-c-tree-view__node-content--Overflow: visible;
29662
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
29663
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
29664
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
29665
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
29666
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
29667
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
29668
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29669
+ --pf-v6-c-tree-view__list--Opacity: 0;
29670
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
29671
+ --pf-v6-c-tree-view__list--TranslateY: 0;
29672
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29363
29673
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29364
29674
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29365
29675
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29375,6 +29685,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29375
29685
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29376
29686
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29377
29687
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29688
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29689
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29378
29690
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29379
29691
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29380
29692
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29450,6 +29762,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29450
29762
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29451
29763
  --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);
29452
29764
  }
29765
+ @media screen and (prefers-reduced-motion: no-preference) {
29766
+ .pf-v6-c-tree-view {
29767
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
29768
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
29769
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
29770
+ }
29771
+ }
29453
29772
 
29454
29773
  .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 {
29455
29774
  position: relative;
@@ -29565,12 +29884,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29565
29884
  display: inline-block;
29566
29885
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29567
29886
  text-align: center;
29887
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29568
29888
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29569
29889
  }
29570
29890
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29571
29891
  scale: -1 1;
29572
29892
  }
29573
29893
 
29894
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
29895
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
29896
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
29897
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
29898
+ transition-property: opacity, translate;
29899
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
29900
+ }
29574
29901
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29575
29902
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29576
29903
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29579,6 +29906,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29579
29906
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29580
29907
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29581
29908
  }
29909
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
29910
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
29911
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
29912
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
29913
+ }
29582
29914
 
29583
29915
  .pf-v6-c-tree-view__node,
29584
29916
  .pf-v6-c-tree-view__node-container {