@patternfly/patternfly 6.3.0-prerelease.8 → 6.3.0

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 (111) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/base/patternfly-common.css +46 -11
  4. package/base/patternfly-common.scss +58 -13
  5. package/components/Accordion/accordion.css +72 -3
  6. package/components/Accordion/accordion.scss +78 -6
  7. package/components/Alert/alert-group.css +52 -31
  8. package/components/Alert/alert-group.scss +77 -46
  9. package/components/Button/button.css +154 -6
  10. package/components/Button/button.scss +160 -8
  11. package/components/DataList/data-list.css +2 -2
  12. package/components/DataList/data-list.scss +2 -2
  13. package/components/DualListSelector/dual-list-selector.css +36 -0
  14. package/components/DualListSelector/dual-list-selector.scss +43 -0
  15. package/components/ExpandableSection/expandable-section.css +63 -1
  16. package/components/ExpandableSection/expandable-section.scss +76 -2
  17. package/components/FileUpload/file-upload.css +3 -3
  18. package/components/FileUpload/file-upload.scss +3 -3
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/InputGroup/input-group.css +80 -0
  24. package/components/InputGroup/input-group.scss +95 -0
  25. package/components/Menu/menu.css +24 -4
  26. package/components/Menu/menu.scss +20 -5
  27. package/components/MenuToggle/menu-toggle.css +30 -0
  28. package/components/MenuToggle/menu-toggle.scss +33 -0
  29. package/components/Nav/nav.css +22 -8
  30. package/components/Nav/nav.scss +22 -9
  31. package/components/Page/page.css +62 -3
  32. package/components/Page/page.scss +44 -3
  33. package/components/Progress/progress.css +16 -0
  34. package/components/Progress/progress.scss +11 -1
  35. package/components/ProgressStepper/progress-stepper.scss +1 -0
  36. package/components/Skeleton/skeleton.css +22 -2
  37. package/components/Skeleton/skeleton.scss +25 -3
  38. package/components/Spinner/spinner.css +5 -0
  39. package/components/Spinner/spinner.scss +6 -0
  40. package/components/Table/table-grid.css +51 -5
  41. package/components/Table/table-grid.scss +22 -1
  42. package/components/Table/table.css +83 -1
  43. package/components/Table/table.scss +123 -1
  44. package/components/Tabs/tabs.css +25 -15
  45. package/components/Tabs/tabs.scss +26 -13
  46. package/components/TextInputGroup/text-input-group.css +16 -0
  47. package/components/TextInputGroup/text-input-group.scss +8 -0
  48. package/components/Timestamp/timestamp.css +4 -0
  49. package/components/Timestamp/timestamp.scss +7 -0
  50. package/components/TreeView/tree-view.css +39 -0
  51. package/components/TreeView/tree-view.scss +42 -2
  52. package/components/Truncate/truncate.css +1 -0
  53. package/components/Truncate/truncate.scss +3 -0
  54. package/components/_index.css +918 -85
  55. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  56. package/docs/components/Button/examples/Button.md +148 -5
  57. package/docs/components/Card/examples/Card.md +8 -8
  58. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  59. package/docs/components/DataList/examples/DataList.md +23 -23
  60. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  61. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  62. package/docs/components/Form/examples/Form.md +1047 -126
  63. package/docs/components/Hint/examples/Hint.md +3 -3
  64. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  65. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  66. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  67. package/docs/components/Masthead/examples/masthead.md +90 -12
  68. package/docs/components/Menu/examples/Menu.md +122 -6
  69. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  70. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  71. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  72. package/docs/components/Page/examples/Page.md +147 -14
  73. package/docs/components/Pagination/examples/Pagination.md +12 -12
  74. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  75. package/docs/components/Slider/examples/Slider.md +2 -2
  76. package/docs/components/Spinner/examples/Spinner.md +10 -0
  77. package/docs/components/Table/examples/Table.md +9428 -6173
  78. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  79. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  80. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  81. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  82. package/docs/demos/Alert/examples/Alert.md +66 -9
  83. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  84. package/docs/demos/Banner/examples/Banner.md +47 -6
  85. package/docs/demos/Card/examples/Card.md +5 -62
  86. package/docs/demos/CardView/examples/CardView.md +24 -5
  87. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  88. package/docs/demos/DataList/examples/DataList.md +100 -24
  89. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  90. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  91. package/docs/demos/Form/examples/BasicForms.md +12 -12
  92. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  93. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  94. package/docs/demos/Modal/examples/Modal.md +132 -18
  95. package/docs/demos/Nav/examples/Nav.md +111 -16
  96. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  97. package/docs/demos/Page/examples/Page.md +309 -43
  98. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  99. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  100. package/docs/demos/Table/examples/Table.md +449 -155
  101. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  102. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  103. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  104. package/package.json +5 -5
  105. package/patternfly-base-no-globals.css +45 -11
  106. package/patternfly-base.css +45 -11
  107. package/patternfly-no-globals.css +963 -96
  108. package/patternfly.css +963 -96
  109. package/patternfly.min.css +1 -1
  110. package/patternfly.min.css.map +1 -1
  111. package/sass-utilities/mixins.scss +54 -0
package/patternfly.css CHANGED
@@ -181,19 +181,53 @@ 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
+ :root {
198
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
199
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
200
+ }
201
+
202
+ @property --pf-v6-global--danger-jiggle--TranslateX {
203
+ syntax: "<length>";
204
+ inherits: false;
205
+ initial-value: 0;
206
+ }
207
+ @keyframes pf-v6-global-danger-jiggle-motion {
208
+ 33% {
209
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
210
+ }
211
+ 66% {
212
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
213
+ }
214
+ }
215
+ @keyframes pf-v6-global-fade-in {
216
+ from {
217
+ opacity: 0;
218
+ }
219
+ to {
220
+ opacity: 1;
221
+ }
222
+ }
223
+ @keyframes pf-v6-global-fade-out {
224
+ from {
225
+ opacity: 1;
226
+ }
227
+ to {
228
+ opacity: 0;
229
+ }
230
+ }
197
231
  @font-face {
198
232
  font-family: "Red Hat Text";
199
233
  font-style: normal;
@@ -7803,6 +7837,7 @@ button) {
7803
7837
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7804
7838
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7805
7839
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7840
+ --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
7806
7841
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7807
7842
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7808
7843
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7820,6 +7855,24 @@ button) {
7820
7855
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
7821
7856
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
7822
7857
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
7858
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7859
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7860
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
7861
+ --pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7862
+ --pf-v6-c-accordion__item--before--Opacity: 0;
7863
+ --pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
7864
+ --pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
7865
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
7866
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7867
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
7868
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7869
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
7870
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
7871
+ --pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7872
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
7873
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
7874
+ --pf-v6-c-accordion__expandable-content--TranslateY: 0;
7875
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
7823
7876
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7824
7877
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7825
7878
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7839,6 +7892,16 @@ button) {
7839
7892
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
7840
7893
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
7841
7894
  }
7895
+ @media screen and (prefers-reduced-motion: no-preference) {
7896
+ .pf-v6-c-accordion {
7897
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7898
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7899
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
7900
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7901
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7902
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7903
+ }
7904
+ }
7842
7905
 
7843
7906
  .pf-v6-c-accordion {
7844
7907
  display: flex;
@@ -7872,18 +7935,39 @@ button) {
7872
7935
  }
7873
7936
 
7874
7937
  .pf-v6-c-accordion__item {
7938
+ position: relative;
7939
+ }
7940
+ .pf-v6-c-accordion__item::before {
7941
+ position: absolute;
7942
+ inset: 0;
7943
+ pointer-events: none;
7944
+ content: "";
7945
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7875
7946
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
7947
+ opacity: var(--pf-v6-c-accordion__item--before--Opacity);
7948
+ transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
7949
+ transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
7950
+ transition-property: opacity;
7876
7951
  }
7877
7952
  .pf-v6-c-accordion__item.pf-m-expanded {
7878
7953
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
7879
7954
  --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);
7955
+ --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
7956
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
7957
+ --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
7958
+ --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
7959
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
7960
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
7961
+ --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
7962
+ --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
7881
7963
  }
7882
7964
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
7883
7965
  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
7884
7966
  }
7885
7967
 
7886
7968
  .pf-v6-c-accordion__toggle {
7969
+ position: relative;
7970
+ z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
7887
7971
  display: flex;
7888
7972
  column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
7889
7973
  align-items: center;
@@ -7919,19 +8003,38 @@ button) {
7919
8003
  scale: -1 1;
7920
8004
  }
7921
8005
 
8006
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
8007
+ display: revert;
8008
+ }
8009
+
7922
8010
  .pf-v6-c-accordion__expandable-content {
7923
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8011
+ max-height: 0;
7924
8012
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7925
8013
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7926
8014
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7927
8015
  color: var(--pf-v6-c-accordion__expandable-content--Color);
8016
+ visibility: hidden;
7928
8017
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7929
8018
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
8019
+ opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
8020
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
8021
+ transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
8022
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
8023
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
8024
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7930
8025
  }
7931
8026
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7932
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7933
8027
  overflow-y: auto;
7934
8028
  }
8029
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
8030
+ max-height: 99999px;
8031
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8032
+ visibility: revert;
8033
+ transition-delay: 0s;
8034
+ }
8035
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
8036
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
8037
+ }
7935
8038
 
7936
8039
  .pf-v6-c-accordion__expandable-content-body {
7937
8040
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -8195,27 +8298,45 @@ button) {
8195
8298
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8196
8299
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8197
8300
  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);
8301
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8302
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8303
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8304
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8305
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8306
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
8307
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
8308
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
8309
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
8310
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
8311
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8312
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8313
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8314
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8315
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8316
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8317
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8318
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8319
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8320
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8321
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
8322
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
8323
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
8324
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
8325
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
8326
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
8327
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
8328
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
8329
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
8330
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
8331
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8332
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8333
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
8334
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
8335
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
8336
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
8337
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
8338
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
8339
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
8219
8340
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8220
8341
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8221
8342
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8275,40 +8396,43 @@ button) {
8275
8396
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8276
8397
  }
8277
8398
  }
8278
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8399
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
8279
8400
  grid-template-rows: 0fr;
8280
8401
  margin-block: 0;
8281
8402
  overflow: hidden;
8282
8403
  opacity: 0;
8283
8404
  transform: translateY(-100%);
8284
8405
  }
8285
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8406
+ .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
8407
  min-height: 0;
8287
8408
  padding-block-start: 0;
8288
8409
  padding-block-end: 0;
8289
8410
  border-width: 0;
8290
8411
  }
8291
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8412
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8292
8413
  grid-template-rows: 0fr;
8293
8414
  margin-block: 0;
8294
8415
  overflow: hidden;
8295
8416
  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);
8417
+ 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
8418
  }
8298
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8419
+ .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
8420
  min-height: 0;
8300
8421
  padding-block-start: 0;
8301
8422
  padding-block-end: 0;
8302
8423
  border-width: 0;
8303
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8424
+ 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
8425
  }
8305
8426
  @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);
8427
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8428
+ 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
8429
  transform: translateX(100%);
8309
8430
  }
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);
8431
+ :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 {
8432
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
8433
+ }
8434
+ .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 {
8435
+ 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
8436
  }
8313
8437
  }
8314
8438
  .pf-v6-c-alert-group__item:hover {
@@ -9055,15 +9179,20 @@ button.pf-v6-c-breadcrumb__link {
9055
9179
  --pf-v6-c-button--TextDecorationLine: none;
9056
9180
  --pf-v6-c-button--TextDecorationStyle: none;
9057
9181
  --pf-v6-c-button--TextDecorationColor: currentcolor;
9182
+ --pf-v6-c-button--TransitionDelay: 0s;
9058
9183
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9059
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9060
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
9184
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9185
+ --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9186
+ --pf-v6-c-button--ScaleX: 1;
9187
+ --pf-v6-c-button--ScaleY: 1;
9061
9188
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9062
9189
  --pf-v6-c-button--hover--BorderColor: transparent;
9063
9190
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9064
9191
  --pf-v6-c-button--hover--TextDecorationLine: none;
9065
9192
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9066
9193
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9194
+ --pf-v6-c-button--hover--ScaleX: 1;
9195
+ --pf-v6-c-button--hover--ScaleY: 1;
9067
9196
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9068
9197
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9069
9198
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9273,12 +9402,30 @@ button.pf-v6-c-breadcrumb__link {
9273
9402
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9274
9403
  --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
9275
9404
  --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
9405
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9406
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
9407
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9408
+ --pf-v6-c-button__icon--TransitionProperty: none;
9409
+ --pf-v6-c-button__icon--Rotate: 0deg;
9410
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9411
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9412
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
9413
+ --pf-v6-c-button--hover__icon--Rotate: 0deg;
9414
+ --pf-v6-c-button__icon--ScaleX: 1;
9415
+ --pf-v6-c-button__icon--ScaleY: 1;
9416
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9417
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9276
9418
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9277
9419
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9278
9420
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
9279
9421
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9280
9422
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9281
9423
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9424
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
9425
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
9426
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
9427
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
9428
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9282
9429
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9283
9430
  --pf-v6-c-button__progress--Opacity: 0;
9284
9431
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9293,9 +9440,28 @@ button.pf-v6-c-breadcrumb__link {
9293
9440
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
9294
9441
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
9295
9442
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
9443
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9444
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9445
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9446
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9447
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
9296
9448
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
9297
9449
  --pf-v6-c-button--m-block--Display: flex;
9298
9450
  --pf-v6-c-button--m-block--Width: 100%;
9451
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9452
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
9453
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
9454
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
9455
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
9456
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
9457
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
9458
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
9459
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
9460
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
9461
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9462
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9463
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9464
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9299
9465
  }
9300
9466
 
9301
9467
  .pf-v6-c-button {
@@ -9319,16 +9485,19 @@ button.pf-v6-c-breadcrumb__link {
9319
9485
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9320
9486
  white-space: nowrap;
9321
9487
  cursor: pointer;
9488
+ -webkit-user-select: none;
9322
9489
  user-select: none;
9323
- background-color: var(--pf-v6-c-button--BackgroundColor);
9490
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
9324
9491
  border: 0;
9325
9492
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9326
9493
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
9327
9494
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
9328
9495
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
9496
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
9329
9497
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9330
9498
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9331
9499
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9500
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9332
9501
  }
9333
9502
  .pf-v6-c-button::after {
9334
9503
  position: absolute;
@@ -9437,6 +9606,7 @@ button.pf-v6-c-breadcrumb__link {
9437
9606
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9438
9607
  text-align: start;
9439
9608
  white-space: normal;
9609
+ background: transparent;
9440
9610
  outline-offset: 0.125rem;
9441
9611
  }
9442
9612
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -9570,6 +9740,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9570
9740
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9571
9741
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9572
9742
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9743
+ background: var(--pf-v6-c-button--BackgroundColor);
9573
9744
  }
9574
9745
  .pf-v6-c-button.pf-m-block {
9575
9746
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -9589,44 +9760,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9589
9760
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9590
9761
  }
9591
9762
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9763
+ display: grid;
9592
9764
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9593
9765
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9594
9766
  transition-property: color;
9595
9767
  }
9596
9768
  .pf-v6-c-button.pf-m-favorited {
9597
9769
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9770
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9598
9771
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9772
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9773
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
9774
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
9599
9775
  }
9600
9776
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9601
9777
  animation-name: pf-v6-c-button-icon-favorited;
9602
9778
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9603
9779
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9604
9780
  }
9781
+ .pf-v6-c-button.pf-m-settings {
9782
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
9783
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
9784
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
9785
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
9786
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
9787
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
9788
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
9789
+ }
9790
+ .pf-v6-c-button.pf-m-hamburger {
9791
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9792
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9793
+ --pf-v6-c-button__icon--TransitionProperty: scale;
9794
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9795
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9796
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
9797
+ }
9798
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
9799
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9800
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9801
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9802
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9803
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9804
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9805
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9806
+ }
9807
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9808
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9809
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9810
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9811
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9812
+ --pf-v6-c-button__icon--ScaleX: 1;
9813
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9814
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9815
+ }
9605
9816
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9606
9817
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9607
9818
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9608
9819
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9609
9820
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9821
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9822
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9610
9823
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9611
9824
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9825
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9826
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9827
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9828
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9829
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9830
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9612
9831
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9613
9832
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9614
9833
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9615
9834
  }
9616
- .pf-v6-c-button.pf-m-clicked {
9835
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9617
9836
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9618
9837
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9619
9838
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9620
9839
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9621
9840
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9622
9841
  }
9842
+ .pf-v6-c-button:active {
9843
+ background-size: 100% 100%;
9844
+ transition-duration: 0s;
9845
+ }
9623
9846
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9624
9847
  pointer-events: none;
9625
9848
  }
9626
9849
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9627
9850
  color: var(--pf-v6-c-button--disabled--Color);
9628
9851
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9629
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9852
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9630
9853
  }
9631
9854
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9632
9855
  border-color: transparent;
@@ -9667,6 +9890,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9667
9890
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
9668
9891
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
9669
9892
  color: var(--pf-v6-c-button__icon--Color);
9893
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
9894
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
9895
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9896
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9897
+ rotate: var(--pf-v6-c-button__icon--Rotate);
9898
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9670
9899
  }
9671
9900
  .pf-v6-c-button__icon.pf-m-start {
9672
9901
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9675,6 +9904,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9675
9904
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9676
9905
  }
9677
9906
 
9907
+ .pf-v6-c-button__icon-favorite,
9908
+ .pf-v6-c-button__icon-favorited {
9909
+ grid-area: 1/1/1/1;
9910
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9911
+ transition-property: opacity;
9912
+ }
9913
+
9914
+ .pf-v6-c-button__icon-favorite {
9915
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9916
+ }
9917
+
9918
+ .pf-v6-c-button__icon-favorited {
9919
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9920
+ }
9921
+
9678
9922
  .pf-v6-c-button__progress {
9679
9923
  position: absolute;
9680
9924
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9687,11 +9931,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9687
9931
  --pf-v6-c-spinner--Color: currentcolor;
9688
9932
  }
9689
9933
 
9934
+ .pf-v6-c-button__text {
9935
+ text-decoration: inherit;
9936
+ }
9937
+
9690
9938
  .pf-v6-c-button__count {
9691
9939
  display: inline-flex;
9692
9940
  align-items: center;
9693
9941
  }
9694
9942
 
9943
+ .pf-v6-c-button--hamburger-icon path {
9944
+ fill: none;
9945
+ stroke: currentcolor;
9946
+ stroke-linecap: round;
9947
+ stroke-linejoin: round;
9948
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
9949
+ }
9950
+
9951
+ .pf-v6-c-button--hamburger-icon--top {
9952
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
9953
+ }
9954
+
9955
+ .pf-v6-c-button--hamburger-icon--middle {
9956
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
9957
+ }
9958
+
9959
+ .pf-v6-c-button--hamburger-icon--arrow {
9960
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
9961
+ }
9962
+
9963
+ .pf-v6-c-button--hamburger-icon--bottom {
9964
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
9965
+ }
9966
+
9695
9967
  @keyframes pf-v6-c-button-icon-notify {
9696
9968
  33% {
9697
9969
  transform: rotate(30deg);
@@ -9702,7 +9974,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9702
9974
  }
9703
9975
  @keyframes pf-v6-c-button-icon-favorited {
9704
9976
  50% {
9705
- transform: scale(1.5);
9977
+ scale: 1.5;
9706
9978
  }
9707
9979
  }
9708
9980
  .pf-v6-c-calendar-month {
@@ -11487,8 +11759,8 @@ ul) {
11487
11759
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11488
11760
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11489
11761
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
11490
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11491
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11762
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11763
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11492
11764
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11493
11765
  }
11494
11766
  @media screen and (min-width: 36rem) {
@@ -12225,6 +12497,17 @@ ul) {
12225
12497
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12226
12498
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12227
12499
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
12500
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
12501
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
12502
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
12503
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
12504
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
12505
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
12506
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12507
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
12508
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
12509
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
12510
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
12228
12511
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12229
12512
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12230
12513
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12262,6 +12545,13 @@ ul) {
12262
12545
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12263
12546
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12264
12547
  }
12548
+ @media screen and (prefers-reduced-motion: no-preference) {
12549
+ .pf-v6-c-dual-list-selector {
12550
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12551
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12552
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
12553
+ }
12554
+ }
12265
12555
 
12266
12556
  .pf-v6-c-dual-list-selector {
12267
12557
  display: grid;
@@ -12357,9 +12647,27 @@ ul) {
12357
12647
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12358
12648
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12359
12649
  }
12650
+ .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 {
12651
+ max-height: 0;
12652
+ visibility: hidden;
12653
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
12654
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
12655
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
12656
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
12657
+ transition-property: opacity, translate, visibility, max-height;
12658
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
12659
+ }
12360
12660
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12361
12661
  --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);
12362
12662
  }
12663
+ .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 {
12664
+ max-height: 99999px;
12665
+ visibility: revert;
12666
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12667
+ transition-delay: 0s;
12668
+ 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;
12669
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
12670
+ }
12363
12671
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12364
12672
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12365
12673
  --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);
@@ -13895,6 +14203,20 @@ ul) {
13895
14203
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13896
14204
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13897
14205
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
14206
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
14207
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14208
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
14209
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14210
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
14211
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
14212
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14213
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
14214
+ --pf-v6-c-expandable-section__content--Opacity: 0;
14215
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14216
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
14217
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
14218
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
14219
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13898
14220
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13899
14221
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13900
14222
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13906,20 +14228,55 @@ ul) {
13906
14228
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13907
14229
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13908
14230
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14231
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13909
14232
  --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));
13910
14233
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13911
14234
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13912
14235
  }
14236
+ @media screen and (prefers-reduced-motion: no-preference) {
14237
+ .pf-v6-c-expandable-section {
14238
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14239
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14240
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14241
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
14242
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
14243
+ }
14244
+ }
13913
14245
 
13914
14246
  .pf-v6-c-expandable-section {
13915
14247
  display: flex;
13916
14248
  flex-direction: column;
13917
- gap: var(--pf-v6-c-expandable-section--Gap);
14249
+ gap: 0;
14250
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14251
+ transition-duration: 0s;
14252
+ transition-property: gap, padding-block-end;
13918
14253
  }
13919
14254
  .pf-v6-c-expandable-section.pf-m-expanded {
13920
14255
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13921
14256
  --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);
13922
14257
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
14258
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
14259
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14260
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14261
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14262
+ --pf-v6-c-expandable-section__content--Visibility: auto;
14263
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14264
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14265
+ gap: var(--pf-v6-c-expandable-section--Gap);
14266
+ }
14267
+ .pf-v6-c-expandable-section.pf-m-expand-top {
14268
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
14269
+ }
14270
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom) {
14271
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14272
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: 0s;
14273
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: 0s;
14274
+ }
14275
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded) {
14276
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY);
14277
+ }
14278
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded) {
14279
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY);
13923
14280
  }
13924
14281
  .pf-v6-c-expandable-section.pf-m-limit-width {
13925
14282
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13966,6 +14323,19 @@ ul) {
13966
14323
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13967
14324
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13968
14325
  }
14326
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14327
+ display: revert;
14328
+ }
14329
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14330
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14331
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14332
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14333
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14334
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14335
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14336
+ transition-property: opacity, translate, visibility, max-height;
14337
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14338
+ }
13969
14339
 
13970
14340
  .pf-v6-c-file-upload {
13971
14341
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13975,9 +14345,9 @@ ul) {
13975
14345
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13976
14346
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
13977
14347
  --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
13978
- --pf-v6-c-file-upload--BorderColor: transparent;
13979
- --pf-v6-c-file-upload--BorderStyle: solid;
13980
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
14348
+ --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
14349
+ --pf-v6-c-file-upload--BorderStyle: dashed;
14350
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
13981
14351
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
13982
14352
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
13983
14353
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -14077,7 +14447,7 @@ ul) {
14077
14447
  --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
14078
14448
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
14079
14449
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14080
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
14450
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14081
14451
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
14082
14452
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
14083
14453
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -14097,6 +14467,8 @@ ul) {
14097
14467
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
14098
14468
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
14099
14469
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14470
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14471
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14100
14472
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14101
14473
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14102
14474
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -14104,6 +14476,19 @@ ul) {
14104
14476
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
14105
14477
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
14106
14478
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
14479
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
14480
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
14481
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
14482
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14483
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
14484
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14485
+ }
14486
+ @media screen and (prefers-reduced-motion: no-preference) {
14487
+ .pf-v6-c-form {
14488
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14489
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14490
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
14491
+ }
14107
14492
  }
14108
14493
 
14109
14494
  .pf-v6-c-form {
@@ -14460,6 +14845,16 @@ ul) {
14460
14845
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
14461
14846
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14462
14847
  }
14848
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14849
+ max-height: 99999px;
14850
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14851
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14852
+ visibility: visible;
14853
+ opacity: 1;
14854
+ transition-delay: 0s;
14855
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
14856
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
14857
+ }
14463
14858
 
14464
14859
  .pf-v6-c-form__field-group-toggle {
14465
14860
  grid-row: 1/2;
@@ -14518,6 +14913,8 @@ ul) {
14518
14913
  }
14519
14914
 
14520
14915
  .pf-v6-c-form__field-group-header-actions {
14916
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14917
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14521
14918
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14522
14919
  white-space: nowrap;
14523
14920
  }
@@ -14529,6 +14926,18 @@ ul) {
14529
14926
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14530
14927
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14531
14928
  }
14929
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14930
+ max-height: 0;
14931
+ padding-block-start: 0;
14932
+ padding-block-end: 0;
14933
+ visibility: hidden;
14934
+ opacity: 0;
14935
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
14936
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
14937
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
14938
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
14939
+ }
14940
+
14532
14941
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
14533
14942
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
14534
14943
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -14765,6 +15174,22 @@ ul) {
14765
15174
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14766
15175
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14767
15176
  }
15177
+ @media (prefers-reduced-motion: no-preference) {
15178
+ .pf-v6-c-form-control.pf-m-error {
15179
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
15180
+ animation-name: pf-v6-global-danger-jiggle-motion;
15181
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
15182
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
15183
+ animation-fill-mode: both;
15184
+ }
15185
+ }
15186
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
15187
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
15188
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
15189
+ animation-name: pf-v6-global-fade-in;
15190
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
15191
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
15192
+ }
14768
15193
  .pf-v6-c-form-control.pf-m-error > textarea {
14769
15194
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14770
15195
  }
@@ -15414,6 +15839,30 @@ ul) {
15414
15839
  --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
15415
15840
  --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
15416
15841
  --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15842
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15843
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15844
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15845
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15846
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15847
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade);
15848
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide);
15849
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15850
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start: 100%;
15851
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end: 0;
15852
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end);
15853
+ --pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction:var(--pf-t--global--motion--timing-function--default);
15854
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade: 0s;
15855
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade: 0s;
15856
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade);
15857
+ --pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15858
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15859
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15860
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade);
15861
+ }
15862
+ @media (prefers-reduced-motion: no-preference) {
15863
+ .pf-v6-c-input-group {
15864
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: .7;
15865
+ }
15417
15866
  }
15418
15867
 
15419
15868
  .pf-v6-c-input-group {
@@ -15421,6 +15870,62 @@ ul) {
15421
15870
  gap: var(--pf-v6-c-input-group--Gap);
15422
15871
  width: 100%;
15423
15872
  }
15873
+ .pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded) {
15874
+ --pf-v6-c-input-group--Gap: 0;
15875
+ transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
15876
+ }
15877
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
15878
+ flex-grow: 1;
15879
+ max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
15880
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
15881
+ opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
15882
+ transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
15883
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
15884
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
15885
+ transition-property: opacity, scale, visibility, max-width;
15886
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
15887
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
15888
+ }
15889
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
15890
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
15891
+ visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
15892
+ opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
15893
+ transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
15894
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
15895
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade), 0s, 0s;
15896
+ transition-property: opacity, visibility, max-width;
15897
+ }
15898
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
15899
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
15900
+ visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
15901
+ opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
15902
+ transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
15903
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
15904
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), 0s, 0s;
15905
+ transition-property: opacity, visibility, max-width;
15906
+ }
15907
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start {
15908
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start);
15909
+ }
15910
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded {
15911
+ --pf-v6-c-input-group__item--m-search-text-input--MaxWidth: 100%;
15912
+ --pf-v6-c-input-group__item--m-search-text-input--Visibility: visible;
15913
+ --pf-v6-c-input-group__item--m-search-text-input--Opacity: 1;
15914
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade);
15915
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide);
15916
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15917
+ --pf-v6-c-input-group__item--m-search-action--MaxWidth: 100%;
15918
+ --pf-v6-c-input-group__item--m-search-action--Visibility: visible;
15919
+ --pf-v6-c-input-group__item--m-search-action--Opacity: 1;
15920
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade);
15921
+ --pf-v6-c-input-group__item--m-search-expand--MaxWidth: 0;
15922
+ --pf-v6-c-input-group__item--m-search-expand--Visibility: hidden;
15923
+ --pf-v6-c-input-group__item--m-search-expand--Opacity: 0;
15924
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade);
15925
+ }
15926
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded .pf-v6-c-input-group__item:is(.pf-m-search-input, .pf-m-search-expand, .pf-m-search-action) {
15927
+ transition-delay: 0s;
15928
+ }
15424
15929
 
15425
15930
  .pf-v6-c-input-group__item {
15426
15931
  position: relative;
@@ -17233,7 +17738,7 @@ ul.pf-v6-c-list {
17233
17738
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17234
17739
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17235
17740
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
17236
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17741
+ --pf-v6-c-menu--TransitionDuration: 0s;
17237
17742
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17238
17743
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17239
17744
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17306,14 +17811,34 @@ ul.pf-v6-c-list {
17306
17811
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
17307
17812
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17308
17813
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17309
- --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17814
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17310
17815
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
17311
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17816
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17312
17817
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
17313
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17818
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17314
17819
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17315
17820
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
17316
17821
  }
17822
+ @media (prefers-reduced-motion: no-preference) {
17823
+ .pf-v6-c-menu {
17824
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17825
+ }
17826
+ }
17827
+ @media (prefers-reduced-motion: no-preference) {
17828
+ .pf-v6-c-menu {
17829
+ --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17830
+ }
17831
+ }
17832
+ @media (prefers-reduced-motion: no-preference) {
17833
+ .pf-v6-c-menu {
17834
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17835
+ }
17836
+ }
17837
+ @media (prefers-reduced-motion: no-preference) {
17838
+ .pf-v6-c-menu {
17839
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17840
+ }
17841
+ }
17317
17842
 
17318
17843
  .pf-v6-c-menu__content,
17319
17844
  .pf-v6-c-menu__list-item,
@@ -17847,6 +18372,14 @@ ul.pf-v6-c-list {
17847
18372
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17848
18373
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17849
18374
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
18375
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
18376
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
18377
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
18378
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
18379
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
18380
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
18381
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
18382
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
17850
18383
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17851
18384
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17852
18385
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -17944,6 +18477,11 @@ ul.pf-v6-c-list {
17944
18477
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17945
18478
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17946
18479
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
18480
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18481
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
18482
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18483
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18484
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
17947
18485
  }
17948
18486
 
17949
18487
  .pf-v6-c-menu-toggle {
@@ -18057,6 +18595,10 @@ ul.pf-v6-c-list {
18057
18595
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
18058
18596
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
18059
18597
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
18598
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
18599
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
18600
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
18601
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
18060
18602
  }
18061
18603
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
18062
18604
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -18112,6 +18654,15 @@ ul.pf-v6-c-list {
18112
18654
  opacity: 1;
18113
18655
  }
18114
18656
  }
18657
+ .pf-v6-c-menu-toggle.pf-m-settings {
18658
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
18659
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
18660
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
18661
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
18662
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
18663
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
18664
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
18665
+ }
18115
18666
  .pf-v6-c-menu-toggle.pf-m-placeholder {
18116
18667
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
18117
18668
  }
@@ -18273,6 +18824,10 @@ ul.pf-v6-c-list {
18273
18824
 
18274
18825
  .pf-v6-c-menu-toggle__icon {
18275
18826
  flex-shrink: 0;
18827
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
18828
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
18829
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
18830
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
18276
18831
  }
18277
18832
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
18278
18833
  vertical-align: middle;
@@ -18764,9 +19319,13 @@ ul.pf-v6-c-list {
18764
19319
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18765
19320
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18766
19321
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18767
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18768
- --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
19322
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
19323
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
19324
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
19325
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
18769
19326
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
19327
+ --pf-v6-c-nav__subnav--TranslateY: 0;
19328
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
18770
19329
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18771
19330
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18772
19331
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18795,6 +19354,13 @@ ul.pf-v6-c-list {
18795
19354
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18796
19355
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18797
19356
  }
19357
+ @media screen and (prefers-reduced-motion: no-preference) {
19358
+ .pf-v6-c-nav {
19359
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
19360
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
19361
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
19362
+ }
19363
+ }
18798
19364
 
18799
19365
  .pf-v6-c-nav,
18800
19366
  .pf-v6-c-nav__section,
@@ -18865,24 +19431,27 @@ ul.pf-v6-c-list {
18865
19431
 
18866
19432
  .pf-v6-c-nav__subnav {
18867
19433
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18868
- grid-template-rows: 1fr;
18869
- min-height: 0;
19434
+ max-height: 99999px;
18870
19435
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18871
19436
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18872
19437
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18873
19438
  overflow-y: clip;
18874
- transition-delay: 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
19439
+ visibility: visible;
19440
+ transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
18875
19441
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18876
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18877
- transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
19442
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
19443
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
19444
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
18878
19445
  }
18879
19446
  .pf-v6-c-nav__subnav[hidden] {
18880
19447
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18881
19448
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
19449
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
18882
19450
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18883
19451
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19452
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18884
19453
  display: grid;
18885
- grid-template-rows: 0fr;
19454
+ max-height: 0;
18886
19455
  visibility: hidden;
18887
19456
  opacity: 0;
18888
19457
  }
@@ -19372,9 +19941,13 @@ ul.pf-v6-c-list {
19372
19941
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19373
19942
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19374
19943
  --pf-v6-c-page__sidebar--BoxShadow: none;
19375
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19376
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19944
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
19945
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19946
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19377
19947
  --pf-v6-c-page__sidebar--TranslateX: -100%;
19948
+ --pf-v6-c-page__sidebar--Opacity: 0;
19949
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
19950
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
19378
19951
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19379
19952
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19380
19953
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19452,9 +20025,17 @@ ul.pf-v6-c-list {
19452
20025
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19453
20026
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19454
20027
  }
20028
+ @media screen and (prefers-reduced-motion: no-preference) {
20029
+ .pf-v6-c-page {
20030
+ --pf-v6-c-page__sidebar--Opacity: 1;
20031
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
20032
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
20033
+ }
20034
+ }
19455
20035
  @media screen and (min-width: 75rem) {
19456
20036
  .pf-v6-c-page {
19457
20037
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
20038
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
19458
20039
  }
19459
20040
  }
19460
20041
 
@@ -19475,6 +20056,51 @@ ul.pf-v6-c-list {
19475
20056
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19476
20057
  }
19477
20058
  }
20059
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20060
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20061
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20062
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20063
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20064
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20065
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20066
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20067
+ }
20068
+ .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
20069
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20070
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20071
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20072
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20073
+ --pf-v6-c-button__icon--ScaleX: 1;
20074
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20075
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
20076
+ }
20077
+ @media (min-width: 75rem) {
20078
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
20079
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
20080
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
20081
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
20082
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
20083
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
20084
+ }
20085
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20086
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20087
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20088
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20089
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20090
+ --pf-v6-c-button__icon--ScaleX: 1;
20091
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20092
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
20093
+ }
20094
+ .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20095
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20096
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20097
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20098
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20099
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20100
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20101
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20102
+ }
20103
+ }
19478
20104
 
19479
20105
  .pf-v6-c-page > .pf-v6-c-masthead {
19480
20106
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19503,7 +20129,8 @@ ul.pf-v6-c-list {
19503
20129
  overflow-y: auto;
19504
20130
  -webkit-overflow-scrolling: touch;
19505
20131
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
19506
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
20132
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
20133
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19507
20134
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19508
20135
  }
19509
20136
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19512,6 +20139,7 @@ ul.pf-v6-c-list {
19512
20139
 
19513
20140
  .pf-v6-c-page__sidebar.pf-m-expanded {
19514
20141
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
20142
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
19515
20143
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19516
20144
  }
19517
20145
  @media screen and (min-width: 75rem) {
@@ -20772,6 +21400,22 @@ ul.pf-v6-c-list {
20772
21400
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20773
21401
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20774
21402
  }
21403
+ @media (prefers-reduced-motion: no-preference) {
21404
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
21405
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
21406
+ animation-name: pf-v6-global-danger-jiggle-motion;
21407
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
21408
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
21409
+ animation-fill-mode: both;
21410
+ }
21411
+ }
21412
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
21413
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
21414
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
21415
+ animation-name: pf-v6-global-fade-in;
21416
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
21417
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
21418
+ }
20775
21419
 
20776
21420
  .pf-v6-c-progress__description {
20777
21421
  grid-column: 1/2;
@@ -21949,8 +22593,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21949
22593
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21950
22594
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21951
22595
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
21952
- --pf-v6-c-skeleton--after--TranslateX: -100%;
21953
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22596
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22597
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21954
22598
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21955
22599
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21956
22600
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21982,6 +22626,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21982
22626
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21983
22627
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21984
22628
  }
22629
+ @media screen and (prefers-reduced-motion: no-preference) {
22630
+ .pf-v6-c-skeleton {
22631
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22632
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22633
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22634
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22635
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22636
+ }
22637
+ }
21985
22638
 
21986
22639
  .pf-v6-c-skeleton {
21987
22640
  position: relative;
@@ -22102,6 +22755,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22102
22755
  transform: translateX(100%);
22103
22756
  }
22104
22757
  }
22758
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22759
+ 0% {
22760
+ opacity: 0.25;
22761
+ }
22762
+ 60% {
22763
+ opacity: 1;
22764
+ }
22765
+ 100% {
22766
+ opacity: 0.25;
22767
+ }
22768
+ }
22105
22769
  .pf-v6-c-skip-to-content {
22106
22770
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
22107
22771
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22349,6 +23013,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22349
23013
  --pf-v6-c-spinner--StrokeWidth: 10;
22350
23014
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22351
23015
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
23016
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22352
23017
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22353
23018
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22354
23019
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22365,6 +23030,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22365
23030
  .pf-v6-c-spinner.pf-m-inline {
22366
23031
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22367
23032
  }
23033
+ .pf-v6-c-spinner.pf-m-xs {
23034
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
23035
+ --pf-v6-c-spinner--StrokeWidth: 15;
23036
+ }
22368
23037
  .pf-v6-c-spinner.pf-m-sm {
22369
23038
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22370
23039
  }
@@ -22646,6 +23315,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22646
23315
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22647
23316
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22648
23317
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
23318
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22649
23319
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22650
23320
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22651
23321
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22709,6 +23379,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22709
23379
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22710
23380
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22711
23381
  }
23382
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23383
+ --pf-v6-c-table__expandable-row--Display: block;
23384
+ }
23385
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
23386
+ content: none;
23387
+ }
22712
23388
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
22713
23389
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22714
23390
  }
@@ -22765,12 +23441,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22765
23441
  grid-template-columns: 1fr minmax(0, 1.5fr);
22766
23442
  align-items: start;
22767
23443
  }
23444
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23445
+ align-items: center;
23446
+ }
22768
23447
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22769
23448
  grid-column: 2;
22770
23449
  }
22771
23450
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22772
23451
  position: revert;
22773
- font-weight: bold;
23452
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22774
23453
  text-align: start;
22775
23454
  content: attr(data-label);
22776
23455
  }
@@ -23009,6 +23688,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23009
23688
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23010
23689
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23011
23690
  }
23691
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23692
+ --pf-v6-c-table__expandable-row--Display: block;
23693
+ }
23694
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
23695
+ content: none;
23696
+ }
23012
23697
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23013
23698
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23014
23699
  }
@@ -23065,12 +23750,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23065
23750
  grid-template-columns: 1fr minmax(0, 1.5fr);
23066
23751
  align-items: start;
23067
23752
  }
23753
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23754
+ align-items: center;
23755
+ }
23068
23756
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23069
23757
  grid-column: 2;
23070
23758
  }
23071
23759
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23072
23760
  position: revert;
23073
- font-weight: bold;
23761
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23074
23762
  text-align: start;
23075
23763
  content: attr(data-label);
23076
23764
  }
@@ -23312,6 +24000,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23312
24000
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23313
24001
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23314
24002
  }
24003
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
24004
+ --pf-v6-c-table__expandable-row--Display: block;
24005
+ }
24006
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24007
+ content: none;
24008
+ }
23315
24009
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23316
24010
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23317
24011
  }
@@ -23368,12 +24062,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23368
24062
  grid-template-columns: 1fr minmax(0, 1.5fr);
23369
24063
  align-items: start;
23370
24064
  }
24065
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24066
+ align-items: center;
24067
+ }
23371
24068
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23372
24069
  grid-column: 2;
23373
24070
  }
23374
24071
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23375
24072
  position: revert;
23376
- font-weight: bold;
24073
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23377
24074
  text-align: start;
23378
24075
  content: attr(data-label);
23379
24076
  }
@@ -23615,6 +24312,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23615
24312
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23616
24313
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23617
24314
  }
24315
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24316
+ --pf-v6-c-table__expandable-row--Display: block;
24317
+ }
24318
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24319
+ content: none;
24320
+ }
23618
24321
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
23619
24322
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23620
24323
  }
@@ -23671,12 +24374,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23671
24374
  grid-template-columns: 1fr minmax(0, 1.5fr);
23672
24375
  align-items: start;
23673
24376
  }
24377
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24378
+ align-items: center;
24379
+ }
23674
24380
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23675
24381
  grid-column: 2;
23676
24382
  }
23677
24383
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23678
24384
  position: revert;
23679
- font-weight: bold;
24385
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23680
24386
  text-align: start;
23681
24387
  content: attr(data-label);
23682
24388
  }
@@ -23918,6 +24624,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23918
24624
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23919
24625
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23920
24626
  }
24627
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24628
+ --pf-v6-c-table__expandable-row--Display: block;
24629
+ }
24630
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24631
+ content: none;
24632
+ }
23921
24633
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
23922
24634
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23923
24635
  }
@@ -23974,12 +24686,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23974
24686
  grid-template-columns: 1fr minmax(0, 1.5fr);
23975
24687
  align-items: start;
23976
24688
  }
24689
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24690
+ align-items: center;
24691
+ }
23977
24692
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23978
24693
  grid-column: 2;
23979
24694
  }
23980
24695
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23981
24696
  position: revert;
23982
- font-weight: bold;
24697
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23983
24698
  text-align: start;
23984
24699
  content: attr(data-label);
23985
24700
  }
@@ -24257,6 +24972,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24257
24972
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24258
24973
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24259
24974
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24975
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24976
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24977
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24978
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24979
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24980
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24981
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24982
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24983
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24260
24984
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24261
24985
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24262
24986
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24292,6 +25016,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24292
25016
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24293
25017
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24294
25018
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25019
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25020
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25021
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
25022
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24295
25023
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24296
25024
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24297
25025
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -24317,6 +25045,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24317
25045
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24318
25046
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24319
25047
  }
25048
+ @media screen and (prefers-reduced-motion: no-preference) {
25049
+ .pf-v6-c-table {
25050
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
25051
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
25052
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
25053
+ }
25054
+ }
24320
25055
 
24321
25056
  .pf-v6-c-table {
24322
25057
  width: 100%;
@@ -24513,6 +25248,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24513
25248
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
24514
25249
  overflow-wrap: break-word;
24515
25250
  }
25251
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
25252
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
25253
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
25254
+ }
24516
25255
  .pf-v6-c-table .pf-v6-c-table__sort {
24517
25256
  min-width: var(--pf-v6-c-table__sort--MinWidth);
24518
25257
  }
@@ -24581,6 +25320,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24581
25320
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24582
25321
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24583
25322
  }
25323
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
25324
+ border-block-end: 0;
25325
+ }
25326
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25327
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25328
+ visibility: hidden;
25329
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25330
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25331
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25332
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
25333
+ transition-property: opacity, translate, visibility, background-color;
25334
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25335
+ }
25336
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25337
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25338
+ }
25339
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25340
+ visibility: visible;
25341
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25342
+ transition-delay: 0s;
25343
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25344
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25345
+ }
25346
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25347
+ max-height: 99999px;
25348
+ }
25349
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25350
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25351
+ padding: 0;
25352
+ overflow: hidden;
25353
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25354
+ transition-property: padding, max-height, overflow;
25355
+ }
25356
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25357
+ max-height: 0;
25358
+ }
25359
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25360
+ border-block-end: 0;
25361
+ }
25362
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
25363
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25364
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25365
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
25366
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
25367
+ }
24584
25368
 
24585
25369
  [class*=pf-v6-c-table].pf-m-truncate {
24586
25370
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24890,7 +25674,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24890
25674
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24891
25675
  padding-block-start: 0;
24892
25676
  }
24893
-
25677
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):not(.pf-m-no-padding) {
25678
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25679
+ }
24894
25680
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24895
25681
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
24896
25682
  padding-block-start: 0;
@@ -24901,6 +25687,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24901
25687
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24902
25688
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24903
25689
  padding: 0;
25690
+ border-radius: 0;
24904
25691
  }
24905
25692
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24906
25693
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24910,6 +25697,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24910
25697
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24911
25698
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24912
25699
  }
25700
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25701
+ background-color: transparent;
25702
+ }
24913
25703
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24914
25704
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24915
25705
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24941,6 +25731,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24941
25731
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
24942
25732
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
24943
25733
  }
25734
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
25735
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
25736
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
25737
+ }
24944
25738
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
24945
25739
  width: auto;
24946
25740
  min-width: 0;
@@ -24978,6 +25772,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24978
25772
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24979
25773
  border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
24980
25774
  }
25775
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
25776
+ border-block-end: 0;
25777
+ }
24981
25778
 
24982
25779
  .pf-v6-c-table__tr {
24983
25780
  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
@@ -26035,25 +26832,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26035
26832
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26036
26833
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26037
26834
  --pf-v6-c-tabs--link-accent--start: 0;
26038
- --pf-v6-c-tabs--link-accent--length: auto;
26835
+ --pf-v6-c-tabs--link-accent--length: 0;
26039
26836
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26040
26837
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26838
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26839
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26041
26840
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26042
26841
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26043
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26842
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
26044
26843
  --pf-v6-c-tabs--link-accent--Width: initial;
26045
26844
  --pf-v6-c-tabs--link-accent--Height: 0;
26046
26845
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26047
26846
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26048
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26847
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26848
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26849
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26850
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
26049
26851
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
26050
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
26051
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
26052
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
26053
26852
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26054
26853
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26055
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26056
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26854
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26855
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26856
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
26057
26857
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26058
26858
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26059
26859
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26213,11 +27013,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26213
27013
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26214
27014
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26215
27015
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26216
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26217
27016
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26218
27017
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26219
27018
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26220
27019
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
27020
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
27021
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
27022
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26221
27023
  display: inline-flex;
26222
27024
  flex-direction: column;
26223
27025
  height: 100%;
@@ -26794,15 +27596,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26794
27596
  }
26795
27597
 
26796
27598
  @media (prefers-reduced-motion: no-preference) {
26797
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26798
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
27599
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27600
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26799
27601
  content: revert;
26800
27602
  }
26801
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27603
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26802
27604
  position: absolute;
26803
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27605
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26804
27606
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26805
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
27607
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26806
27608
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26807
27609
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26808
27610
  content: "";
@@ -26811,7 +27613,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26811
27613
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26812
27614
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26813
27615
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26814
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
27616
+ transition-property: width, height, translate;
27617
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27618
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27619
+ }
27620
+ :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 {
27621
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26815
27622
  }
26816
27623
  .pf-v6-c-tabs.pf-m-initializing-accent {
26817
27624
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26922,6 +27729,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26922
27729
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26923
27730
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
26924
27731
  }
27732
+ @media (prefers-reduced-motion: no-preference) {
27733
+ .pf-v6-c-text-input-group.pf-m-error {
27734
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
27735
+ animation-name: pf-v6-global-danger-jiggle-motion;
27736
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
27737
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
27738
+ animation-fill-mode: both;
27739
+ }
27740
+ }
27741
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
27742
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
27743
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
27744
+ animation-name: pf-v6-global-fade-in;
27745
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
27746
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
27747
+ }
26925
27748
  .pf-v6-c-text-input-group:hover {
26926
27749
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26927
27750
  }
@@ -27153,6 +27976,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27153
27976
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27154
27977
  }
27155
27978
 
27979
+ .pf-v6-c-timestamp__text {
27980
+ text-decoration: inherit;
27981
+ }
27982
+
27156
27983
  .pf-v6-c-title {
27157
27984
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27158
27985
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29427,6 +30254,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29427
30254
  grid-auto-flow: column;
29428
30255
  align-items: baseline;
29429
30256
  min-width: var(--pf-v6-c-truncate--MinWidth);
30257
+ text-decoration: inherit;
29430
30258
  }
29431
30259
  .pf-v6-c-truncate.pf-m-fixed {
29432
30260
  display: inline;
@@ -29523,6 +30351,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29523
30351
  --pf-v6-c-tree-view__node-container--Display: contents;
29524
30352
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29525
30353
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30354
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30355
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30356
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30357
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30358
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30359
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30360
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30361
+ --pf-v6-c-tree-view__list--Opacity: 0;
30362
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30363
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30364
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29526
30365
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29527
30366
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29528
30367
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29538,6 +30377,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29538
30377
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29539
30378
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29540
30379
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30380
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30381
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29541
30382
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29542
30383
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29543
30384
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29613,6 +30454,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29613
30454
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29614
30455
  --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);
29615
30456
  }
30457
+ @media screen and (prefers-reduced-motion: no-preference) {
30458
+ .pf-v6-c-tree-view {
30459
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30460
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30461
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30462
+ }
30463
+ }
29616
30464
 
29617
30465
  .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 {
29618
30466
  position: relative;
@@ -29728,12 +30576,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29728
30576
  display: inline-block;
29729
30577
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29730
30578
  text-align: center;
30579
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29731
30580
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29732
30581
  }
29733
30582
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29734
30583
  scale: -1 1;
29735
30584
  }
29736
30585
 
30586
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30587
+ max-height: 0;
30588
+ visibility: hidden;
30589
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30590
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30591
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30592
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30593
+ transition-property: opacity, translate, visibility, max-height;
30594
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30595
+ }
29737
30596
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29738
30597
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29739
30598
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29742,6 +30601,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29742
30601
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29743
30602
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29744
30603
  }
30604
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30605
+ max-height: 99999px;
30606
+ visibility: revert;
30607
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30608
+ transition-delay: 0s;
30609
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30610
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30611
+ }
29745
30612
 
29746
30613
  .pf-v6-c-tree-view__node,
29747
30614
  .pf-v6-c-tree-view__node-container {