@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
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,39 @@ 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--collapse--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, padding-block-end;
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__content--Visibility: auto;
14105
+ --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
14106
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14107
+ gap: var(--pf-v6-c-expandable-section--Gap);
13906
14108
  }
13907
14109
  .pf-v6-c-expandable-section.pf-m-limit-width {
13908
14110
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13949,6 +14151,19 @@ ul) {
13949
14151
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13950
14152
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13951
14153
  }
14154
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14155
+ display: revert;
14156
+ }
14157
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14158
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14159
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14160
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14161
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14162
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14163
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14164
+ transition-property: opacity, translate, visibility, max-height;
14165
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14166
+ }
13952
14167
 
13953
14168
  .pf-v6-c-file-upload {
13954
14169
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -18247,16 +18462,20 @@ ul.pf-v6-c-list {
18247
18462
  flex-wrap: nowrap;
18248
18463
  }
18249
18464
 
18250
- .pf-v6-c-menu-toggle__icon {
18251
- flex-shrink: 0;
18252
- }
18253
18465
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18254
18466
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18255
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18467
+ .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
18468
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18257
18469
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18258
18470
  }
18259
18471
 
18472
+ .pf-v6-c-menu-toggle__icon {
18473
+ flex-shrink: 0;
18474
+ }
18475
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18476
+ vertical-align: middle;
18477
+ }
18478
+
18260
18479
  .pf-v6-c-menu-toggle__controls {
18261
18480
  display: flex;
18262
18481
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -19346,8 +19565,9 @@ ul.pf-v6-c-list {
19346
19565
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19347
19566
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19348
19567
  --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;
19568
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19569
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19570
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19351
19571
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19352
19572
  --pf-v6-c-page__sidebar--BoxShadow: none;
19353
19573
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19775,7 +19995,7 @@ ul.pf-v6-c-list {
19775
19995
  -webkit-overflow-scrolling: touch;
19776
19996
  }
19777
19997
  @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,
19998
+ .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
19999
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19780
20000
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19781
20001
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -21927,8 +22147,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21927
22147
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21928
22148
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21929
22149
  --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;
22150
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22151
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21932
22152
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21933
22153
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21934
22154
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21960,6 +22180,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21960
22180
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21961
22181
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21962
22182
  }
22183
+ @media screen and (prefers-reduced-motion: no-preference) {
22184
+ .pf-v6-c-skeleton {
22185
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22186
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22187
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22188
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22189
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22190
+ }
22191
+ }
21963
22192
 
21964
22193
  .pf-v6-c-skeleton {
21965
22194
  position: relative;
@@ -22080,6 +22309,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22080
22309
  transform: translateX(100%);
22081
22310
  }
22082
22311
  }
22312
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22313
+ 0% {
22314
+ opacity: 0.25;
22315
+ }
22316
+ 60% {
22317
+ opacity: 1;
22318
+ }
22319
+ 100% {
22320
+ opacity: 0.25;
22321
+ }
22322
+ }
22083
22323
  .pf-v6-c-skip-to-content {
22084
22324
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
22085
22325
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22327,6 +22567,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22327
22567
  --pf-v6-c-spinner--StrokeWidth: 10;
22328
22568
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22329
22569
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
22570
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22330
22571
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22331
22572
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22332
22573
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22343,6 +22584,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22343
22584
  .pf-v6-c-spinner.pf-m-inline {
22344
22585
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22345
22586
  }
22587
+ .pf-v6-c-spinner.pf-m-xs {
22588
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
22589
+ --pf-v6-c-spinner--StrokeWidth: 15;
22590
+ }
22346
22591
  .pf-v6-c-spinner.pf-m-sm {
22347
22592
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22348
22593
  }
@@ -22624,6 +22869,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22624
22869
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22625
22870
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22626
22871
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
22872
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22627
22873
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22628
22874
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22629
22875
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22748,7 +22994,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22748
22994
  }
22749
22995
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22750
22996
  position: revert;
22751
- font-weight: bold;
22997
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22752
22998
  text-align: start;
22753
22999
  content: attr(data-label);
22754
23000
  }
@@ -23048,7 +23294,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23048
23294
  }
23049
23295
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23050
23296
  position: revert;
23051
- font-weight: bold;
23297
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23052
23298
  text-align: start;
23053
23299
  content: attr(data-label);
23054
23300
  }
@@ -23351,7 +23597,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23351
23597
  }
23352
23598
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23353
23599
  position: revert;
23354
- font-weight: bold;
23600
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23355
23601
  text-align: start;
23356
23602
  content: attr(data-label);
23357
23603
  }
@@ -23654,7 +23900,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23654
23900
  }
23655
23901
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23656
23902
  position: revert;
23657
- font-weight: bold;
23903
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23658
23904
  text-align: start;
23659
23905
  content: attr(data-label);
23660
23906
  }
@@ -23957,7 +24203,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23957
24203
  }
23958
24204
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23959
24205
  position: revert;
23960
- font-weight: bold;
24206
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23961
24207
  text-align: start;
23962
24208
  content: attr(data-label);
23963
24209
  }
@@ -24235,6 +24481,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24235
24481
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24236
24482
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24237
24483
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24484
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24485
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24486
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24487
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24488
+ --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
24489
+ --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
24490
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24491
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24492
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24493
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24494
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24238
24495
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24239
24496
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24240
24497
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24295,6 +24552,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24295
24552
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24296
24553
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24297
24554
  }
24555
+ @media screen and (prefers-reduced-motion: no-preference) {
24556
+ .pf-v6-c-table {
24557
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
24558
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
24559
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
24560
+ }
24561
+ }
24298
24562
 
24299
24563
  .pf-v6-c-table {
24300
24564
  width: 100%;
@@ -24863,6 +25127,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24863
25127
  .pf-v6-c-table__expandable-row {
24864
25128
  position: relative;
24865
25129
  border-block-end: 0 solid transparent;
25130
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25131
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25132
+ 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);
25133
+ transition-property: opacity, translate, display;
25134
+ transition-behavior: allow-discrete;
25135
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
24866
25136
  }
24867
25137
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
24868
25138
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
@@ -24891,6 +25161,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24891
25161
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24892
25162
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24893
25163
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
25164
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25165
+ 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);
25166
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25167
+ }
25168
+ @starting-style {
25169
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
25170
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25171
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25172
+ }
24894
25173
  }
24895
25174
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24896
25175
  display: none;
@@ -26013,25 +26292,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26013
26292
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26014
26293
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26015
26294
  --pf-v6-c-tabs--link-accent--start: 0;
26016
- --pf-v6-c-tabs--link-accent--length: auto;
26295
+ --pf-v6-c-tabs--link-accent--length: 0;
26017
26296
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26018
26297
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26298
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26299
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26019
26300
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26020
26301
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26021
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26302
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
26022
26303
  --pf-v6-c-tabs--link-accent--Width: initial;
26023
26304
  --pf-v6-c-tabs--link-accent--Height: 0;
26024
26305
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26025
26306
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26026
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26307
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26308
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26309
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26310
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
26027
26311
  --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
26312
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26032
26313
  --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);
26314
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26315
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26316
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
26035
26317
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26036
26318
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26037
26319
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26191,11 +26473,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26191
26473
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26192
26474
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26193
26475
  --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
26476
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26196
26477
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26197
26478
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26198
26479
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26480
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
26481
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
26482
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26199
26483
  display: inline-flex;
26200
26484
  flex-direction: column;
26201
26485
  height: 100%;
@@ -26772,15 +27056,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26772
27056
  }
26773
27057
 
26774
27058
  @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 {
27059
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27060
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26777
27061
  content: revert;
26778
27062
  }
26779
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27063
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26780
27064
  position: absolute;
26781
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27065
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26782
27066
  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));
27067
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26784
27068
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26785
27069
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26786
27070
  content: "";
@@ -26789,7 +27073,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26789
27073
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26790
27074
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26791
27075
  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;
27076
+ transition-property: width, height, translate;
27077
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27078
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27079
+ }
27080
+ :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 {
27081
+ 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
27082
  }
26794
27083
  .pf-v6-c-tabs.pf-m-initializing-accent {
26795
27084
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -27131,6 +27420,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27131
27420
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27132
27421
  }
27133
27422
 
27423
+ .pf-v6-c-timestamp__text {
27424
+ text-decoration: inherit;
27425
+ }
27426
+
27134
27427
  .pf-v6-c-title {
27135
27428
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27136
27429
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29405,6 +29698,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29405
29698
  grid-auto-flow: column;
29406
29699
  align-items: baseline;
29407
29700
  min-width: var(--pf-v6-c-truncate--MinWidth);
29701
+ text-decoration: inherit;
29702
+ }
29703
+ .pf-v6-c-truncate.pf-m-fixed {
29704
+ display: inline;
29705
+ align-items: revert;
29706
+ min-width: revert;
29408
29707
  }
29409
29708
 
29410
29709
  .pf-v6-c-truncate__start,
@@ -29496,6 +29795,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29496
29795
  --pf-v6-c-tree-view__node-container--Display: contents;
29497
29796
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29498
29797
  --pf-v6-c-tree-view__node-content--Overflow: visible;
29798
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
29799
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
29800
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
29801
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
29802
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
29803
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
29804
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29805
+ --pf-v6-c-tree-view__list--Opacity: 0;
29806
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
29807
+ --pf-v6-c-tree-view__list--TranslateY: 0;
29808
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29499
29809
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29500
29810
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29501
29811
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29511,6 +29821,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29511
29821
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29512
29822
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29513
29823
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29824
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29825
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29514
29826
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29515
29827
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29516
29828
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29586,6 +29898,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29586
29898
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29587
29899
  --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
29900
  }
29901
+ @media screen and (prefers-reduced-motion: no-preference) {
29902
+ .pf-v6-c-tree-view {
29903
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
29904
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
29905
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
29906
+ }
29907
+ }
29589
29908
 
29590
29909
  .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
29910
  position: relative;
@@ -29701,12 +30020,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29701
30020
  display: inline-block;
29702
30021
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29703
30022
  text-align: center;
30023
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29704
30024
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29705
30025
  }
29706
30026
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29707
30027
  scale: -1 1;
29708
30028
  }
29709
30029
 
30030
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30031
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30032
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30033
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
30034
+ transition-property: opacity, translate;
30035
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30036
+ }
29710
30037
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29711
30038
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29712
30039
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29715,6 +30042,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29715
30042
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29716
30043
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29717
30044
  }
30045
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30046
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30047
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
30048
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30049
+ }
29718
30050
 
29719
30051
  .pf-v6-c-tree-view__node,
29720
30052
  .pf-v6-c-tree-view__node-container {