@patternfly/patternfly 6.3.0-prerelease.5 → 6.3.0-prerelease.50

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 (128) hide show
  1. package/README.md +5 -5
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/normalize.scss +4 -0
  6. package/base/patternfly-common.css +46 -11
  7. package/base/patternfly-common.scss +58 -13
  8. package/components/Accordion/accordion.css +72 -3
  9. package/components/Accordion/accordion.scss +78 -6
  10. package/components/Alert/alert-group.css +52 -31
  11. package/components/Alert/alert-group.scss +77 -46
  12. package/components/Button/button.css +155 -6
  13. package/components/Button/button.scss +161 -8
  14. package/components/Card/card.css +0 -1
  15. package/components/Card/card.scss +0 -1
  16. package/components/DataList/data-list.css +2 -2
  17. package/components/DataList/data-list.scss +2 -2
  18. package/components/DualListSelector/dual-list-selector.css +36 -0
  19. package/components/DualListSelector/dual-list-selector.scss +43 -0
  20. package/components/ExpandableSection/expandable-section.css +63 -1
  21. package/components/ExpandableSection/expandable-section.scss +76 -2
  22. package/components/FileUpload/file-upload.css +3 -3
  23. package/components/FileUpload/file-upload.scss +3 -3
  24. package/components/Form/form.css +40 -1
  25. package/components/Form/form.scss +47 -1
  26. package/components/FormControl/form-control.css +16 -0
  27. package/components/FormControl/form-control.scss +9 -0
  28. package/components/InputGroup/input-group.css +80 -0
  29. package/components/InputGroup/input-group.scss +95 -0
  30. package/components/Menu/menu.css +24 -4
  31. package/components/Menu/menu.scss +20 -5
  32. package/components/MenuToggle/menu-toggle.css +38 -4
  33. package/components/MenuToggle/menu-toggle.scss +48 -3
  34. package/components/Nav/nav.css +22 -8
  35. package/components/Nav/nav.scss +22 -9
  36. package/components/Page/page.css +66 -6
  37. package/components/Page/page.scss +48 -5
  38. package/components/Progress/progress.css +16 -0
  39. package/components/Progress/progress.scss +11 -1
  40. package/components/ProgressStepper/progress-stepper.scss +1 -0
  41. package/components/Skeleton/skeleton.css +22 -2
  42. package/components/Skeleton/skeleton.scss +25 -3
  43. package/components/Spinner/spinner.css +5 -0
  44. package/components/Spinner/spinner.scss +6 -0
  45. package/components/Table/table-grid.css +51 -5
  46. package/components/Table/table-grid.scss +22 -1
  47. package/components/Table/table.css +95 -2
  48. package/components/Table/table.scss +138 -3
  49. package/components/Tabs/tabs.css +25 -15
  50. package/components/Tabs/tabs.scss +26 -13
  51. package/components/TextInputGroup/text-input-group.css +23 -0
  52. package/components/TextInputGroup/text-input-group.scss +16 -1
  53. package/components/Timestamp/timestamp.css +4 -0
  54. package/components/Timestamp/timestamp.scss +7 -0
  55. package/components/TreeView/tree-view.css +39 -0
  56. package/components/TreeView/tree-view.scss +42 -2
  57. package/components/Truncate/truncate.css +1 -0
  58. package/components/Truncate/truncate.scss +3 -0
  59. package/components/Wizard/wizard.css +11 -5
  60. package/components/Wizard/wizard.scss +13 -5
  61. package/components/_index.css +961 -99
  62. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  63. package/docs/components/Button/examples/Button.md +161 -6
  64. package/docs/components/Card/examples/Card.md +8 -8
  65. package/docs/components/CodeBlock/examples/CodeBlock.md +11 -11
  66. package/docs/components/CodeEditor/examples/CodeEditor.md +29 -5
  67. package/docs/components/DataList/examples/DataList.md +23 -23
  68. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  69. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  70. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  71. package/docs/components/ExpandableSection/examples/ExpandableSection.md +32 -21
  72. package/docs/components/Form/examples/Form.md +1179 -114
  73. package/docs/components/Hint/examples/Hint.md +3 -3
  74. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -6
  75. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  76. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  77. package/docs/components/Label/examples/Label.md +2 -2
  78. package/docs/components/Masthead/examples/masthead.md +90 -12
  79. package/docs/components/Menu/examples/Menu.md +122 -6
  80. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  81. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  82. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  83. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  84. package/docs/components/Page/examples/Page.md +148 -14
  85. package/docs/components/Pagination/examples/Pagination.md +12 -12
  86. package/docs/components/Popover/examples/Popover.md +0 -4
  87. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  88. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  89. package/docs/components/Slider/examples/Slider.md +2 -2
  90. package/docs/components/Spinner/examples/Spinner.md +10 -0
  91. package/docs/components/Table/examples/Table.md +9462 -6183
  92. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  93. package/docs/components/TextInputGroup/examples/TextInputGroup.md +73 -5
  94. package/docs/components/Title/examples/Title.md +8 -8
  95. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  96. package/docs/components/Wizard/examples/Wizard.md +583 -0
  97. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  98. package/docs/demos/Alert/examples/Alert.md +66 -9
  99. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  100. package/docs/demos/Banner/examples/Banner.md +47 -6
  101. package/docs/demos/Card/examples/Card.md +13 -67
  102. package/docs/demos/CardView/examples/CardView.md +24 -5
  103. package/docs/demos/Dashboard/examples/Dashboard.md +29 -7
  104. package/docs/demos/DataList/examples/DataList.md +100 -24
  105. package/docs/demos/DescriptionList/examples/DescriptionList.md +79 -50
  106. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  107. package/docs/demos/Form/examples/BasicForms.md +142 -22
  108. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  109. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  110. package/docs/demos/Modal/examples/Modal.md +171 -21
  111. package/docs/demos/Nav/examples/Nav.md +113 -18
  112. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  113. package/docs/demos/Page/examples/Page.md +661 -40
  114. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  115. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  116. package/docs/demos/Skeleton/examples/Skeleton.md +25 -4
  117. package/docs/demos/Table/examples/Table.md +475 -157
  118. package/docs/demos/Tabs/examples/Tabs.md +139 -594
  119. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  120. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  121. package/package.json +5 -5
  122. package/patternfly-base-no-globals.css +45 -11
  123. package/patternfly-base.css +49 -11
  124. package/patternfly-no-globals.css +1006 -110
  125. package/patternfly.css +1010 -110
  126. package/patternfly.min.css +1 -1
  127. package/patternfly.min.css.map +1 -1
  128. package/sass-utilities/mixins.scss +54 -0
package/patternfly.css CHANGED
@@ -131,6 +131,10 @@ button) {
131
131
  cursor: pointer;
132
132
  }
133
133
 
134
+ :where(:root) {
135
+ color-scheme: light;
136
+ }
137
+
134
138
  :where(.pf-v6-theme-dark) {
135
139
  color-scheme: dark;
136
140
  }
@@ -181,19 +185,53 @@ button) {
181
185
  }
182
186
 
183
187
  .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;
188
+ --pf-t--global--delay--400: 1ms !important;
189
+ --pf-t--global--delay--300: 1ms !important;
190
+ --pf-t--global--delay--200: 1ms !important;
191
+ --pf-t--global--delay--100: 1ms !important;
192
+ --pf-t--global--duration--600: 1ms !important;
193
+ --pf-t--global--duration--500: 1ms !important;
194
+ --pf-t--global--duration--400: 1ms !important;
195
+ --pf-t--global--duration--300: 1ms !important;
196
+ --pf-t--global--duration--200: 1ms !important;
197
+ --pf-t--global--duration--100: 1ms !important;
198
+ --pf-t--global--duration--50: 1ms !important;
199
+ }
200
+
201
+ :root {
202
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
203
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
195
204
  }
196
205
 
206
+ @property --pf-v6-global--danger-jiggle--TranslateX {
207
+ syntax: "<length>";
208
+ inherits: false;
209
+ initial-value: 0;
210
+ }
211
+ @keyframes pf-v6-global-danger-jiggle-motion {
212
+ 33% {
213
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
214
+ }
215
+ 66% {
216
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
217
+ }
218
+ }
219
+ @keyframes pf-v6-global-fade-in {
220
+ from {
221
+ opacity: 0;
222
+ }
223
+ to {
224
+ opacity: 1;
225
+ }
226
+ }
227
+ @keyframes pf-v6-global-fade-out {
228
+ from {
229
+ opacity: 1;
230
+ }
231
+ to {
232
+ opacity: 0;
233
+ }
234
+ }
197
235
  @font-face {
198
236
  font-family: "Red Hat Text";
199
237
  font-style: normal;
@@ -7803,6 +7841,7 @@ button) {
7803
7841
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7804
7842
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7805
7843
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7844
+ --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
7806
7845
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7807
7846
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7808
7847
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7820,6 +7859,24 @@ button) {
7820
7859
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
7821
7860
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
7822
7861
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
7862
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7863
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7864
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
7865
+ --pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7866
+ --pf-v6-c-accordion__item--before--Opacity: 0;
7867
+ --pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
7868
+ --pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
7869
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
7870
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7871
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
7872
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7873
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
7874
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
7875
+ --pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7876
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
7877
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
7878
+ --pf-v6-c-accordion__expandable-content--TranslateY: 0;
7879
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
7823
7880
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7824
7881
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7825
7882
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7839,6 +7896,16 @@ button) {
7839
7896
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
7840
7897
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
7841
7898
  }
7899
+ @media screen and (prefers-reduced-motion: no-preference) {
7900
+ .pf-v6-c-accordion {
7901
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7902
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7903
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
7904
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7905
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7906
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7907
+ }
7908
+ }
7842
7909
 
7843
7910
  .pf-v6-c-accordion {
7844
7911
  display: flex;
@@ -7872,18 +7939,39 @@ button) {
7872
7939
  }
7873
7940
 
7874
7941
  .pf-v6-c-accordion__item {
7942
+ position: relative;
7943
+ }
7944
+ .pf-v6-c-accordion__item::before {
7945
+ position: absolute;
7946
+ inset: 0;
7947
+ pointer-events: none;
7948
+ content: "";
7949
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7875
7950
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
7951
+ opacity: var(--pf-v6-c-accordion__item--before--Opacity);
7952
+ transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
7953
+ transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
7954
+ transition-property: opacity;
7876
7955
  }
7877
7956
  .pf-v6-c-accordion__item.pf-m-expanded {
7878
7957
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
7879
7958
  --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);
7959
+ --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
7960
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
7961
+ --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
7962
+ --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
7963
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
7964
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
7965
+ --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
7966
+ --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
7881
7967
  }
7882
7968
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
7883
7969
  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
7884
7970
  }
7885
7971
 
7886
7972
  .pf-v6-c-accordion__toggle {
7973
+ position: relative;
7974
+ z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
7887
7975
  display: flex;
7888
7976
  column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
7889
7977
  align-items: center;
@@ -7919,19 +8007,38 @@ button) {
7919
8007
  scale: -1 1;
7920
8008
  }
7921
8009
 
8010
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
8011
+ display: revert;
8012
+ }
8013
+
7922
8014
  .pf-v6-c-accordion__expandable-content {
7923
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8015
+ max-height: 0;
7924
8016
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7925
8017
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7926
8018
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7927
8019
  color: var(--pf-v6-c-accordion__expandable-content--Color);
8020
+ visibility: hidden;
7928
8021
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7929
8022
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
8023
+ opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
8024
+ 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);
8025
+ transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
8026
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
8027
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
8028
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7930
8029
  }
7931
8030
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7932
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7933
8031
  overflow-y: auto;
7934
8032
  }
8033
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
8034
+ max-height: 99999px;
8035
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8036
+ visibility: revert;
8037
+ transition-delay: 0s;
8038
+ }
8039
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
8040
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
8041
+ }
7935
8042
 
7936
8043
  .pf-v6-c-accordion__expandable-content-body {
7937
8044
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -8195,27 +8302,45 @@ button) {
8195
8302
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8196
8303
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8197
8304
  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);
8305
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8306
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8307
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8308
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8309
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8310
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
8311
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
8312
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
8313
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
8314
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
8315
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8316
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8317
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8318
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8319
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8320
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8321
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8322
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8323
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8324
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8325
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
8326
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
8327
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
8328
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
8329
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
8330
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
8331
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
8332
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
8333
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
8334
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
8335
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8336
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8337
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
8338
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
8339
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
8340
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
8341
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
8342
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
8343
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
8219
8344
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8220
8345
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8221
8346
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8275,40 +8400,43 @@ button) {
8275
8400
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8276
8401
  }
8277
8402
  }
8278
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8403
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
8279
8404
  grid-template-rows: 0fr;
8280
8405
  margin-block: 0;
8281
8406
  overflow: hidden;
8282
8407
  opacity: 0;
8283
8408
  transform: translateY(-100%);
8284
8409
  }
8285
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8410
+ .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
8411
  min-height: 0;
8287
8412
  padding-block-start: 0;
8288
8413
  padding-block-end: 0;
8289
8414
  border-width: 0;
8290
8415
  }
8291
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8416
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8292
8417
  grid-template-rows: 0fr;
8293
8418
  margin-block: 0;
8294
8419
  overflow: hidden;
8295
8420
  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);
8421
+ 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
8422
  }
8298
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8423
+ .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
8424
  min-height: 0;
8300
8425
  padding-block-start: 0;
8301
8426
  padding-block-end: 0;
8302
8427
  border-width: 0;
8303
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8428
+ 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
8429
  }
8305
8430
  @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);
8431
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8432
+ 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
8433
  transform: translateX(100%);
8309
8434
  }
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);
8435
+ :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 {
8436
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
8437
+ }
8438
+ .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 {
8439
+ 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
8440
  }
8313
8441
  }
8314
8442
  .pf-v6-c-alert-group__item:hover {
@@ -9055,15 +9183,20 @@ button.pf-v6-c-breadcrumb__link {
9055
9183
  --pf-v6-c-button--TextDecorationLine: none;
9056
9184
  --pf-v6-c-button--TextDecorationStyle: none;
9057
9185
  --pf-v6-c-button--TextDecorationColor: currentcolor;
9186
+ --pf-v6-c-button--TransitionDelay: 0s;
9058
9187
  --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;
9188
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9189
+ --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9190
+ --pf-v6-c-button--ScaleX: 1;
9191
+ --pf-v6-c-button--ScaleY: 1;
9061
9192
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9062
9193
  --pf-v6-c-button--hover--BorderColor: transparent;
9063
9194
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9064
9195
  --pf-v6-c-button--hover--TextDecorationLine: none;
9065
9196
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9066
9197
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9198
+ --pf-v6-c-button--hover--ScaleX: 1;
9199
+ --pf-v6-c-button--hover--ScaleY: 1;
9067
9200
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9068
9201
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9069
9202
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9273,12 +9406,30 @@ button.pf-v6-c-breadcrumb__link {
9273
9406
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9274
9407
  --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
9275
9408
  --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
9409
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9410
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
9411
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9412
+ --pf-v6-c-button__icon--TransitionProperty: none;
9413
+ --pf-v6-c-button__icon--Rotate: 0deg;
9414
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9415
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9416
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
9417
+ --pf-v6-c-button--hover__icon--Rotate: 0deg;
9418
+ --pf-v6-c-button__icon--ScaleX: 1;
9419
+ --pf-v6-c-button__icon--ScaleY: 1;
9420
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9421
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9276
9422
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9277
9423
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9278
9424
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
9279
9425
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9280
9426
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9281
9427
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9428
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
9429
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
9430
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
9431
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
9432
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9282
9433
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9283
9434
  --pf-v6-c-button__progress--Opacity: 0;
9284
9435
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9293,9 +9444,28 @@ button.pf-v6-c-breadcrumb__link {
9293
9444
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
9294
9445
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
9295
9446
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
9447
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9448
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9449
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9450
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9451
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
9296
9452
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
9297
9453
  --pf-v6-c-button--m-block--Display: flex;
9298
9454
  --pf-v6-c-button--m-block--Width: 100%;
9455
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9456
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
9457
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
9458
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
9459
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
9460
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
9461
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
9462
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
9463
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
9464
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
9465
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9466
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9467
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9468
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9299
9469
  }
9300
9470
 
9301
9471
  .pf-v6-c-button {
@@ -9319,16 +9489,19 @@ button.pf-v6-c-breadcrumb__link {
9319
9489
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9320
9490
  white-space: nowrap;
9321
9491
  cursor: pointer;
9492
+ -webkit-user-select: none;
9322
9493
  user-select: none;
9323
- background-color: var(--pf-v6-c-button--BackgroundColor);
9494
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
9324
9495
  border: 0;
9325
9496
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9326
9497
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
9327
9498
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
9328
9499
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
9500
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
9329
9501
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9330
9502
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9331
9503
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9504
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9332
9505
  }
9333
9506
  .pf-v6-c-button::after {
9334
9507
  position: absolute;
@@ -9437,6 +9610,7 @@ button.pf-v6-c-breadcrumb__link {
9437
9610
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9438
9611
  text-align: start;
9439
9612
  white-space: normal;
9613
+ background: transparent;
9440
9614
  outline-offset: 0.125rem;
9441
9615
  }
9442
9616
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -9570,6 +9744,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9570
9744
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9571
9745
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9572
9746
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9747
+ background: var(--pf-v6-c-button--BackgroundColor);
9573
9748
  }
9574
9749
  .pf-v6-c-button.pf-m-block {
9575
9750
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -9589,44 +9764,97 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9589
9764
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9590
9765
  }
9591
9766
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9767
+ display: grid;
9592
9768
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9593
9769
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9594
9770
  transition-property: color;
9595
9771
  }
9596
9772
  .pf-v6-c-button.pf-m-favorited {
9597
9773
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9774
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9598
9775
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9776
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9777
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
9778
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
9599
9779
  }
9600
9780
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9601
9781
  animation-name: pf-v6-c-button-icon-favorited;
9602
9782
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9603
9783
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9604
9784
  }
9785
+ .pf-v6-c-button.pf-m-settings {
9786
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
9787
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
9788
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
9789
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
9790
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
9791
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
9792
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
9793
+ }
9794
+ .pf-v6-c-button.pf-m-hamburger {
9795
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9796
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9797
+ --pf-v6-c-button__icon--TransitionProperty: scale;
9798
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9799
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9800
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
9801
+ }
9802
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
9803
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9804
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9805
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9806
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9807
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9808
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9809
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9810
+ }
9811
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9812
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9813
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9814
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9815
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9816
+ --pf-v6-c-button__icon--ScaleX: 1;
9817
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9818
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9819
+ }
9605
9820
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9606
9821
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9607
9822
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9608
9823
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9609
9824
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9825
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9826
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9610
9827
  --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
9828
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9829
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9830
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9831
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9832
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9833
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9834
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9612
9835
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9613
9836
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9614
9837
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9838
+ outline-offset: var(--pf-t--global--focus-ring--position--offset);
9615
9839
  }
9616
- .pf-v6-c-button.pf-m-clicked {
9840
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9617
9841
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9618
9842
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9619
9843
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9620
9844
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9621
9845
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9622
9846
  }
9847
+ .pf-v6-c-button:active {
9848
+ background-size: 100% 100%;
9849
+ transition-duration: 0s;
9850
+ }
9623
9851
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9624
9852
  pointer-events: none;
9625
9853
  }
9626
9854
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9627
9855
  color: var(--pf-v6-c-button--disabled--Color);
9628
9856
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9629
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9857
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9630
9858
  }
9631
9859
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9632
9860
  border-color: transparent;
@@ -9667,6 +9895,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9667
9895
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
9668
9896
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
9669
9897
  color: var(--pf-v6-c-button__icon--Color);
9898
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
9899
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
9900
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9901
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9902
+ rotate: var(--pf-v6-c-button__icon--Rotate);
9903
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9670
9904
  }
9671
9905
  .pf-v6-c-button__icon.pf-m-start {
9672
9906
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9675,6 +9909,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9675
9909
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9676
9910
  }
9677
9911
 
9912
+ .pf-v6-c-button__icon-favorite,
9913
+ .pf-v6-c-button__icon-favorited {
9914
+ grid-area: 1/1/1/1;
9915
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9916
+ transition-property: opacity;
9917
+ }
9918
+
9919
+ .pf-v6-c-button__icon-favorite {
9920
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9921
+ }
9922
+
9923
+ .pf-v6-c-button__icon-favorited {
9924
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9925
+ }
9926
+
9678
9927
  .pf-v6-c-button__progress {
9679
9928
  position: absolute;
9680
9929
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9687,11 +9936,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9687
9936
  --pf-v6-c-spinner--Color: currentcolor;
9688
9937
  }
9689
9938
 
9939
+ .pf-v6-c-button__text {
9940
+ text-decoration: inherit;
9941
+ }
9942
+
9690
9943
  .pf-v6-c-button__count {
9691
9944
  display: inline-flex;
9692
9945
  align-items: center;
9693
9946
  }
9694
9947
 
9948
+ .pf-v6-c-button--hamburger-icon path {
9949
+ fill: none;
9950
+ stroke: currentcolor;
9951
+ stroke-linecap: round;
9952
+ stroke-linejoin: round;
9953
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
9954
+ }
9955
+
9956
+ .pf-v6-c-button--hamburger-icon--top {
9957
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
9958
+ }
9959
+
9960
+ .pf-v6-c-button--hamburger-icon--middle {
9961
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
9962
+ }
9963
+
9964
+ .pf-v6-c-button--hamburger-icon--arrow {
9965
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
9966
+ }
9967
+
9968
+ .pf-v6-c-button--hamburger-icon--bottom {
9969
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
9970
+ }
9971
+
9695
9972
  @keyframes pf-v6-c-button-icon-notify {
9696
9973
  33% {
9697
9974
  transform: rotate(30deg);
@@ -9702,7 +9979,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9702
9979
  }
9703
9980
  @keyframes pf-v6-c-button-icon-favorited {
9704
9981
  50% {
9705
- transform: scale(1.5);
9982
+ scale: 1.5;
9706
9983
  }
9707
9984
  }
9708
9985
  .pf-v6-c-calendar-month {
@@ -10140,7 +10417,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10140
10417
  }
10141
10418
 
10142
10419
  .pf-v6-c-card__title-text {
10143
- overflow: auto;
10144
10420
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
10145
10421
  font-size: var(--pf-v6-c-card__title-text--FontSize);
10146
10422
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
@@ -11487,8 +11763,8 @@ ul) {
11487
11763
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11488
11764
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11489
11765
  --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);
11766
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11767
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11492
11768
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11493
11769
  }
11494
11770
  @media screen and (min-width: 36rem) {
@@ -12225,6 +12501,17 @@ ul) {
12225
12501
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12226
12502
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12227
12503
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
12504
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
12505
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
12506
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
12507
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
12508
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
12509
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
12510
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12511
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
12512
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
12513
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
12514
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
12228
12515
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12229
12516
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12230
12517
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12262,6 +12549,13 @@ ul) {
12262
12549
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12263
12550
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12264
12551
  }
12552
+ @media screen and (prefers-reduced-motion: no-preference) {
12553
+ .pf-v6-c-dual-list-selector {
12554
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12555
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12556
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
12557
+ }
12558
+ }
12265
12559
 
12266
12560
  .pf-v6-c-dual-list-selector {
12267
12561
  display: grid;
@@ -12357,9 +12651,27 @@ ul) {
12357
12651
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12358
12652
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12359
12653
  }
12654
+ .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 {
12655
+ max-height: 0;
12656
+ visibility: hidden;
12657
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
12658
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
12659
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
12660
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
12661
+ transition-property: opacity, translate, visibility, max-height;
12662
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
12663
+ }
12360
12664
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12361
12665
  --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
12666
  }
12667
+ .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 {
12668
+ max-height: 99999px;
12669
+ visibility: revert;
12670
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12671
+ transition-delay: 0s;
12672
+ 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;
12673
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
12674
+ }
12363
12675
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12364
12676
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12365
12677
  --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 +14207,20 @@ ul) {
13895
14207
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13896
14208
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13897
14209
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
14210
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
14211
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14212
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
14213
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14214
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
14215
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
14216
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14217
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
14218
+ --pf-v6-c-expandable-section__content--Opacity: 0;
14219
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14220
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
14221
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
14222
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
14223
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13898
14224
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13899
14225
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13900
14226
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13906,20 +14232,55 @@ ul) {
13906
14232
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13907
14233
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13908
14234
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14235
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13909
14236
  --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
14237
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13911
14238
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13912
14239
  }
14240
+ @media screen and (prefers-reduced-motion: no-preference) {
14241
+ .pf-v6-c-expandable-section {
14242
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14243
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14244
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14245
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
14246
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
14247
+ }
14248
+ }
13913
14249
 
13914
14250
  .pf-v6-c-expandable-section {
13915
14251
  display: flex;
13916
14252
  flex-direction: column;
13917
- gap: var(--pf-v6-c-expandable-section--Gap);
14253
+ gap: 0;
14254
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14255
+ transition-duration: 0s;
14256
+ transition-property: gap, padding-block-end;
13918
14257
  }
13919
14258
  .pf-v6-c-expandable-section.pf-m-expanded {
13920
14259
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13921
14260
  --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
14261
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
14262
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
14263
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14264
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14265
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14266
+ --pf-v6-c-expandable-section__content--Visibility: auto;
14267
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14268
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14269
+ gap: var(--pf-v6-c-expandable-section--Gap);
14270
+ }
14271
+ .pf-v6-c-expandable-section.pf-m-expand-top {
14272
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
14273
+ }
14274
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom) {
14275
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14276
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: 0s;
14277
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: 0s;
14278
+ }
14279
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded) {
14280
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY);
14281
+ }
14282
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded) {
14283
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY);
13923
14284
  }
13924
14285
  .pf-v6-c-expandable-section.pf-m-limit-width {
13925
14286
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13966,6 +14327,19 @@ ul) {
13966
14327
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13967
14328
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13968
14329
  }
14330
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14331
+ display: revert;
14332
+ }
14333
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14334
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14335
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14336
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14337
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14338
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14339
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14340
+ transition-property: opacity, translate, visibility, max-height;
14341
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14342
+ }
13969
14343
 
13970
14344
  .pf-v6-c-file-upload {
13971
14345
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13975,9 +14349,9 @@ ul) {
13975
14349
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13976
14350
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
13977
14351
  --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);
14352
+ --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
14353
+ --pf-v6-c-file-upload--BorderStyle: dashed;
14354
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
13981
14355
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
13982
14356
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
13983
14357
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -14077,7 +14451,7 @@ ul) {
14077
14451
  --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
14452
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
14079
14453
  --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);
14454
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14081
14455
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
14082
14456
  --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
14457
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -14097,6 +14471,8 @@ ul) {
14097
14471
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
14098
14472
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
14099
14473
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14474
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14475
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14100
14476
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14101
14477
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14102
14478
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -14104,6 +14480,19 @@ ul) {
14104
14480
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
14105
14481
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
14106
14482
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
14483
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
14484
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
14485
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
14486
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14487
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
14488
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14489
+ }
14490
+ @media screen and (prefers-reduced-motion: no-preference) {
14491
+ .pf-v6-c-form {
14492
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14493
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14494
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
14495
+ }
14107
14496
  }
14108
14497
 
14109
14498
  .pf-v6-c-form {
@@ -14460,6 +14849,16 @@ ul) {
14460
14849
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
14461
14850
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14462
14851
  }
14852
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14853
+ max-height: 99999px;
14854
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14855
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14856
+ visibility: visible;
14857
+ opacity: 1;
14858
+ transition-delay: 0s;
14859
+ 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;
14860
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
14861
+ }
14463
14862
 
14464
14863
  .pf-v6-c-form__field-group-toggle {
14465
14864
  grid-row: 1/2;
@@ -14518,6 +14917,8 @@ ul) {
14518
14917
  }
14519
14918
 
14520
14919
  .pf-v6-c-form__field-group-header-actions {
14920
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14921
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14521
14922
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14522
14923
  white-space: nowrap;
14523
14924
  }
@@ -14529,6 +14930,18 @@ ul) {
14529
14930
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14530
14931
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14531
14932
  }
14933
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14934
+ max-height: 0;
14935
+ padding-block-start: 0;
14936
+ padding-block-end: 0;
14937
+ visibility: hidden;
14938
+ opacity: 0;
14939
+ 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);
14940
+ 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;
14941
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
14942
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
14943
+ }
14944
+
14532
14945
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
14533
14946
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
14534
14947
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -14765,6 +15178,22 @@ ul) {
14765
15178
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14766
15179
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14767
15180
  }
15181
+ @media (prefers-reduced-motion: no-preference) {
15182
+ .pf-v6-c-form-control.pf-m-error {
15183
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
15184
+ animation-name: pf-v6-global-danger-jiggle-motion;
15185
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
15186
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
15187
+ animation-fill-mode: both;
15188
+ }
15189
+ }
15190
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
15191
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
15192
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
15193
+ animation-name: pf-v6-global-fade-in;
15194
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
15195
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
15196
+ }
14768
15197
  .pf-v6-c-form-control.pf-m-error > textarea {
14769
15198
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14770
15199
  }
@@ -15414,6 +15843,30 @@ ul) {
15414
15843
  --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
15415
15844
  --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
15416
15845
  --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15846
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15847
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15848
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15849
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15850
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15851
+ --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);
15852
+ --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);
15853
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15854
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start: 100%;
15855
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end: 0;
15856
+ --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);
15857
+ --pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction:var(--pf-t--global--motion--timing-function--default);
15858
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade: 0s;
15859
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade: 0s;
15860
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade);
15861
+ --pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15862
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15863
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15864
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade);
15865
+ }
15866
+ @media (prefers-reduced-motion: no-preference) {
15867
+ .pf-v6-c-input-group {
15868
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: .7;
15869
+ }
15417
15870
  }
15418
15871
 
15419
15872
  .pf-v6-c-input-group {
@@ -15421,6 +15874,62 @@ ul) {
15421
15874
  gap: var(--pf-v6-c-input-group--Gap);
15422
15875
  width: 100%;
15423
15876
  }
15877
+ .pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded) {
15878
+ --pf-v6-c-input-group--Gap: 0;
15879
+ transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
15880
+ }
15881
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
15882
+ flex-grow: 1;
15883
+ max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
15884
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
15885
+ opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
15886
+ 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);
15887
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
15888
+ 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;
15889
+ transition-property: opacity, scale, visibility, max-width;
15890
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
15891
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
15892
+ }
15893
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
15894
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
15895
+ visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
15896
+ opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
15897
+ transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
15898
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
15899
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade), 0s, 0s;
15900
+ transition-property: opacity, visibility, max-width;
15901
+ }
15902
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
15903
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
15904
+ visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
15905
+ opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
15906
+ 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);
15907
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
15908
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), 0s, 0s;
15909
+ transition-property: opacity, visibility, max-width;
15910
+ }
15911
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start {
15912
+ --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);
15913
+ }
15914
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded {
15915
+ --pf-v6-c-input-group__item--m-search-text-input--MaxWidth: 100%;
15916
+ --pf-v6-c-input-group__item--m-search-text-input--Visibility: visible;
15917
+ --pf-v6-c-input-group__item--m-search-text-input--Opacity: 1;
15918
+ --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);
15919
+ --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);
15920
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15921
+ --pf-v6-c-input-group__item--m-search-action--MaxWidth: 100%;
15922
+ --pf-v6-c-input-group__item--m-search-action--Visibility: visible;
15923
+ --pf-v6-c-input-group__item--m-search-action--Opacity: 1;
15924
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade);
15925
+ --pf-v6-c-input-group__item--m-search-expand--MaxWidth: 0;
15926
+ --pf-v6-c-input-group__item--m-search-expand--Visibility: hidden;
15927
+ --pf-v6-c-input-group__item--m-search-expand--Opacity: 0;
15928
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade);
15929
+ }
15930
+ .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) {
15931
+ transition-delay: 0s;
15932
+ }
15424
15933
 
15425
15934
  .pf-v6-c-input-group__item {
15426
15935
  position: relative;
@@ -17233,7 +17742,7 @@ ul.pf-v6-c-list {
17233
17742
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17234
17743
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17235
17744
  --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);
17745
+ --pf-v6-c-menu--TransitionDuration: 0s;
17237
17746
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17238
17747
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17239
17748
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17306,14 +17815,34 @@ ul.pf-v6-c-list {
17306
17815
  --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
17816
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17308
17817
  --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);
17818
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17310
17819
  --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);
17820
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17312
17821
  --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);
17822
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17314
17823
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17315
17824
  --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
17825
  }
17826
+ @media (prefers-reduced-motion: no-preference) {
17827
+ .pf-v6-c-menu {
17828
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17829
+ }
17830
+ }
17831
+ @media (prefers-reduced-motion: no-preference) {
17832
+ .pf-v6-c-menu {
17833
+ --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);
17834
+ }
17835
+ }
17836
+ @media (prefers-reduced-motion: no-preference) {
17837
+ .pf-v6-c-menu {
17838
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17839
+ }
17840
+ }
17841
+ @media (prefers-reduced-motion: no-preference) {
17842
+ .pf-v6-c-menu {
17843
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17844
+ }
17845
+ }
17317
17846
 
17318
17847
  .pf-v6-c-menu__content,
17319
17848
  .pf-v6-c-menu__list-item,
@@ -17847,6 +18376,14 @@ ul.pf-v6-c-list {
17847
18376
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17848
18377
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17849
18378
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
18379
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
18380
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
18381
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
18382
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
18383
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
18384
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
18385
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
18386
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
17850
18387
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17851
18388
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17852
18389
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -17944,6 +18481,11 @@ ul.pf-v6-c-list {
17944
18481
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17945
18482
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17946
18483
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
18484
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18485
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
18486
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18487
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18488
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
17947
18489
  }
17948
18490
 
17949
18491
  .pf-v6-c-menu-toggle {
@@ -18057,6 +18599,10 @@ ul.pf-v6-c-list {
18057
18599
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
18058
18600
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
18059
18601
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
18602
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
18603
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
18604
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
18605
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
18060
18606
  }
18061
18607
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
18062
18608
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -18112,6 +18658,15 @@ ul.pf-v6-c-list {
18112
18658
  opacity: 1;
18113
18659
  }
18114
18660
  }
18661
+ .pf-v6-c-menu-toggle.pf-m-settings {
18662
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
18663
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
18664
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
18665
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
18666
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
18667
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
18668
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
18669
+ }
18115
18670
  .pf-v6-c-menu-toggle.pf-m-placeholder {
18116
18671
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
18117
18672
  }
@@ -18264,16 +18819,24 @@ ul.pf-v6-c-list {
18264
18819
  flex-wrap: nowrap;
18265
18820
  }
18266
18821
 
18267
- .pf-v6-c-menu-toggle__icon {
18268
- flex-shrink: 0;
18269
- }
18270
18822
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18271
18823
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18272
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18824
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
18273
18825
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18274
18826
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18275
18827
  }
18276
18828
 
18829
+ .pf-v6-c-menu-toggle__icon {
18830
+ flex-shrink: 0;
18831
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
18832
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
18833
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
18834
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
18835
+ }
18836
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18837
+ vertical-align: middle;
18838
+ }
18839
+
18277
18840
  .pf-v6-c-menu-toggle__controls {
18278
18841
  display: flex;
18279
18842
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -18760,9 +19323,13 @@ ul.pf-v6-c-list {
18760
19323
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18761
19324
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18762
19325
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18763
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18764
- --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
19326
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
19327
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
19328
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
19329
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
18765
19330
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
19331
+ --pf-v6-c-nav__subnav--TranslateY: 0;
19332
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
18766
19333
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18767
19334
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18768
19335
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18791,6 +19358,13 @@ ul.pf-v6-c-list {
18791
19358
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18792
19359
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18793
19360
  }
19361
+ @media screen and (prefers-reduced-motion: no-preference) {
19362
+ .pf-v6-c-nav {
19363
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
19364
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
19365
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
19366
+ }
19367
+ }
18794
19368
 
18795
19369
  .pf-v6-c-nav,
18796
19370
  .pf-v6-c-nav__section,
@@ -18861,24 +19435,27 @@ ul.pf-v6-c-list {
18861
19435
 
18862
19436
  .pf-v6-c-nav__subnav {
18863
19437
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18864
- grid-template-rows: 1fr;
18865
- min-height: 0;
19438
+ max-height: 99999px;
18866
19439
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18867
19440
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18868
19441
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18869
19442
  overflow-y: clip;
18870
- 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);
19443
+ visibility: visible;
19444
+ 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);
18871
19445
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18872
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18873
- transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
19446
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
19447
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
19448
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
18874
19449
  }
18875
19450
  .pf-v6-c-nav__subnav[hidden] {
18876
19451
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18877
19452
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
19453
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
18878
19454
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18879
19455
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19456
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18880
19457
  display: grid;
18881
- grid-template-rows: 0fr;
19458
+ max-height: 0;
18882
19459
  visibility: hidden;
18883
19460
  opacity: 0;
18884
19461
  }
@@ -19363,13 +19940,18 @@ ul.pf-v6-c-list {
19363
19940
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19364
19941
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19365
19942
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19366
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19367
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19943
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19944
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19945
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19368
19946
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19369
19947
  --pf-v6-c-page__sidebar--BoxShadow: none;
19370
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19371
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19948
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
19949
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19950
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19372
19951
  --pf-v6-c-page__sidebar--TranslateX: -100%;
19952
+ --pf-v6-c-page__sidebar--Opacity: 0;
19953
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
19954
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
19373
19955
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19374
19956
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19375
19957
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19447,9 +20029,17 @@ ul.pf-v6-c-list {
19447
20029
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19448
20030
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19449
20031
  }
20032
+ @media screen and (prefers-reduced-motion: no-preference) {
20033
+ .pf-v6-c-page {
20034
+ --pf-v6-c-page__sidebar--Opacity: 1;
20035
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
20036
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
20037
+ }
20038
+ }
19450
20039
  @media screen and (min-width: 75rem) {
19451
20040
  .pf-v6-c-page {
19452
20041
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
20042
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
19453
20043
  }
19454
20044
  }
19455
20045
 
@@ -19470,6 +20060,51 @@ ul.pf-v6-c-list {
19470
20060
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19471
20061
  }
19472
20062
  }
20063
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20064
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20065
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20066
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20067
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20068
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20069
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20070
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20071
+ }
20072
+ .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) {
20073
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20074
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20075
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20076
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20077
+ --pf-v6-c-button__icon--ScaleX: 1;
20078
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20079
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
20080
+ }
20081
+ @media (min-width: 75rem) {
20082
+ .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) {
20083
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
20084
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
20085
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
20086
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
20087
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
20088
+ }
20089
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20090
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20091
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20092
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20093
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20094
+ --pf-v6-c-button__icon--ScaleX: 1;
20095
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20096
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
20097
+ }
20098
+ .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) {
20099
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20100
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20101
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20102
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20103
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20104
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20105
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20106
+ }
20107
+ }
19473
20108
 
19474
20109
  .pf-v6-c-page > .pf-v6-c-masthead {
19475
20110
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19498,7 +20133,8 @@ ul.pf-v6-c-list {
19498
20133
  overflow-y: auto;
19499
20134
  -webkit-overflow-scrolling: touch;
19500
20135
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
19501
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
20136
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
20137
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19502
20138
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19503
20139
  }
19504
20140
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19507,6 +20143,7 @@ ul.pf-v6-c-list {
19507
20143
 
19508
20144
  .pf-v6-c-page__sidebar.pf-m-expanded {
19509
20145
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
20146
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
19510
20147
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19511
20148
  }
19512
20149
  @media screen and (min-width: 75rem) {
@@ -19792,7 +20429,7 @@ ul.pf-v6-c-list {
19792
20429
  -webkit-overflow-scrolling: touch;
19793
20430
  }
19794
20431
  @media screen and (min-width: 75rem) {
19795
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
20432
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19796
20433
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19797
20434
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19798
20435
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -20767,6 +21404,22 @@ ul.pf-v6-c-list {
20767
21404
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20768
21405
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20769
21406
  }
21407
+ @media (prefers-reduced-motion: no-preference) {
21408
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
21409
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
21410
+ animation-name: pf-v6-global-danger-jiggle-motion;
21411
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
21412
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
21413
+ animation-fill-mode: both;
21414
+ }
21415
+ }
21416
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
21417
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
21418
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
21419
+ animation-name: pf-v6-global-fade-in;
21420
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
21421
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
21422
+ }
20770
21423
 
20771
21424
  .pf-v6-c-progress__description {
20772
21425
  grid-column: 1/2;
@@ -21944,8 +22597,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21944
22597
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21945
22598
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21946
22599
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
21947
- --pf-v6-c-skeleton--after--TranslateX: -100%;
21948
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22600
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22601
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21949
22602
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21950
22603
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21951
22604
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21977,6 +22630,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21977
22630
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21978
22631
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21979
22632
  }
22633
+ @media screen and (prefers-reduced-motion: no-preference) {
22634
+ .pf-v6-c-skeleton {
22635
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22636
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22637
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22638
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22639
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22640
+ }
22641
+ }
21980
22642
 
21981
22643
  .pf-v6-c-skeleton {
21982
22644
  position: relative;
@@ -22097,6 +22759,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22097
22759
  transform: translateX(100%);
22098
22760
  }
22099
22761
  }
22762
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22763
+ 0% {
22764
+ opacity: 0.25;
22765
+ }
22766
+ 60% {
22767
+ opacity: 1;
22768
+ }
22769
+ 100% {
22770
+ opacity: 0.25;
22771
+ }
22772
+ }
22100
22773
  .pf-v6-c-skip-to-content {
22101
22774
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
22102
22775
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22344,6 +23017,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22344
23017
  --pf-v6-c-spinner--StrokeWidth: 10;
22345
23018
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22346
23019
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
23020
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22347
23021
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22348
23022
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22349
23023
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22360,6 +23034,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22360
23034
  .pf-v6-c-spinner.pf-m-inline {
22361
23035
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22362
23036
  }
23037
+ .pf-v6-c-spinner.pf-m-xs {
23038
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
23039
+ --pf-v6-c-spinner--StrokeWidth: 15;
23040
+ }
22363
23041
  .pf-v6-c-spinner.pf-m-sm {
22364
23042
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22365
23043
  }
@@ -22641,6 +23319,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22641
23319
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22642
23320
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22643
23321
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
23322
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22644
23323
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22645
23324
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22646
23325
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22704,6 +23383,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22704
23383
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22705
23384
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22706
23385
  }
23386
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23387
+ --pf-v6-c-table__expandable-row--Display: block;
23388
+ }
23389
+ .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 {
23390
+ content: none;
23391
+ }
22707
23392
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
22708
23393
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22709
23394
  }
@@ -22760,12 +23445,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22760
23445
  grid-template-columns: 1fr minmax(0, 1.5fr);
22761
23446
  align-items: start;
22762
23447
  }
23448
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23449
+ align-items: center;
23450
+ }
22763
23451
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22764
23452
  grid-column: 2;
22765
23453
  }
22766
23454
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22767
23455
  position: revert;
22768
- font-weight: bold;
23456
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22769
23457
  text-align: start;
22770
23458
  content: attr(data-label);
22771
23459
  }
@@ -23004,6 +23692,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23004
23692
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23005
23693
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23006
23694
  }
23695
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23696
+ --pf-v6-c-table__expandable-row--Display: block;
23697
+ }
23698
+ .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 {
23699
+ content: none;
23700
+ }
23007
23701
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23008
23702
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23009
23703
  }
@@ -23060,12 +23754,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23060
23754
  grid-template-columns: 1fr minmax(0, 1.5fr);
23061
23755
  align-items: start;
23062
23756
  }
23757
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23758
+ align-items: center;
23759
+ }
23063
23760
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23064
23761
  grid-column: 2;
23065
23762
  }
23066
23763
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23067
23764
  position: revert;
23068
- font-weight: bold;
23765
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23069
23766
  text-align: start;
23070
23767
  content: attr(data-label);
23071
23768
  }
@@ -23307,6 +24004,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23307
24004
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23308
24005
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23309
24006
  }
24007
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
24008
+ --pf-v6-c-table__expandable-row--Display: block;
24009
+ }
24010
+ .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 {
24011
+ content: none;
24012
+ }
23310
24013
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23311
24014
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23312
24015
  }
@@ -23363,12 +24066,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23363
24066
  grid-template-columns: 1fr minmax(0, 1.5fr);
23364
24067
  align-items: start;
23365
24068
  }
24069
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24070
+ align-items: center;
24071
+ }
23366
24072
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23367
24073
  grid-column: 2;
23368
24074
  }
23369
24075
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23370
24076
  position: revert;
23371
- font-weight: bold;
24077
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23372
24078
  text-align: start;
23373
24079
  content: attr(data-label);
23374
24080
  }
@@ -23610,6 +24316,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23610
24316
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23611
24317
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23612
24318
  }
24319
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24320
+ --pf-v6-c-table__expandable-row--Display: block;
24321
+ }
24322
+ .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 {
24323
+ content: none;
24324
+ }
23613
24325
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
23614
24326
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23615
24327
  }
@@ -23666,12 +24378,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23666
24378
  grid-template-columns: 1fr minmax(0, 1.5fr);
23667
24379
  align-items: start;
23668
24380
  }
24381
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24382
+ align-items: center;
24383
+ }
23669
24384
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23670
24385
  grid-column: 2;
23671
24386
  }
23672
24387
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23673
24388
  position: revert;
23674
- font-weight: bold;
24389
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23675
24390
  text-align: start;
23676
24391
  content: attr(data-label);
23677
24392
  }
@@ -23913,6 +24628,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23913
24628
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23914
24629
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23915
24630
  }
24631
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24632
+ --pf-v6-c-table__expandable-row--Display: block;
24633
+ }
24634
+ .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 {
24635
+ content: none;
24636
+ }
23916
24637
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
23917
24638
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23918
24639
  }
@@ -23969,12 +24690,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23969
24690
  grid-template-columns: 1fr minmax(0, 1.5fr);
23970
24691
  align-items: start;
23971
24692
  }
24693
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24694
+ align-items: center;
24695
+ }
23972
24696
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23973
24697
  grid-column: 2;
23974
24698
  }
23975
24699
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23976
24700
  position: revert;
23977
- font-weight: bold;
24701
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23978
24702
  text-align: start;
23979
24703
  content: attr(data-label);
23980
24704
  }
@@ -24188,7 +24912,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24188
24912
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
24189
24913
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
24190
24914
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
24191
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24915
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24916
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24192
24917
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24193
24918
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24194
24919
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -24252,6 +24977,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24252
24977
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24253
24978
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24254
24979
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24980
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24981
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24982
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24983
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24984
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24985
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24986
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24987
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24988
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24255
24989
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24256
24990
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24257
24991
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24287,6 +25021,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24287
25021
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24288
25022
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24289
25023
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25024
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25025
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25026
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
25027
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24290
25028
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24291
25029
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24292
25030
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -24312,6 +25050,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24312
25050
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24313
25051
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24314
25052
  }
25053
+ @media screen and (prefers-reduced-motion: no-preference) {
25054
+ .pf-v6-c-table {
25055
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
25056
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
25057
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
25058
+ }
25059
+ }
24315
25060
 
24316
25061
  .pf-v6-c-table {
24317
25062
  width: 100%;
@@ -24508,6 +25253,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24508
25253
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
24509
25254
  overflow-wrap: break-word;
24510
25255
  }
25256
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
25257
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
25258
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
25259
+ }
24511
25260
  .pf-v6-c-table .pf-v6-c-table__sort {
24512
25261
  min-width: var(--pf-v6-c-table__sort--MinWidth);
24513
25262
  }
@@ -24576,6 +25325,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24576
25325
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24577
25326
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24578
25327
  }
25328
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
25329
+ border-block-end: 0;
25330
+ }
25331
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25332
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25333
+ visibility: hidden;
25334
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25335
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25336
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25337
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
25338
+ transition-property: opacity, translate, visibility, background-color;
25339
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25340
+ }
25341
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25342
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25343
+ }
25344
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25345
+ visibility: visible;
25346
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25347
+ transition-delay: 0s;
25348
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25349
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25350
+ }
25351
+ .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 {
25352
+ max-height: 99999px;
25353
+ }
25354
+ .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),
25355
+ .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 {
25356
+ padding: 0;
25357
+ overflow: hidden;
25358
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25359
+ transition-property: padding, max-height, overflow;
25360
+ }
25361
+ .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 {
25362
+ max-height: 0;
25363
+ }
25364
+ .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) {
25365
+ border-block-end: 0;
25366
+ }
25367
+ .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 {
25368
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25369
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25370
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
25371
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
25372
+ }
24579
25373
 
24580
25374
  [class*=pf-v6-c-table].pf-m-truncate {
24581
25375
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24722,6 +25516,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24722
25516
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
24723
25517
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
24724
25518
  }
25519
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
25520
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
25521
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
25522
+ line-height: 1lh;
25523
+ }
25524
+
24725
25525
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
24726
25526
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24727
25527
  }
@@ -24844,6 +25644,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24844
25644
  align-self: last baseline;
24845
25645
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24846
25646
  }
25647
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
25648
+ line-height: 1lh;
25649
+ }
24847
25650
 
24848
25651
  .pf-v6-c-table__sort {
24849
25652
  vertical-align: bottom;
@@ -24885,7 +25688,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24885
25688
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24886
25689
  padding-block-start: 0;
24887
25690
  }
24888
-
25691
+ .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) {
25692
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25693
+ }
24889
25694
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24890
25695
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
24891
25696
  padding-block-start: 0;
@@ -24896,6 +25701,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24896
25701
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24897
25702
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24898
25703
  padding: 0;
25704
+ border-radius: 0;
24899
25705
  }
24900
25706
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24901
25707
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24905,6 +25711,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24905
25711
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24906
25712
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24907
25713
  }
25714
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25715
+ background-color: transparent;
25716
+ }
24908
25717
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24909
25718
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24910
25719
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24936,6 +25745,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24936
25745
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
24937
25746
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
24938
25747
  }
25748
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
25749
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
25750
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
25751
+ }
24939
25752
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
24940
25753
  width: auto;
24941
25754
  min-width: 0;
@@ -24944,6 +25757,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24944
25757
 
24945
25758
  .pf-v6-c-table__thead {
24946
25759
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
25760
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
24947
25761
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
24948
25762
  vertical-align: bottom;
24949
25763
  }
@@ -24973,6 +25787,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24973
25787
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24974
25788
  border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
24975
25789
  }
25790
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
25791
+ border-block-end: 0;
25792
+ }
24976
25793
 
24977
25794
  .pf-v6-c-table__tr {
24978
25795
  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
@@ -26030,25 +26847,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26030
26847
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26031
26848
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26032
26849
  --pf-v6-c-tabs--link-accent--start: 0;
26033
- --pf-v6-c-tabs--link-accent--length: auto;
26850
+ --pf-v6-c-tabs--link-accent--length: 0;
26034
26851
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26035
26852
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26853
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26854
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26036
26855
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26037
26856
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26038
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26857
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
26039
26858
  --pf-v6-c-tabs--link-accent--Width: initial;
26040
26859
  --pf-v6-c-tabs--link-accent--Height: 0;
26041
26860
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26042
26861
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26043
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26862
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26863
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26864
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26865
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
26044
26866
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
26045
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
26046
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
26047
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
26048
26867
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26049
26868
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26050
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26051
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26869
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26870
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26871
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
26052
26872
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26053
26873
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26054
26874
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26208,11 +27028,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26208
27028
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26209
27029
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26210
27030
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26211
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26212
27031
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26213
27032
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26214
27033
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26215
27034
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
27035
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
27036
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
27037
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26216
27038
  display: inline-flex;
26217
27039
  flex-direction: column;
26218
27040
  height: 100%;
@@ -26789,15 +27611,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26789
27611
  }
26790
27612
 
26791
27613
  @media (prefers-reduced-motion: no-preference) {
26792
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26793
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
27614
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27615
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26794
27616
  content: revert;
26795
27617
  }
26796
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27618
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26797
27619
  position: absolute;
26798
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27620
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26799
27621
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26800
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
27622
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26801
27623
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26802
27624
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26803
27625
  content: "";
@@ -26806,7 +27628,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26806
27628
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26807
27629
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26808
27630
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26809
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
27631
+ transition-property: width, height, translate;
27632
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27633
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27634
+ }
27635
+ :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 {
27636
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26810
27637
  }
26811
27638
  .pf-v6-c-tabs.pf-m-initializing-accent {
26812
27639
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26845,6 +27672,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26845
27672
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
26846
27673
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
26847
27674
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
27675
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
26848
27676
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
26849
27677
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
26850
27678
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -26891,6 +27719,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26891
27719
  }
26892
27720
  .pf-v6-c-text-input-group.pf-m-disabled {
26893
27721
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27722
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27723
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
26894
27724
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
26895
27725
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
26896
27726
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -26917,12 +27747,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26917
27747
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26918
27748
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
26919
27749
  }
27750
+ @media (prefers-reduced-motion: no-preference) {
27751
+ .pf-v6-c-text-input-group.pf-m-error {
27752
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
27753
+ animation-name: pf-v6-global-danger-jiggle-motion;
27754
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
27755
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
27756
+ animation-fill-mode: both;
27757
+ }
27758
+ }
27759
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
27760
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
27761
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
27762
+ animation-name: pf-v6-global-fade-in;
27763
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
27764
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
27765
+ }
26920
27766
  .pf-v6-c-text-input-group:hover {
26921
27767
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26922
27768
  }
26923
27769
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
26924
27770
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
26925
27771
  }
27772
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
27773
+ --pf-v6-c-text-input-group__text--Position: relative;
27774
+ }
26926
27775
  .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
26927
27776
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
26928
27777
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
@@ -26985,6 +27834,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26985
27834
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
26986
27835
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
26987
27836
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
27837
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
26988
27838
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
26989
27839
  border: 0;
26990
27840
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -27148,6 +27998,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27148
27998
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27149
27999
  }
27150
28000
 
28001
+ .pf-v6-c-timestamp__text {
28002
+ text-decoration: inherit;
28003
+ }
28004
+
27151
28005
  .pf-v6-c-title {
27152
28006
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27153
28007
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29422,6 +30276,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29422
30276
  grid-auto-flow: column;
29423
30277
  align-items: baseline;
29424
30278
  min-width: var(--pf-v6-c-truncate--MinWidth);
30279
+ text-decoration: inherit;
29425
30280
  }
29426
30281
  .pf-v6-c-truncate.pf-m-fixed {
29427
30282
  display: inline;
@@ -29518,6 +30373,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29518
30373
  --pf-v6-c-tree-view__node-container--Display: contents;
29519
30374
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29520
30375
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30376
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30377
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30378
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30379
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30380
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30381
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30382
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30383
+ --pf-v6-c-tree-view__list--Opacity: 0;
30384
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30385
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30386
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29521
30387
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29522
30388
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29523
30389
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29533,6 +30399,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29533
30399
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29534
30400
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29535
30401
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30402
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30403
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29536
30404
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29537
30405
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29538
30406
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29608,6 +30476,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29608
30476
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29609
30477
  --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);
29610
30478
  }
30479
+ @media screen and (prefers-reduced-motion: no-preference) {
30480
+ .pf-v6-c-tree-view {
30481
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30482
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30483
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30484
+ }
30485
+ }
29611
30486
 
29612
30487
  .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 {
29613
30488
  position: relative;
@@ -29723,12 +30598,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29723
30598
  display: inline-block;
29724
30599
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29725
30600
  text-align: center;
30601
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29726
30602
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29727
30603
  }
29728
30604
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29729
30605
  scale: -1 1;
29730
30606
  }
29731
30607
 
30608
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30609
+ max-height: 0;
30610
+ visibility: hidden;
30611
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30612
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30613
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30614
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30615
+ transition-property: opacity, translate, visibility, max-height;
30616
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30617
+ }
29732
30618
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29733
30619
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29734
30620
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29737,6 +30623,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29737
30623
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29738
30624
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29739
30625
  }
30626
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30627
+ max-height: 99999px;
30628
+ visibility: revert;
30629
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30630
+ transition-delay: 0s;
30631
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30632
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30633
+ }
29740
30634
 
29741
30635
  .pf-v6-c-tree-view__node,
29742
30636
  .pf-v6-c-tree-view__node-container {
@@ -30013,6 +30907,7 @@ label.pf-v6-c-tree-view__node-text {
30013
30907
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
30014
30908
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
30015
30909
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30910
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
30016
30911
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
30017
30912
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
30018
30913
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -30031,6 +30926,7 @@ label.pf-v6-c-tree-view__node-text {
30031
30926
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
30032
30927
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
30033
30928
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30929
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
30034
30930
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
30035
30931
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
30036
30932
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -30191,6 +31087,9 @@ label.pf-v6-c-tree-view__node-text {
30191
31087
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
30192
31088
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
30193
31089
  }
31090
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
31091
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
31092
+ }
30194
31093
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
30195
31094
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
30196
31095
  }
@@ -30324,6 +31223,7 @@ label.pf-v6-c-tree-view__node-text {
30324
31223
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
30325
31224
  position: relative;
30326
31225
  display: inline-flex;
31226
+ flex-shrink: 0;
30327
31227
  align-items: center;
30328
31228
  justify-content: center;
30329
31229
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -30348,12 +31248,15 @@ label.pf-v6-c-tree-view__node-text {
30348
31248
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
30349
31249
  }
30350
31250
 
30351
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
31251
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
30352
31252
  display: none;
30353
31253
  }
30354
31254
  .pf-v6-c-wizard__nav-link.pf-m-success {
30355
31255
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
30356
31256
  }
31257
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
31258
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
31259
+ }
30357
31260
  .pf-v6-c-wizard__nav-link.pf-m-danger {
30358
31261
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
30359
31262
  }
@@ -30371,12 +31274,9 @@ label.pf-v6-c-tree-view__node-text {
30371
31274
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
30372
31275
  }
30373
31276
 
30374
- .pf-v6-c-wizard__nav-link-text {
30375
- flex-grow: 1;
30376
- }
30377
-
30378
31277
  .pf-v6-c-wizard__nav-link-main {
30379
31278
  display: flex;
31279
+ flex-grow: 1;
30380
31280
  justify-content: space-between;
30381
31281
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
30382
31282
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);