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

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 +47 -1
  20. package/components/ExpandableSection/expandable-section.scss +50 -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 +410 -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 +421 -87
  74. package/patternfly.css +421 -87
  75. package/patternfly.min.css +1 -1
  76. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -181,17 +181,17 @@ button) {
181
181
  }
182
182
 
183
183
  .pf-v6-m-no-motion {
184
- --pf-t--global--delay--400: 0ms !important;
185
- --pf-t--global--delay--300: 0ms !important;
186
- --pf-t--global--delay--200: 0ms !important;
187
- --pf-t--global--delay--100: 0ms !important;
188
- --pf-t--global--duration--600: 0ms !important;
189
- --pf-t--global--duration--500: 0ms !important;
190
- --pf-t--global--duration--400: 0ms !important;
191
- --pf-t--global--duration--300: 0ms !important;
192
- --pf-t--global--duration--200: 0ms !important;
193
- --pf-t--global--duration--100: 0ms !important;
194
- --pf-t--global--duration--50: 0ms !important;
184
+ --pf-t--global--delay--400: 1ms !important;
185
+ --pf-t--global--delay--300: 1ms !important;
186
+ --pf-t--global--delay--200: 1ms !important;
187
+ --pf-t--global--delay--100: 1ms !important;
188
+ --pf-t--global--duration--600: 1ms !important;
189
+ --pf-t--global--duration--500: 1ms !important;
190
+ --pf-t--global--duration--400: 1ms !important;
191
+ --pf-t--global--duration--300: 1ms !important;
192
+ --pf-t--global--duration--200: 1ms !important;
193
+ --pf-t--global--duration--100: 1ms !important;
194
+ --pf-t--global--duration--50: 1ms !important;
195
195
  }
196
196
 
197
197
  @font-face {
@@ -7803,6 +7803,7 @@ button) {
7803
7803
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7804
7804
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7805
7805
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7806
+ --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
7806
7807
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7807
7808
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7808
7809
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7820,6 +7821,24 @@ button) {
7820
7821
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
7821
7822
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
7822
7823
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
7824
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7825
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7826
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
7827
+ --pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7828
+ --pf-v6-c-accordion__item--before--Opacity: 0;
7829
+ --pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
7830
+ --pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
7831
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
7832
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7833
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
7834
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7835
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
7836
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
7837
+ --pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7838
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
7839
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
7840
+ --pf-v6-c-accordion__expandable-content--TranslateY: 0;
7841
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
7823
7842
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7824
7843
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7825
7844
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7839,6 +7858,16 @@ button) {
7839
7858
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
7840
7859
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
7841
7860
  }
7861
+ @media screen and (prefers-reduced-motion: no-preference) {
7862
+ .pf-v6-c-accordion {
7863
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7864
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7865
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
7866
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7867
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7868
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7869
+ }
7870
+ }
7842
7871
 
7843
7872
  .pf-v6-c-accordion {
7844
7873
  display: flex;
@@ -7872,18 +7901,39 @@ button) {
7872
7901
  }
7873
7902
 
7874
7903
  .pf-v6-c-accordion__item {
7904
+ position: relative;
7905
+ }
7906
+ .pf-v6-c-accordion__item::before {
7907
+ position: absolute;
7908
+ inset: 0;
7909
+ pointer-events: none;
7910
+ content: "";
7911
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7875
7912
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
7913
+ opacity: var(--pf-v6-c-accordion__item--before--Opacity);
7914
+ transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
7915
+ transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
7916
+ transition-property: opacity;
7876
7917
  }
7877
7918
  .pf-v6-c-accordion__item.pf-m-expanded {
7878
7919
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
7879
7920
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
7880
- background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7921
+ --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
7922
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
7923
+ --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
7924
+ --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
7925
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
7926
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
7927
+ --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
7928
+ --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
7881
7929
  }
7882
7930
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
7883
7931
  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
7884
7932
  }
7885
7933
 
7886
7934
  .pf-v6-c-accordion__toggle {
7935
+ position: relative;
7936
+ z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
7887
7937
  display: flex;
7888
7938
  column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
7889
7939
  align-items: center;
@@ -7919,7 +7969,12 @@ button) {
7919
7969
  scale: -1 1;
7920
7970
  }
7921
7971
 
7972
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
7973
+ display: revert;
7974
+ }
7975
+
7922
7976
  .pf-v6-c-accordion__expandable-content {
7977
+ display: none;
7923
7978
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7924
7979
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7925
7980
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
@@ -7927,11 +7982,26 @@ button) {
7927
7982
  color: var(--pf-v6-c-accordion__expandable-content--Color);
7928
7983
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7929
7984
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7985
+ opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7986
+ transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7987
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7988
+ transition-property: opacity, translate, display;
7989
+ transition-behavior: allow-discrete;
7990
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7930
7991
  }
7931
7992
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7932
7993
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7933
7994
  overflow-y: auto;
7934
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
+ }
7935
8005
 
7936
8006
  .pf-v6-c-accordion__expandable-content-body {
7937
8007
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -8195,27 +8265,45 @@ button) {
8195
8265
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8196
8266
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8197
8267
  0s;
8198
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8199
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8200
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8201
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8202
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8203
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8204
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8205
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8206
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8207
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8208
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8209
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8210
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8211
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8212
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8213
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8214
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8215
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
8216
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
8217
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
8218
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
8268
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8269
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8270
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8271
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8272
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8273
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
8274
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
8275
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
8276
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
8277
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
8278
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8279
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8280
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8281
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8282
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8283
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8284
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8285
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8286
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8287
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8288
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
8289
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
8290
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
8291
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
8292
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
8293
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
8294
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
8295
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
8296
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
8297
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
8298
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8299
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8300
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
8301
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
8302
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
8303
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
8304
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
8305
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
8306
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
8219
8307
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8220
8308
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8221
8309
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8275,40 +8363,43 @@ button) {
8275
8363
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8276
8364
  }
8277
8365
  }
8278
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8366
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
8279
8367
  grid-template-rows: 0fr;
8280
8368
  margin-block: 0;
8281
8369
  overflow: hidden;
8282
8370
  opacity: 0;
8283
8371
  transform: translateY(-100%);
8284
8372
  }
8285
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8373
+ .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 {
8286
8374
  min-height: 0;
8287
8375
  padding-block-start: 0;
8288
8376
  padding-block-end: 0;
8289
8377
  border-width: 0;
8290
8378
  }
8291
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8379
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8292
8380
  grid-template-rows: 0fr;
8293
8381
  margin-block: 0;
8294
8382
  overflow: hidden;
8295
8383
  opacity: 0;
8296
- 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);
8384
+ 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));
8297
8385
  }
8298
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8386
+ .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 {
8299
8387
  min-height: 0;
8300
8388
  padding-block-start: 0;
8301
8389
  padding-block-end: 0;
8302
8390
  border-width: 0;
8303
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8391
+ 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));
8304
8392
  }
8305
8393
  @media screen and (prefers-reduced-motion: no-preference) {
8306
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8307
- 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);
8394
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8395
+ 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));
8308
8396
  transform: translateX(100%);
8309
8397
  }
8310
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8311
- transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
8398
+ :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 {
8399
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
8400
+ }
8401
+ .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 {
8402
+ 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));
8312
8403
  }
8313
8404
  }
8314
8405
  .pf-v6-c-alert-group__item:hover {
@@ -9279,6 +9370,11 @@ button.pf-v6-c-breadcrumb__link {
9279
9370
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9280
9371
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9281
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);
9282
9378
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9283
9379
  --pf-v6-c-button__progress--Opacity: 0;
9284
9380
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9589,6 +9685,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9589
9685
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9590
9686
  }
9591
9687
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9688
+ display: grid;
9592
9689
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9593
9690
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9594
9691
  transition-property: color;
@@ -9596,6 +9693,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9596
9693
  .pf-v6-c-button.pf-m-favorited {
9597
9694
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9598
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);
9599
9698
  }
9600
9699
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9601
9700
  animation-name: pf-v6-c-button-icon-favorited;
@@ -9675,6 +9774,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9675
9774
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9676
9775
  }
9677
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
+
9678
9792
  .pf-v6-c-button__progress {
9679
9793
  position: absolute;
9680
9794
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9687,6 +9801,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9687
9801
  --pf-v6-c-spinner--Color: currentcolor;
9688
9802
  }
9689
9803
 
9804
+ .pf-v6-c-button__text {
9805
+ text-decoration: inherit;
9806
+ }
9807
+
9690
9808
  .pf-v6-c-button__count {
9691
9809
  display: inline-flex;
9692
9810
  align-items: center;
@@ -10649,6 +10767,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10649
10767
  .pf-v6-c-code-editor__main .monaco-editor {
10650
10768
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10651
10769
  }
10770
+ .pf-v6-c-code-editor__main a.label-name {
10771
+ text-decoration-line: none;
10772
+ }
10652
10773
 
10653
10774
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
10654
10775
  border-block-start-width: 0;
@@ -12222,6 +12343,17 @@ ul) {
12222
12343
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12223
12344
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12224
12345
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
12346
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
12347
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
12348
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
12349
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
12350
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
12351
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
12352
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12353
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
12354
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
12355
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
12356
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
12225
12357
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12226
12358
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12227
12359
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12259,6 +12391,13 @@ ul) {
12259
12391
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12260
12392
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12261
12393
  }
12394
+ @media screen and (prefers-reduced-motion: no-preference) {
12395
+ .pf-v6-c-dual-list-selector {
12396
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12397
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12398
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
12399
+ }
12400
+ }
12262
12401
 
12263
12402
  .pf-v6-c-dual-list-selector {
12264
12403
  display: grid;
@@ -12354,9 +12493,27 @@ ul) {
12354
12493
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12355
12494
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12356
12495
  }
12496
+ .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 {
12497
+ max-height: 0;
12498
+ visibility: hidden;
12499
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
12500
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
12501
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
12502
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
12503
+ transition-property: opacity, translate, visibility, max-height;
12504
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
12505
+ }
12357
12506
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12358
12507
  --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);
12359
12508
  }
12509
+ .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 {
12510
+ max-height: 9999px;
12511
+ visibility: revert;
12512
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12513
+ transition-delay: 0s;
12514
+ 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;
12515
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
12516
+ }
12360
12517
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12361
12518
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12362
12519
  --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);
@@ -12905,9 +13062,15 @@ ul) {
12905
13062
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12906
13063
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12907
13064
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13065
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
13066
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
13067
+ --pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
12908
13068
  --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12909
- --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12910
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
13069
+ --pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
13070
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
13071
+ --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
13072
+ --pf-v6-c-drawer__panel--Opacity: 0;
13073
+ --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
12911
13074
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12912
13075
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
12913
13076
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -12997,6 +13160,17 @@ ul) {
12997
13160
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
12998
13161
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12999
13162
  }
13163
+ @media screen and (prefers-reduced-motion: no-preference) {
13164
+ .pf-v6-c-drawer {
13165
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
13166
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
13167
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
13168
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
13169
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
13170
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
13171
+ --pf-v6-c-drawer__panel--Opacity: 1;
13172
+ }
13173
+ }
13000
13174
  @media screen and (min-width: 75rem) {
13001
13175
  .pf-v6-c-drawer {
13002
13176
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
@@ -13044,8 +13218,13 @@ ul) {
13044
13218
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
13045
13219
  flex-direction: column;
13046
13220
  }
13221
+ .pf-v6-c-drawer.pf-m-expanded {
13222
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
13223
+ }
13047
13224
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13048
13225
  transform: translateX(-100%);
13226
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
13227
+ visibility: visible;
13049
13228
  }
13050
13229
  :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 {
13051
13230
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
@@ -13118,8 +13297,11 @@ ul) {
13118
13297
  order: 1;
13119
13298
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
13120
13299
  overflow: auto;
13300
+ visibility: hidden;
13121
13301
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
13122
13302
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
13303
+ opacity: var(--pf-v6-c-drawer__panel--Opacity);
13304
+ transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
13123
13305
  transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
13124
13306
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
13125
13307
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
@@ -13176,17 +13358,6 @@ ul) {
13176
13358
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
13177
13359
  }
13178
13360
 
13179
- @keyframes pf-remove-tab-focus {
13180
- to {
13181
- visibility: hidden;
13182
- }
13183
- }
13184
- .pf-v6-c-drawer__panel[hidden] {
13185
- animation-name: pf-remove-tab-focus;
13186
- animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
13187
- animation-fill-mode: forwards;
13188
- }
13189
-
13190
13361
  .pf-v6-c-drawer__head {
13191
13362
  display: grid;
13192
13363
  grid-template-columns: auto;
@@ -13294,7 +13465,7 @@ ul) {
13294
13465
  .pf-v6-c-drawer {
13295
13466
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
13296
13467
  }
13297
- .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13468
+ .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13298
13469
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
13299
13470
  }
13300
13471
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
@@ -13878,6 +14049,18 @@ ul) {
13878
14049
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13879
14050
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13880
14051
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
14052
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
14053
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14054
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
14055
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14056
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
14057
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
14058
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14059
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
14060
+ --pf-v6-c-expandable-section__content--Opacity: 0;
14061
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14062
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
14063
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13881
14064
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13882
14065
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13883
14066
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13889,20 +14072,40 @@ ul) {
13889
14072
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13890
14073
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13891
14074
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14075
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
13892
14076
  --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));
13893
14077
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13894
14078
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13895
14079
  }
14080
+ @media screen and (prefers-reduced-motion: no-preference) {
14081
+ .pf-v6-c-expandable-section {
14082
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14083
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14084
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14085
+ }
14086
+ }
13896
14087
 
13897
14088
  .pf-v6-c-expandable-section {
13898
14089
  display: flex;
13899
14090
  flex-direction: column;
13900
- gap: var(--pf-v6-c-expandable-section--Gap);
14091
+ gap: 0;
14092
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14093
+ transition-duration: 0s;
14094
+ transition-property: gap;
13901
14095
  }
13902
14096
  .pf-v6-c-expandable-section.pf-m-expanded {
13903
14097
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13904
14098
  --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);
13905
14099
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
14100
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
14101
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14102
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14103
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14104
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
14105
+ --pf-v6-c-expandable-section__content--Visibility: auto;
14106
+ --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
14107
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14108
+ gap: var(--pf-v6-c-expandable-section--Gap);
13906
14109
  }
13907
14110
  .pf-v6-c-expandable-section.pf-m-limit-width {
13908
14111
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13915,6 +14118,7 @@ ul) {
13915
14118
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
13916
14119
  border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
13917
14120
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
14121
+ transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
13918
14122
  }
13919
14123
  .pf-v6-c-expandable-section.pf-m-indented {
13920
14124
  --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
@@ -13949,6 +14153,19 @@ ul) {
13949
14153
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13950
14154
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13951
14155
  }
14156
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14157
+ display: revert;
14158
+ }
14159
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14160
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14161
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14162
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14163
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14164
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14165
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14166
+ transition-property: opacity, translate, visibility, max-height;
14167
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14168
+ }
13952
14169
 
13953
14170
  .pf-v6-c-file-upload {
13954
14171
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -18247,16 +18464,20 @@ ul.pf-v6-c-list {
18247
18464
  flex-wrap: nowrap;
18248
18465
  }
18249
18466
 
18250
- .pf-v6-c-menu-toggle__icon {
18251
- flex-shrink: 0;
18252
- }
18253
18467
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18254
18468
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18255
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18469
+ .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 {
18256
18470
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18257
18471
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18258
18472
  }
18259
18473
 
18474
+ .pf-v6-c-menu-toggle__icon {
18475
+ flex-shrink: 0;
18476
+ }
18477
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18478
+ vertical-align: middle;
18479
+ }
18480
+
18260
18481
  .pf-v6-c-menu-toggle__controls {
18261
18482
  display: flex;
18262
18483
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -19346,8 +19567,9 @@ ul.pf-v6-c-list {
19346
19567
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19347
19568
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19348
19569
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19349
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19350
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19570
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19571
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19572
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19351
19573
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19352
19574
  --pf-v6-c-page__sidebar--BoxShadow: none;
19353
19575
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19775,7 +19997,7 @@ ul.pf-v6-c-list {
19775
19997
  -webkit-overflow-scrolling: touch;
19776
19998
  }
19777
19999
  @media screen and (min-width: 75rem) {
19778
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
20000
+ .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,
19779
20001
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19780
20002
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19781
20003
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -21927,8 +22149,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21927
22149
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21928
22150
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21929
22151
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
21930
- --pf-v6-c-skeleton--after--TranslateX: -100%;
21931
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22152
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22153
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21932
22154
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21933
22155
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21934
22156
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21960,6 +22182,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21960
22182
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21961
22183
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21962
22184
  }
22185
+ @media screen and (prefers-reduced-motion: no-preference) {
22186
+ .pf-v6-c-skeleton {
22187
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22188
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22189
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22190
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22191
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22192
+ }
22193
+ }
21963
22194
 
21964
22195
  .pf-v6-c-skeleton {
21965
22196
  position: relative;
@@ -22080,6 +22311,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22080
22311
  transform: translateX(100%);
22081
22312
  }
22082
22313
  }
22314
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22315
+ 0% {
22316
+ opacity: 0.25;
22317
+ }
22318
+ 60% {
22319
+ opacity: 1;
22320
+ }
22321
+ 100% {
22322
+ opacity: 0.25;
22323
+ }
22324
+ }
22083
22325
  .pf-v6-c-skip-to-content {
22084
22326
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
22085
22327
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22327,6 +22569,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22327
22569
  --pf-v6-c-spinner--StrokeWidth: 10;
22328
22570
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22329
22571
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
22572
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22330
22573
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22331
22574
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22332
22575
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22343,6 +22586,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22343
22586
  .pf-v6-c-spinner.pf-m-inline {
22344
22587
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22345
22588
  }
22589
+ .pf-v6-c-spinner.pf-m-xs {
22590
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
22591
+ --pf-v6-c-spinner--StrokeWidth: 15;
22592
+ }
22346
22593
  .pf-v6-c-spinner.pf-m-sm {
22347
22594
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22348
22595
  }
@@ -22624,6 +22871,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22624
22871
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22625
22872
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22626
22873
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
22874
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22627
22875
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22628
22876
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22629
22877
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22748,7 +22996,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22748
22996
  }
22749
22997
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22750
22998
  position: revert;
22751
- font-weight: bold;
22999
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22752
23000
  text-align: start;
22753
23001
  content: attr(data-label);
22754
23002
  }
@@ -23048,7 +23296,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23048
23296
  }
23049
23297
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23050
23298
  position: revert;
23051
- font-weight: bold;
23299
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23052
23300
  text-align: start;
23053
23301
  content: attr(data-label);
23054
23302
  }
@@ -23351,7 +23599,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23351
23599
  }
23352
23600
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23353
23601
  position: revert;
23354
- font-weight: bold;
23602
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23355
23603
  text-align: start;
23356
23604
  content: attr(data-label);
23357
23605
  }
@@ -23654,7 +23902,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23654
23902
  }
23655
23903
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23656
23904
  position: revert;
23657
- font-weight: bold;
23905
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23658
23906
  text-align: start;
23659
23907
  content: attr(data-label);
23660
23908
  }
@@ -23957,7 +24205,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23957
24205
  }
23958
24206
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23959
24207
  position: revert;
23960
- font-weight: bold;
24208
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23961
24209
  text-align: start;
23962
24210
  content: attr(data-label);
23963
24211
  }
@@ -24235,6 +24483,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24235
24483
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24236
24484
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24237
24485
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24486
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24487
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24488
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24489
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24490
+ --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
24491
+ --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
24492
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24493
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24494
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24495
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24496
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24238
24497
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24239
24498
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24240
24499
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24295,6 +24554,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24295
24554
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24296
24555
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24297
24556
  }
24557
+ @media screen and (prefers-reduced-motion: no-preference) {
24558
+ .pf-v6-c-table {
24559
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
24560
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
24561
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
24562
+ }
24563
+ }
24298
24564
 
24299
24565
  .pf-v6-c-table {
24300
24566
  width: 100%;
@@ -24863,6 +25129,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24863
25129
  .pf-v6-c-table__expandable-row {
24864
25130
  position: relative;
24865
25131
  border-block-end: 0 solid transparent;
25132
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25133
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25134
+ 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);
25135
+ transition-property: opacity, translate, display;
25136
+ transition-behavior: allow-discrete;
25137
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
24866
25138
  }
24867
25139
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
24868
25140
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
@@ -24891,6 +25163,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24891
25163
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24892
25164
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24893
25165
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
25166
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25167
+ 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);
25168
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25169
+ }
25170
+ @starting-style {
25171
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
25172
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25173
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25174
+ }
24894
25175
  }
24895
25176
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24896
25177
  display: none;
@@ -26013,25 +26294,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26013
26294
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26014
26295
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26015
26296
  --pf-v6-c-tabs--link-accent--start: 0;
26016
- --pf-v6-c-tabs--link-accent--length: auto;
26297
+ --pf-v6-c-tabs--link-accent--length: 0;
26017
26298
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26018
26299
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26300
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26301
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26019
26302
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26020
26303
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26021
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26304
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
26022
26305
  --pf-v6-c-tabs--link-accent--Width: initial;
26023
26306
  --pf-v6-c-tabs--link-accent--Height: 0;
26024
26307
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26025
26308
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26026
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26309
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26310
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26311
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26312
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
26027
26313
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
26028
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
26029
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
26030
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
26031
26314
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26032
26315
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26033
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26034
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26316
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26317
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26318
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
26035
26319
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26036
26320
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26037
26321
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26191,11 +26475,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26191
26475
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26192
26476
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26193
26477
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26194
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26195
26478
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26196
26479
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26197
26480
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26198
26481
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26482
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
26483
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
26484
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26199
26485
  display: inline-flex;
26200
26486
  flex-direction: column;
26201
26487
  height: 100%;
@@ -26772,15 +27058,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26772
27058
  }
26773
27059
 
26774
27060
  @media (prefers-reduced-motion: no-preference) {
26775
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26776
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
27061
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27062
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26777
27063
  content: revert;
26778
27064
  }
26779
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27065
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26780
27066
  position: absolute;
26781
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27067
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26782
27068
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26783
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
27069
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26784
27070
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26785
27071
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26786
27072
  content: "";
@@ -26789,7 +27075,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26789
27075
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26790
27076
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26791
27077
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26792
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
27078
+ transition-property: width, height, translate;
27079
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27080
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27081
+ }
27082
+ :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 {
27083
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26793
27084
  }
26794
27085
  .pf-v6-c-tabs.pf-m-initializing-accent {
26795
27086
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -27131,6 +27422,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27131
27422
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27132
27423
  }
27133
27424
 
27425
+ .pf-v6-c-timestamp__text {
27426
+ text-decoration: inherit;
27427
+ }
27428
+
27134
27429
  .pf-v6-c-title {
27135
27430
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27136
27431
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29405,6 +29700,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29405
29700
  grid-auto-flow: column;
29406
29701
  align-items: baseline;
29407
29702
  min-width: var(--pf-v6-c-truncate--MinWidth);
29703
+ text-decoration: inherit;
29704
+ }
29705
+ .pf-v6-c-truncate.pf-m-fixed {
29706
+ display: inline;
29707
+ align-items: revert;
29708
+ min-width: revert;
29408
29709
  }
29409
29710
 
29410
29711
  .pf-v6-c-truncate__start,
@@ -29496,6 +29797,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29496
29797
  --pf-v6-c-tree-view__node-container--Display: contents;
29497
29798
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29498
29799
  --pf-v6-c-tree-view__node-content--Overflow: visible;
29800
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
29801
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
29802
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
29803
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
29804
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
29805
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
29806
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29807
+ --pf-v6-c-tree-view__list--Opacity: 0;
29808
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
29809
+ --pf-v6-c-tree-view__list--TranslateY: 0;
29810
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29499
29811
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29500
29812
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29501
29813
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29511,6 +29823,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29511
29823
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29512
29824
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29513
29825
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29826
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29827
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29514
29828
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29515
29829
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29516
29830
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29586,6 +29900,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29586
29900
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29587
29901
  --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);
29588
29902
  }
29903
+ @media screen and (prefers-reduced-motion: no-preference) {
29904
+ .pf-v6-c-tree-view {
29905
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
29906
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
29907
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
29908
+ }
29909
+ }
29589
29910
 
29590
29911
  .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 {
29591
29912
  position: relative;
@@ -29701,12 +30022,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29701
30022
  display: inline-block;
29702
30023
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29703
30024
  text-align: center;
30025
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29704
30026
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29705
30027
  }
29706
30028
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29707
30029
  scale: -1 1;
29708
30030
  }
29709
30031
 
30032
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30033
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30034
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30035
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
30036
+ transition-property: opacity, translate;
30037
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30038
+ }
29710
30039
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29711
30040
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29712
30041
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29715,6 +30044,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29715
30044
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29716
30045
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29717
30046
  }
30047
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30048
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30049
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
30050
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30051
+ }
29718
30052
 
29719
30053
  .pf-v6-c-tree-view__node,
29720
30054
  .pf-v6-c-tree-view__node-container {