@patternfly/patternfly 6.3.0-prerelease.9 → 6.3.1

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 (109) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/base/patternfly-common.css +46 -11
  4. package/base/patternfly-common.scss +58 -13
  5. package/components/Accordion/accordion.css +72 -3
  6. package/components/Accordion/accordion.scss +78 -6
  7. package/components/Alert/alert-group.css +52 -31
  8. package/components/Alert/alert-group.scss +77 -46
  9. package/components/Button/button.css +154 -6
  10. package/components/Button/button.scss +160 -8
  11. package/components/DataList/data-list.css +2 -2
  12. package/components/DataList/data-list.scss +2 -2
  13. package/components/DualListSelector/dual-list-selector.css +36 -0
  14. package/components/DualListSelector/dual-list-selector.scss +43 -0
  15. package/components/ExpandableSection/expandable-section.css +63 -1
  16. package/components/ExpandableSection/expandable-section.scss +76 -2
  17. package/components/FileUpload/file-upload.css +3 -3
  18. package/components/FileUpload/file-upload.scss +3 -3
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/InputGroup/input-group.css +80 -0
  24. package/components/InputGroup/input-group.scss +95 -0
  25. package/components/Menu/menu.css +24 -4
  26. package/components/Menu/menu.scss +20 -5
  27. package/components/MenuToggle/menu-toggle.css +30 -0
  28. package/components/MenuToggle/menu-toggle.scss +33 -0
  29. package/components/Nav/nav.css +22 -8
  30. package/components/Nav/nav.scss +22 -9
  31. package/components/Page/page.css +62 -3
  32. package/components/Page/page.scss +44 -3
  33. package/components/Progress/progress.css +16 -0
  34. package/components/Progress/progress.scss +11 -1
  35. package/components/ProgressStepper/progress-stepper.scss +1 -0
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +51 -5
  39. package/components/Table/table-grid.scss +22 -1
  40. package/components/Table/table.css +95 -2
  41. package/components/Table/table.scss +138 -3
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +20 -0
  45. package/components/TextInputGroup/text-input-group.scss +12 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +1 -0
  51. package/components/Truncate/truncate.scss +3 -0
  52. package/components/_index.css +912 -84
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +148 -5
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  57. package/docs/components/DataList/examples/DataList.md +23 -23
  58. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  59. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  60. package/docs/components/Form/examples/Form.md +1047 -126
  61. package/docs/components/Hint/examples/Hint.md +3 -3
  62. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  63. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  64. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  65. package/docs/components/Masthead/examples/masthead.md +90 -12
  66. package/docs/components/Menu/examples/Menu.md +122 -6
  67. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  68. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  69. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  70. package/docs/components/Page/examples/Page.md +147 -14
  71. package/docs/components/Pagination/examples/Pagination.md +12 -12
  72. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  73. package/docs/components/Slider/examples/Slider.md +2 -2
  74. package/docs/components/Spinner/examples/Spinner.md +10 -0
  75. package/docs/components/Table/examples/Table.md +9428 -6173
  76. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  77. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  78. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  79. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  80. package/docs/demos/Alert/examples/Alert.md +66 -9
  81. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  82. package/docs/demos/Banner/examples/Banner.md +47 -6
  83. package/docs/demos/Card/examples/Card.md +5 -62
  84. package/docs/demos/CardView/examples/CardView.md +24 -5
  85. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  86. package/docs/demos/DataList/examples/DataList.md +100 -24
  87. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  88. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  89. package/docs/demos/Form/examples/BasicForms.md +12 -12
  90. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  91. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  92. package/docs/demos/Modal/examples/Modal.md +132 -18
  93. package/docs/demos/Nav/examples/Nav.md +111 -16
  94. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  95. package/docs/demos/Page/examples/Page.md +309 -43
  96. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  97. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  98. package/docs/demos/Table/examples/Table.md +449 -155
  99. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  100. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  101. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  102. package/package.json +5 -5
  103. package/patternfly-base-no-globals.css +45 -11
  104. package/patternfly-base.css +45 -11
  105. package/patternfly-no-globals.css +957 -95
  106. package/patternfly.css +957 -95
  107. package/patternfly.min.css +1 -1
  108. package/patternfly.min.css.map +1 -1
  109. package/sass-utilities/mixins.scss +54 -0
package/patternfly.css CHANGED
@@ -181,19 +181,53 @@ button) {
181
181
  }
182
182
 
183
183
  .pf-v6-m-no-motion {
184
- --pf-t--global--delay--400: 0ms !important;
185
- --pf-t--global--delay--300: 0ms !important;
186
- --pf-t--global--delay--200: 0ms !important;
187
- --pf-t--global--delay--100: 0ms !important;
188
- --pf-t--global--duration--600: 0ms !important;
189
- --pf-t--global--duration--500: 0ms !important;
190
- --pf-t--global--duration--400: 0ms !important;
191
- --pf-t--global--duration--300: 0ms !important;
192
- --pf-t--global--duration--200: 0ms !important;
193
- --pf-t--global--duration--100: 0ms !important;
194
- --pf-t--global--duration--50: 0ms !important;
184
+ --pf-t--global--delay--400: 1ms !important;
185
+ --pf-t--global--delay--300: 1ms !important;
186
+ --pf-t--global--delay--200: 1ms !important;
187
+ --pf-t--global--delay--100: 1ms !important;
188
+ --pf-t--global--duration--600: 1ms !important;
189
+ --pf-t--global--duration--500: 1ms !important;
190
+ --pf-t--global--duration--400: 1ms !important;
191
+ --pf-t--global--duration--300: 1ms !important;
192
+ --pf-t--global--duration--200: 1ms !important;
193
+ --pf-t--global--duration--100: 1ms !important;
194
+ --pf-t--global--duration--50: 1ms !important;
195
195
  }
196
196
 
197
+ :root {
198
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
199
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
200
+ }
201
+
202
+ @property --pf-v6-global--danger-jiggle--TranslateX {
203
+ syntax: "<length>";
204
+ inherits: false;
205
+ initial-value: 0;
206
+ }
207
+ @keyframes pf-v6-global-danger-jiggle-motion {
208
+ 33% {
209
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
210
+ }
211
+ 66% {
212
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
213
+ }
214
+ }
215
+ @keyframes pf-v6-global-fade-in {
216
+ from {
217
+ opacity: 0;
218
+ }
219
+ to {
220
+ opacity: 1;
221
+ }
222
+ }
223
+ @keyframes pf-v6-global-fade-out {
224
+ from {
225
+ opacity: 1;
226
+ }
227
+ to {
228
+ opacity: 0;
229
+ }
230
+ }
197
231
  @font-face {
198
232
  font-family: "Red Hat Text";
199
233
  font-style: normal;
@@ -7803,6 +7837,7 @@ button) {
7803
7837
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7804
7838
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7805
7839
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7840
+ --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
7806
7841
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7807
7842
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7808
7843
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7820,6 +7855,24 @@ button) {
7820
7855
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
7821
7856
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
7822
7857
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
7858
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7859
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7860
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
7861
+ --pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7862
+ --pf-v6-c-accordion__item--before--Opacity: 0;
7863
+ --pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
7864
+ --pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
7865
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
7866
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7867
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
7868
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7869
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
7870
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
7871
+ --pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7872
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
7873
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
7874
+ --pf-v6-c-accordion__expandable-content--TranslateY: 0;
7875
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
7823
7876
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7824
7877
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7825
7878
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7839,6 +7892,16 @@ button) {
7839
7892
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
7840
7893
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
7841
7894
  }
7895
+ @media screen and (prefers-reduced-motion: no-preference) {
7896
+ .pf-v6-c-accordion {
7897
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7898
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7899
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
7900
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7901
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7902
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7903
+ }
7904
+ }
7842
7905
 
7843
7906
  .pf-v6-c-accordion {
7844
7907
  display: flex;
@@ -7872,18 +7935,39 @@ button) {
7872
7935
  }
7873
7936
 
7874
7937
  .pf-v6-c-accordion__item {
7938
+ position: relative;
7939
+ }
7940
+ .pf-v6-c-accordion__item::before {
7941
+ position: absolute;
7942
+ inset: 0;
7943
+ pointer-events: none;
7944
+ content: "";
7945
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7875
7946
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
7947
+ opacity: var(--pf-v6-c-accordion__item--before--Opacity);
7948
+ transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
7949
+ transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
7950
+ transition-property: opacity;
7876
7951
  }
7877
7952
  .pf-v6-c-accordion__item.pf-m-expanded {
7878
7953
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
7879
7954
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
7880
- background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7955
+ --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
7956
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
7957
+ --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
7958
+ --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
7959
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
7960
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
7961
+ --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
7962
+ --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
7881
7963
  }
7882
7964
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
7883
7965
  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
7884
7966
  }
7885
7967
 
7886
7968
  .pf-v6-c-accordion__toggle {
7969
+ position: relative;
7970
+ z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
7887
7971
  display: flex;
7888
7972
  column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
7889
7973
  align-items: center;
@@ -7919,19 +8003,38 @@ button) {
7919
8003
  scale: -1 1;
7920
8004
  }
7921
8005
 
8006
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
8007
+ display: revert;
8008
+ }
8009
+
7922
8010
  .pf-v6-c-accordion__expandable-content {
7923
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8011
+ max-height: 0;
7924
8012
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7925
8013
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7926
8014
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7927
8015
  color: var(--pf-v6-c-accordion__expandable-content--Color);
8016
+ visibility: hidden;
7928
8017
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7929
8018
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
8019
+ opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
8020
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
8021
+ transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
8022
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
8023
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
8024
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7930
8025
  }
7931
8026
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7932
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7933
8027
  overflow-y: auto;
7934
8028
  }
8029
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
8030
+ max-height: 99999px;
8031
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8032
+ visibility: revert;
8033
+ transition-delay: 0s;
8034
+ }
8035
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
8036
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
8037
+ }
7935
8038
 
7936
8039
  .pf-v6-c-accordion__expandable-content-body {
7937
8040
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -8195,27 +8298,45 @@ button) {
8195
8298
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8196
8299
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8197
8300
  0s;
8198
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8199
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8200
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8201
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8202
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8203
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8204
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8205
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8206
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8207
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8208
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8209
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8210
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8211
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8212
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8213
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8214
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8215
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
8216
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
8217
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
8218
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
8301
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8302
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8303
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8304
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8305
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8306
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
8307
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
8308
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
8309
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
8310
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
8311
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8312
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8313
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8314
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8315
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8316
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8317
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8318
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8319
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8320
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8321
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
8322
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
8323
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
8324
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
8325
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
8326
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
8327
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
8328
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
8329
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
8330
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
8331
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8332
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8333
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
8334
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
8335
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
8336
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
8337
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
8338
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
8339
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
8219
8340
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8220
8341
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8221
8342
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8275,40 +8396,43 @@ button) {
8275
8396
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8276
8397
  }
8277
8398
  }
8278
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8399
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
8279
8400
  grid-template-rows: 0fr;
8280
8401
  margin-block: 0;
8281
8402
  overflow: hidden;
8282
8403
  opacity: 0;
8283
8404
  transform: translateY(-100%);
8284
8405
  }
8285
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8406
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-incoming:first-child .pf-v6-c-alert {
8286
8407
  min-height: 0;
8287
8408
  padding-block-start: 0;
8288
8409
  padding-block-end: 0;
8289
8410
  border-width: 0;
8290
8411
  }
8291
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8412
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8292
8413
  grid-template-rows: 0fr;
8293
8414
  margin-block: 0;
8294
8415
  overflow: hidden;
8295
8416
  opacity: 0;
8296
- transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
8417
+ transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default)), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default)), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default));
8297
8418
  }
8298
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8419
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
8299
8420
  min-height: 0;
8300
8421
  padding-block-start: 0;
8301
8422
  padding-block-end: 0;
8302
8423
  border-width: 0;
8303
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8424
+ transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default));
8304
8425
  }
8305
8426
  @media screen and (prefers-reduced-motion: no-preference) {
8306
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8307
- transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
8427
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8428
+ transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform)), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity)), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block)), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows));
8308
8429
  transform: translateX(100%);
8309
8430
  }
8310
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8311
- transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
8431
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8432
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
8433
+ }
8434
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
8435
+ transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
8312
8436
  }
8313
8437
  }
8314
8438
  .pf-v6-c-alert-group__item:hover {
@@ -9055,15 +9179,20 @@ button.pf-v6-c-breadcrumb__link {
9055
9179
  --pf-v6-c-button--TextDecorationLine: none;
9056
9180
  --pf-v6-c-button--TextDecorationStyle: none;
9057
9181
  --pf-v6-c-button--TextDecorationColor: currentcolor;
9182
+ --pf-v6-c-button--TransitionDelay: 0s;
9058
9183
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9059
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9060
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
9184
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9185
+ --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9186
+ --pf-v6-c-button--ScaleX: 1;
9187
+ --pf-v6-c-button--ScaleY: 1;
9061
9188
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9062
9189
  --pf-v6-c-button--hover--BorderColor: transparent;
9063
9190
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9064
9191
  --pf-v6-c-button--hover--TextDecorationLine: none;
9065
9192
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9066
9193
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9194
+ --pf-v6-c-button--hover--ScaleX: 1;
9195
+ --pf-v6-c-button--hover--ScaleY: 1;
9067
9196
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9068
9197
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9069
9198
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9273,12 +9402,30 @@ button.pf-v6-c-breadcrumb__link {
9273
9402
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9274
9403
  --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
9275
9404
  --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
9405
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9406
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
9407
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9408
+ --pf-v6-c-button__icon--TransitionProperty: none;
9409
+ --pf-v6-c-button__icon--Rotate: 0deg;
9410
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9411
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9412
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
9413
+ --pf-v6-c-button--hover__icon--Rotate: 0deg;
9414
+ --pf-v6-c-button__icon--ScaleX: 1;
9415
+ --pf-v6-c-button__icon--ScaleY: 1;
9416
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9417
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9276
9418
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9277
9419
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9278
9420
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
9279
9421
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9280
9422
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9281
9423
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9424
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
9425
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
9426
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
9427
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
9428
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9282
9429
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9283
9430
  --pf-v6-c-button__progress--Opacity: 0;
9284
9431
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9293,9 +9440,28 @@ button.pf-v6-c-breadcrumb__link {
9293
9440
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
9294
9441
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
9295
9442
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
9443
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9444
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9445
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9446
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9447
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
9296
9448
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
9297
9449
  --pf-v6-c-button--m-block--Display: flex;
9298
9450
  --pf-v6-c-button--m-block--Width: 100%;
9451
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9452
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
9453
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
9454
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
9455
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
9456
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
9457
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
9458
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
9459
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
9460
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
9461
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9462
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9463
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9464
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9299
9465
  }
9300
9466
 
9301
9467
  .pf-v6-c-button {
@@ -9319,16 +9485,19 @@ button.pf-v6-c-breadcrumb__link {
9319
9485
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9320
9486
  white-space: nowrap;
9321
9487
  cursor: pointer;
9488
+ -webkit-user-select: none;
9322
9489
  user-select: none;
9323
- background-color: var(--pf-v6-c-button--BackgroundColor);
9490
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
9324
9491
  border: 0;
9325
9492
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9326
9493
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
9327
9494
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
9328
9495
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
9496
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
9329
9497
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9330
9498
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9331
9499
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9500
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9332
9501
  }
9333
9502
  .pf-v6-c-button::after {
9334
9503
  position: absolute;
@@ -9437,6 +9606,7 @@ button.pf-v6-c-breadcrumb__link {
9437
9606
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9438
9607
  text-align: start;
9439
9608
  white-space: normal;
9609
+ background: transparent;
9440
9610
  outline-offset: 0.125rem;
9441
9611
  }
9442
9612
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -9570,6 +9740,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9570
9740
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9571
9741
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9572
9742
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9743
+ background: var(--pf-v6-c-button--BackgroundColor);
9573
9744
  }
9574
9745
  .pf-v6-c-button.pf-m-block {
9575
9746
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -9589,44 +9760,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9589
9760
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9590
9761
  }
9591
9762
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9763
+ display: grid;
9592
9764
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9593
9765
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9594
9766
  transition-property: color;
9595
9767
  }
9596
9768
  .pf-v6-c-button.pf-m-favorited {
9597
9769
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9770
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9598
9771
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9772
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9773
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
9774
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
9599
9775
  }
9600
9776
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9601
9777
  animation-name: pf-v6-c-button-icon-favorited;
9602
9778
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9603
9779
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9604
9780
  }
9781
+ .pf-v6-c-button.pf-m-settings {
9782
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
9783
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
9784
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
9785
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
9786
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
9787
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
9788
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
9789
+ }
9790
+ .pf-v6-c-button.pf-m-hamburger {
9791
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9792
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9793
+ --pf-v6-c-button__icon--TransitionProperty: scale;
9794
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9795
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9796
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
9797
+ }
9798
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
9799
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9800
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9801
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9802
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9803
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9804
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9805
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9806
+ }
9807
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9808
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9809
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9810
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9811
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9812
+ --pf-v6-c-button__icon--ScaleX: 1;
9813
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9814
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9815
+ }
9605
9816
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9606
9817
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9607
9818
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9608
9819
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9609
9820
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9821
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9822
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9610
9823
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9611
9824
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9825
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9826
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9827
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9828
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9829
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9830
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9612
9831
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9613
9832
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9614
9833
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9615
9834
  }
9616
- .pf-v6-c-button.pf-m-clicked {
9835
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9617
9836
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9618
9837
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9619
9838
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9620
9839
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9621
9840
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9622
9841
  }
9842
+ .pf-v6-c-button:active {
9843
+ background-size: 100% 100%;
9844
+ transition-duration: 0s;
9845
+ }
9623
9846
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9624
9847
  pointer-events: none;
9625
9848
  }
9626
9849
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9627
9850
  color: var(--pf-v6-c-button--disabled--Color);
9628
9851
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9629
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9852
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9630
9853
  }
9631
9854
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9632
9855
  border-color: transparent;
@@ -9667,6 +9890,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9667
9890
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
9668
9891
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
9669
9892
  color: var(--pf-v6-c-button__icon--Color);
9893
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
9894
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
9895
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9896
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9897
+ rotate: var(--pf-v6-c-button__icon--Rotate);
9898
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9670
9899
  }
9671
9900
  .pf-v6-c-button__icon.pf-m-start {
9672
9901
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9675,6 +9904,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9675
9904
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9676
9905
  }
9677
9906
 
9907
+ .pf-v6-c-button__icon-favorite,
9908
+ .pf-v6-c-button__icon-favorited {
9909
+ grid-area: 1/1/1/1;
9910
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9911
+ transition-property: opacity;
9912
+ }
9913
+
9914
+ .pf-v6-c-button__icon-favorite {
9915
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9916
+ }
9917
+
9918
+ .pf-v6-c-button__icon-favorited {
9919
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9920
+ }
9921
+
9678
9922
  .pf-v6-c-button__progress {
9679
9923
  position: absolute;
9680
9924
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9687,11 +9931,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9687
9931
  --pf-v6-c-spinner--Color: currentcolor;
9688
9932
  }
9689
9933
 
9934
+ .pf-v6-c-button__text {
9935
+ text-decoration: inherit;
9936
+ }
9937
+
9690
9938
  .pf-v6-c-button__count {
9691
9939
  display: inline-flex;
9692
9940
  align-items: center;
9693
9941
  }
9694
9942
 
9943
+ .pf-v6-c-button--hamburger-icon path {
9944
+ fill: none;
9945
+ stroke: currentcolor;
9946
+ stroke-linecap: round;
9947
+ stroke-linejoin: round;
9948
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
9949
+ }
9950
+
9951
+ .pf-v6-c-button--hamburger-icon--top {
9952
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
9953
+ }
9954
+
9955
+ .pf-v6-c-button--hamburger-icon--middle {
9956
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
9957
+ }
9958
+
9959
+ .pf-v6-c-button--hamburger-icon--arrow {
9960
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
9961
+ }
9962
+
9963
+ .pf-v6-c-button--hamburger-icon--bottom {
9964
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
9965
+ }
9966
+
9695
9967
  @keyframes pf-v6-c-button-icon-notify {
9696
9968
  33% {
9697
9969
  transform: rotate(30deg);
@@ -9702,7 +9974,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9702
9974
  }
9703
9975
  @keyframes pf-v6-c-button-icon-favorited {
9704
9976
  50% {
9705
- transform: scale(1.5);
9977
+ scale: 1.5;
9706
9978
  }
9707
9979
  }
9708
9980
  .pf-v6-c-calendar-month {
@@ -11487,8 +11759,8 @@ ul) {
11487
11759
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11488
11760
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11489
11761
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
11490
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11491
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11762
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11763
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11492
11764
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11493
11765
  }
11494
11766
  @media screen and (min-width: 36rem) {
@@ -12225,6 +12497,17 @@ ul) {
12225
12497
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12226
12498
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12227
12499
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
12500
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
12501
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
12502
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
12503
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
12504
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
12505
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
12506
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12507
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
12508
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
12509
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
12510
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
12228
12511
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12229
12512
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12230
12513
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12262,6 +12545,13 @@ ul) {
12262
12545
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12263
12546
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12264
12547
  }
12548
+ @media screen and (prefers-reduced-motion: no-preference) {
12549
+ .pf-v6-c-dual-list-selector {
12550
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12551
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12552
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
12553
+ }
12554
+ }
12265
12555
 
12266
12556
  .pf-v6-c-dual-list-selector {
12267
12557
  display: grid;
@@ -12357,9 +12647,27 @@ ul) {
12357
12647
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12358
12648
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12359
12649
  }
12650
+ .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
12651
+ max-height: 0;
12652
+ visibility: hidden;
12653
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
12654
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
12655
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
12656
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
12657
+ transition-property: opacity, translate, visibility, max-height;
12658
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
12659
+ }
12360
12660
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12361
12661
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
12362
12662
  }
12663
+ .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
12664
+ max-height: 99999px;
12665
+ visibility: revert;
12666
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12667
+ transition-delay: 0s;
12668
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
12669
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
12670
+ }
12363
12671
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12364
12672
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12365
12673
  --pf-v6-c-dual-list-selector__item-toggle-icon--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
@@ -13895,6 +14203,20 @@ ul) {
13895
14203
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13896
14204
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13897
14205
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
14206
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
14207
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14208
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
14209
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14210
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
14211
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
14212
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14213
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
14214
+ --pf-v6-c-expandable-section__content--Opacity: 0;
14215
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14216
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
14217
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
14218
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
14219
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13898
14220
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13899
14221
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13900
14222
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13906,20 +14228,55 @@ ul) {
13906
14228
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13907
14229
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13908
14230
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14231
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13909
14232
  --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
13910
14233
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13911
14234
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13912
14235
  }
14236
+ @media screen and (prefers-reduced-motion: no-preference) {
14237
+ .pf-v6-c-expandable-section {
14238
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14239
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14240
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14241
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
14242
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
14243
+ }
14244
+ }
13913
14245
 
13914
14246
  .pf-v6-c-expandable-section {
13915
14247
  display: flex;
13916
14248
  flex-direction: column;
13917
- gap: var(--pf-v6-c-expandable-section--Gap);
14249
+ gap: 0;
14250
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14251
+ transition-duration: 0s;
14252
+ transition-property: gap, padding-block-end;
13918
14253
  }
13919
14254
  .pf-v6-c-expandable-section.pf-m-expanded {
13920
14255
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13921
14256
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
13922
14257
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
14258
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
14259
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14260
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14261
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14262
+ --pf-v6-c-expandable-section__content--Visibility: auto;
14263
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14264
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14265
+ gap: var(--pf-v6-c-expandable-section--Gap);
14266
+ }
14267
+ .pf-v6-c-expandable-section.pf-m-expand-top {
14268
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
14269
+ }
14270
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom) {
14271
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14272
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: 0s;
14273
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: 0s;
14274
+ }
14275
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded) {
14276
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY);
14277
+ }
14278
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded) {
14279
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY);
13923
14280
  }
13924
14281
  .pf-v6-c-expandable-section.pf-m-limit-width {
13925
14282
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13966,6 +14323,19 @@ ul) {
13966
14323
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13967
14324
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13968
14325
  }
14326
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14327
+ display: revert;
14328
+ }
14329
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14330
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14331
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14332
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14333
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14334
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14335
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14336
+ transition-property: opacity, translate, visibility, max-height;
14337
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14338
+ }
13969
14339
 
13970
14340
  .pf-v6-c-file-upload {
13971
14341
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13975,9 +14345,9 @@ ul) {
13975
14345
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13976
14346
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
13977
14347
  --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
13978
- --pf-v6-c-file-upload--BorderColor: transparent;
13979
- --pf-v6-c-file-upload--BorderStyle: solid;
13980
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
14348
+ --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
14349
+ --pf-v6-c-file-upload--BorderStyle: dashed;
14350
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
13981
14351
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
13982
14352
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
13983
14353
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -14077,7 +14447,7 @@ ul) {
14077
14447
  --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
14078
14448
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
14079
14449
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14080
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
14450
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14081
14451
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
14082
14452
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
14083
14453
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -14097,6 +14467,8 @@ ul) {
14097
14467
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
14098
14468
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
14099
14469
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14470
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14471
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14100
14472
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14101
14473
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14102
14474
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -14104,6 +14476,19 @@ ul) {
14104
14476
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
14105
14477
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
14106
14478
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
14479
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
14480
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
14481
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
14482
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14483
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
14484
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14485
+ }
14486
+ @media screen and (prefers-reduced-motion: no-preference) {
14487
+ .pf-v6-c-form {
14488
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14489
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14490
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
14491
+ }
14107
14492
  }
14108
14493
 
14109
14494
  .pf-v6-c-form {
@@ -14460,6 +14845,16 @@ ul) {
14460
14845
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
14461
14846
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14462
14847
  }
14848
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14849
+ max-height: 99999px;
14850
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14851
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14852
+ visibility: visible;
14853
+ opacity: 1;
14854
+ transition-delay: 0s;
14855
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
14856
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
14857
+ }
14463
14858
 
14464
14859
  .pf-v6-c-form__field-group-toggle {
14465
14860
  grid-row: 1/2;
@@ -14518,6 +14913,8 @@ ul) {
14518
14913
  }
14519
14914
 
14520
14915
  .pf-v6-c-form__field-group-header-actions {
14916
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14917
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14521
14918
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14522
14919
  white-space: nowrap;
14523
14920
  }
@@ -14529,6 +14926,18 @@ ul) {
14529
14926
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14530
14927
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14531
14928
  }
14929
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14930
+ max-height: 0;
14931
+ padding-block-start: 0;
14932
+ padding-block-end: 0;
14933
+ visibility: hidden;
14934
+ opacity: 0;
14935
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
14936
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
14937
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
14938
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
14939
+ }
14940
+
14532
14941
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
14533
14942
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
14534
14943
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -14765,6 +15174,22 @@ ul) {
14765
15174
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14766
15175
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14767
15176
  }
15177
+ @media (prefers-reduced-motion: no-preference) {
15178
+ .pf-v6-c-form-control.pf-m-error {
15179
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
15180
+ animation-name: pf-v6-global-danger-jiggle-motion;
15181
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
15182
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
15183
+ animation-fill-mode: both;
15184
+ }
15185
+ }
15186
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
15187
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
15188
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
15189
+ animation-name: pf-v6-global-fade-in;
15190
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
15191
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
15192
+ }
14768
15193
  .pf-v6-c-form-control.pf-m-error > textarea {
14769
15194
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14770
15195
  }
@@ -15414,6 +15839,30 @@ ul) {
15414
15839
  --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
15415
15840
  --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
15416
15841
  --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15842
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15843
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15844
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15845
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15846
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15847
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade);
15848
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide);
15849
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15850
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start: 100%;
15851
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end: 0;
15852
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end);
15853
+ --pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction:var(--pf-t--global--motion--timing-function--default);
15854
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade: 0s;
15855
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade: 0s;
15856
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade);
15857
+ --pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15858
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15859
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15860
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade);
15861
+ }
15862
+ @media (prefers-reduced-motion: no-preference) {
15863
+ .pf-v6-c-input-group {
15864
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: .7;
15865
+ }
15417
15866
  }
15418
15867
 
15419
15868
  .pf-v6-c-input-group {
@@ -15421,6 +15870,62 @@ ul) {
15421
15870
  gap: var(--pf-v6-c-input-group--Gap);
15422
15871
  width: 100%;
15423
15872
  }
15873
+ .pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded) {
15874
+ --pf-v6-c-input-group--Gap: 0;
15875
+ transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
15876
+ }
15877
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
15878
+ flex-grow: 1;
15879
+ max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
15880
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
15881
+ opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
15882
+ transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
15883
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
15884
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
15885
+ transition-property: opacity, scale, visibility, max-width;
15886
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
15887
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
15888
+ }
15889
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
15890
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
15891
+ visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
15892
+ opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
15893
+ transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
15894
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
15895
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade), 0s, 0s;
15896
+ transition-property: opacity, visibility, max-width;
15897
+ }
15898
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
15899
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
15900
+ visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
15901
+ opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
15902
+ transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
15903
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
15904
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), 0s, 0s;
15905
+ transition-property: opacity, visibility, max-width;
15906
+ }
15907
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start {
15908
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start);
15909
+ }
15910
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded {
15911
+ --pf-v6-c-input-group__item--m-search-text-input--MaxWidth: 100%;
15912
+ --pf-v6-c-input-group__item--m-search-text-input--Visibility: visible;
15913
+ --pf-v6-c-input-group__item--m-search-text-input--Opacity: 1;
15914
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade);
15915
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide);
15916
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15917
+ --pf-v6-c-input-group__item--m-search-action--MaxWidth: 100%;
15918
+ --pf-v6-c-input-group__item--m-search-action--Visibility: visible;
15919
+ --pf-v6-c-input-group__item--m-search-action--Opacity: 1;
15920
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade);
15921
+ --pf-v6-c-input-group__item--m-search-expand--MaxWidth: 0;
15922
+ --pf-v6-c-input-group__item--m-search-expand--Visibility: hidden;
15923
+ --pf-v6-c-input-group__item--m-search-expand--Opacity: 0;
15924
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade);
15925
+ }
15926
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded .pf-v6-c-input-group__item:is(.pf-m-search-input, .pf-m-search-expand, .pf-m-search-action) {
15927
+ transition-delay: 0s;
15928
+ }
15424
15929
 
15425
15930
  .pf-v6-c-input-group__item {
15426
15931
  position: relative;
@@ -17233,7 +17738,7 @@ ul.pf-v6-c-list {
17233
17738
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17234
17739
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17235
17740
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
17236
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17741
+ --pf-v6-c-menu--TransitionDuration: 0s;
17237
17742
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17238
17743
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17239
17744
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17306,14 +17811,34 @@ ul.pf-v6-c-list {
17306
17811
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
17307
17812
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17308
17813
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17309
- --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17814
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17310
17815
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
17311
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17816
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17312
17817
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
17313
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17818
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17314
17819
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17315
17820
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
17316
17821
  }
17822
+ @media (prefers-reduced-motion: no-preference) {
17823
+ .pf-v6-c-menu {
17824
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17825
+ }
17826
+ }
17827
+ @media (prefers-reduced-motion: no-preference) {
17828
+ .pf-v6-c-menu {
17829
+ --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17830
+ }
17831
+ }
17832
+ @media (prefers-reduced-motion: no-preference) {
17833
+ .pf-v6-c-menu {
17834
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17835
+ }
17836
+ }
17837
+ @media (prefers-reduced-motion: no-preference) {
17838
+ .pf-v6-c-menu {
17839
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17840
+ }
17841
+ }
17317
17842
 
17318
17843
  .pf-v6-c-menu__content,
17319
17844
  .pf-v6-c-menu__list-item,
@@ -17847,6 +18372,14 @@ ul.pf-v6-c-list {
17847
18372
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17848
18373
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17849
18374
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
18375
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
18376
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
18377
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
18378
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
18379
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
18380
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
18381
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
18382
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
17850
18383
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17851
18384
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17852
18385
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -17944,6 +18477,11 @@ ul.pf-v6-c-list {
17944
18477
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17945
18478
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17946
18479
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
18480
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18481
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
18482
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18483
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18484
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
17947
18485
  }
17948
18486
 
17949
18487
  .pf-v6-c-menu-toggle {
@@ -18057,6 +18595,10 @@ ul.pf-v6-c-list {
18057
18595
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
18058
18596
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
18059
18597
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
18598
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
18599
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
18600
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
18601
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
18060
18602
  }
18061
18603
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
18062
18604
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -18112,6 +18654,15 @@ ul.pf-v6-c-list {
18112
18654
  opacity: 1;
18113
18655
  }
18114
18656
  }
18657
+ .pf-v6-c-menu-toggle.pf-m-settings {
18658
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
18659
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
18660
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
18661
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
18662
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
18663
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
18664
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
18665
+ }
18115
18666
  .pf-v6-c-menu-toggle.pf-m-placeholder {
18116
18667
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
18117
18668
  }
@@ -18273,6 +18824,10 @@ ul.pf-v6-c-list {
18273
18824
 
18274
18825
  .pf-v6-c-menu-toggle__icon {
18275
18826
  flex-shrink: 0;
18827
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
18828
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
18829
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
18830
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
18276
18831
  }
18277
18832
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
18278
18833
  vertical-align: middle;
@@ -18764,9 +19319,13 @@ ul.pf-v6-c-list {
18764
19319
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18765
19320
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18766
19321
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18767
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18768
- --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
19322
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
19323
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
19324
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
19325
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
18769
19326
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
19327
+ --pf-v6-c-nav__subnav--TranslateY: 0;
19328
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
18770
19329
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18771
19330
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18772
19331
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18795,6 +19354,13 @@ ul.pf-v6-c-list {
18795
19354
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18796
19355
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18797
19356
  }
19357
+ @media screen and (prefers-reduced-motion: no-preference) {
19358
+ .pf-v6-c-nav {
19359
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
19360
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
19361
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
19362
+ }
19363
+ }
18798
19364
 
18799
19365
  .pf-v6-c-nav,
18800
19366
  .pf-v6-c-nav__section,
@@ -18865,24 +19431,27 @@ ul.pf-v6-c-list {
18865
19431
 
18866
19432
  .pf-v6-c-nav__subnav {
18867
19433
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18868
- grid-template-rows: 1fr;
18869
- min-height: 0;
19434
+ max-height: 99999px;
18870
19435
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18871
19436
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18872
19437
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18873
19438
  overflow-y: clip;
18874
- transition-delay: 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
19439
+ visibility: visible;
19440
+ transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
18875
19441
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18876
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18877
- transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
19442
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
19443
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
19444
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
18878
19445
  }
18879
19446
  .pf-v6-c-nav__subnav[hidden] {
18880
19447
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18881
19448
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
19449
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
18882
19450
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18883
19451
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19452
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18884
19453
  display: grid;
18885
- grid-template-rows: 0fr;
19454
+ max-height: 0;
18886
19455
  visibility: hidden;
18887
19456
  opacity: 0;
18888
19457
  }
@@ -19372,9 +19941,13 @@ ul.pf-v6-c-list {
19372
19941
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19373
19942
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19374
19943
  --pf-v6-c-page__sidebar--BoxShadow: none;
19375
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19376
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19944
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
19945
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19946
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19377
19947
  --pf-v6-c-page__sidebar--TranslateX: -100%;
19948
+ --pf-v6-c-page__sidebar--Opacity: 0;
19949
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
19950
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
19378
19951
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19379
19952
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19380
19953
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19452,9 +20025,17 @@ ul.pf-v6-c-list {
19452
20025
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19453
20026
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19454
20027
  }
20028
+ @media screen and (prefers-reduced-motion: no-preference) {
20029
+ .pf-v6-c-page {
20030
+ --pf-v6-c-page__sidebar--Opacity: 1;
20031
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
20032
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
20033
+ }
20034
+ }
19455
20035
  @media screen and (min-width: 75rem) {
19456
20036
  .pf-v6-c-page {
19457
20037
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
20038
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
19458
20039
  }
19459
20040
  }
19460
20041
 
@@ -19475,6 +20056,51 @@ ul.pf-v6-c-list {
19475
20056
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19476
20057
  }
19477
20058
  }
20059
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20060
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20061
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20062
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20063
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20064
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20065
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20066
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20067
+ }
20068
+ .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
20069
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20070
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20071
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20072
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20073
+ --pf-v6-c-button__icon--ScaleX: 1;
20074
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20075
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
20076
+ }
20077
+ @media (min-width: 75rem) {
20078
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
20079
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
20080
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
20081
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
20082
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
20083
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
20084
+ }
20085
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20086
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20087
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20088
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20089
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20090
+ --pf-v6-c-button__icon--ScaleX: 1;
20091
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20092
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
20093
+ }
20094
+ .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
20095
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
20096
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
20097
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20098
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20099
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20100
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20101
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20102
+ }
20103
+ }
19478
20104
 
19479
20105
  .pf-v6-c-page > .pf-v6-c-masthead {
19480
20106
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19503,7 +20129,8 @@ ul.pf-v6-c-list {
19503
20129
  overflow-y: auto;
19504
20130
  -webkit-overflow-scrolling: touch;
19505
20131
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
19506
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
20132
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
20133
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19507
20134
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19508
20135
  }
19509
20136
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19512,6 +20139,7 @@ ul.pf-v6-c-list {
19512
20139
 
19513
20140
  .pf-v6-c-page__sidebar.pf-m-expanded {
19514
20141
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
20142
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
19515
20143
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19516
20144
  }
19517
20145
  @media screen and (min-width: 75rem) {
@@ -20772,6 +21400,22 @@ ul.pf-v6-c-list {
20772
21400
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20773
21401
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20774
21402
  }
21403
+ @media (prefers-reduced-motion: no-preference) {
21404
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
21405
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
21406
+ animation-name: pf-v6-global-danger-jiggle-motion;
21407
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
21408
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
21409
+ animation-fill-mode: both;
21410
+ }
21411
+ }
21412
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
21413
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
21414
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
21415
+ animation-name: pf-v6-global-fade-in;
21416
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
21417
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
21418
+ }
20775
21419
 
20776
21420
  .pf-v6-c-progress__description {
20777
21421
  grid-column: 1/2;
@@ -22369,6 +23013,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22369
23013
  --pf-v6-c-spinner--StrokeWidth: 10;
22370
23014
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22371
23015
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
23016
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22372
23017
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22373
23018
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22374
23019
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22385,6 +23030,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22385
23030
  .pf-v6-c-spinner.pf-m-inline {
22386
23031
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22387
23032
  }
23033
+ .pf-v6-c-spinner.pf-m-xs {
23034
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
23035
+ --pf-v6-c-spinner--StrokeWidth: 15;
23036
+ }
22388
23037
  .pf-v6-c-spinner.pf-m-sm {
22389
23038
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22390
23039
  }
@@ -22666,6 +23315,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22666
23315
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22667
23316
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22668
23317
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
23318
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22669
23319
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22670
23320
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22671
23321
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22729,6 +23379,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22729
23379
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22730
23380
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22731
23381
  }
23382
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23383
+ --pf-v6-c-table__expandable-row--Display: block;
23384
+ }
23385
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
23386
+ content: none;
23387
+ }
22732
23388
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
22733
23389
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22734
23390
  }
@@ -22785,12 +23441,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22785
23441
  grid-template-columns: 1fr minmax(0, 1.5fr);
22786
23442
  align-items: start;
22787
23443
  }
23444
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23445
+ align-items: center;
23446
+ }
22788
23447
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22789
23448
  grid-column: 2;
22790
23449
  }
22791
23450
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22792
23451
  position: revert;
22793
- font-weight: bold;
23452
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22794
23453
  text-align: start;
22795
23454
  content: attr(data-label);
22796
23455
  }
@@ -23029,6 +23688,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23029
23688
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23030
23689
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23031
23690
  }
23691
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23692
+ --pf-v6-c-table__expandable-row--Display: block;
23693
+ }
23694
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
23695
+ content: none;
23696
+ }
23032
23697
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23033
23698
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23034
23699
  }
@@ -23085,12 +23750,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23085
23750
  grid-template-columns: 1fr minmax(0, 1.5fr);
23086
23751
  align-items: start;
23087
23752
  }
23753
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23754
+ align-items: center;
23755
+ }
23088
23756
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23089
23757
  grid-column: 2;
23090
23758
  }
23091
23759
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23092
23760
  position: revert;
23093
- font-weight: bold;
23761
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23094
23762
  text-align: start;
23095
23763
  content: attr(data-label);
23096
23764
  }
@@ -23332,6 +24000,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23332
24000
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23333
24001
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23334
24002
  }
24003
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
24004
+ --pf-v6-c-table__expandable-row--Display: block;
24005
+ }
24006
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24007
+ content: none;
24008
+ }
23335
24009
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23336
24010
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23337
24011
  }
@@ -23388,12 +24062,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23388
24062
  grid-template-columns: 1fr minmax(0, 1.5fr);
23389
24063
  align-items: start;
23390
24064
  }
24065
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24066
+ align-items: center;
24067
+ }
23391
24068
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23392
24069
  grid-column: 2;
23393
24070
  }
23394
24071
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23395
24072
  position: revert;
23396
- font-weight: bold;
24073
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23397
24074
  text-align: start;
23398
24075
  content: attr(data-label);
23399
24076
  }
@@ -23635,6 +24312,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23635
24312
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23636
24313
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23637
24314
  }
24315
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24316
+ --pf-v6-c-table__expandable-row--Display: block;
24317
+ }
24318
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24319
+ content: none;
24320
+ }
23638
24321
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
23639
24322
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23640
24323
  }
@@ -23691,12 +24374,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23691
24374
  grid-template-columns: 1fr minmax(0, 1.5fr);
23692
24375
  align-items: start;
23693
24376
  }
24377
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24378
+ align-items: center;
24379
+ }
23694
24380
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23695
24381
  grid-column: 2;
23696
24382
  }
23697
24383
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23698
24384
  position: revert;
23699
- font-weight: bold;
24385
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23700
24386
  text-align: start;
23701
24387
  content: attr(data-label);
23702
24388
  }
@@ -23938,6 +24624,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23938
24624
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23939
24625
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23940
24626
  }
24627
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24628
+ --pf-v6-c-table__expandable-row--Display: block;
24629
+ }
24630
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24631
+ content: none;
24632
+ }
23941
24633
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
23942
24634
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23943
24635
  }
@@ -23994,12 +24686,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23994
24686
  grid-template-columns: 1fr minmax(0, 1.5fr);
23995
24687
  align-items: start;
23996
24688
  }
24689
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24690
+ align-items: center;
24691
+ }
23997
24692
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23998
24693
  grid-column: 2;
23999
24694
  }
24000
24695
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
24001
24696
  position: revert;
24002
- font-weight: bold;
24697
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24003
24698
  text-align: start;
24004
24699
  content: attr(data-label);
24005
24700
  }
@@ -24213,7 +24908,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24213
24908
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
24214
24909
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
24215
24910
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
24216
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24911
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24912
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24217
24913
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24218
24914
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24219
24915
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -24277,6 +24973,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24277
24973
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24278
24974
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24279
24975
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24976
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24977
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24978
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24979
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24980
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24981
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24982
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24983
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24984
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24280
24985
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24281
24986
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24282
24987
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24312,6 +25017,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24312
25017
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24313
25018
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24314
25019
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25020
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25021
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25022
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
25023
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24315
25024
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24316
25025
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24317
25026
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -24337,6 +25046,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24337
25046
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24338
25047
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24339
25048
  }
25049
+ @media screen and (prefers-reduced-motion: no-preference) {
25050
+ .pf-v6-c-table {
25051
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
25052
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
25053
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
25054
+ }
25055
+ }
24340
25056
 
24341
25057
  .pf-v6-c-table {
24342
25058
  width: 100%;
@@ -24533,6 +25249,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24533
25249
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
24534
25250
  overflow-wrap: break-word;
24535
25251
  }
25252
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
25253
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
25254
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
25255
+ }
24536
25256
  .pf-v6-c-table .pf-v6-c-table__sort {
24537
25257
  min-width: var(--pf-v6-c-table__sort--MinWidth);
24538
25258
  }
@@ -24601,6 +25321,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24601
25321
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24602
25322
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24603
25323
  }
25324
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
25325
+ border-block-end: 0;
25326
+ }
25327
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25328
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25329
+ visibility: hidden;
25330
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25331
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25332
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25333
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
25334
+ transition-property: opacity, translate, visibility, background-color;
25335
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25336
+ }
25337
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25338
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25339
+ }
25340
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25341
+ visibility: visible;
25342
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25343
+ transition-delay: 0s;
25344
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25345
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25346
+ }
25347
+ .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 {
25348
+ max-height: 99999px;
25349
+ }
25350
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25351
+ .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 {
25352
+ padding: 0;
25353
+ overflow: hidden;
25354
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25355
+ transition-property: padding, max-height, overflow;
25356
+ }
25357
+ .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 {
25358
+ max-height: 0;
25359
+ }
25360
+ .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) {
25361
+ border-block-end: 0;
25362
+ }
25363
+ .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 {
25364
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25365
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25366
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
25367
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
25368
+ }
24604
25369
 
24605
25370
  [class*=pf-v6-c-table].pf-m-truncate {
24606
25371
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24747,6 +25512,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24747
25512
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
24748
25513
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
24749
25514
  }
25515
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
25516
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
25517
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
25518
+ line-height: 1lh;
25519
+ }
25520
+
24750
25521
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
24751
25522
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24752
25523
  }
@@ -24869,6 +25640,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24869
25640
  align-self: last baseline;
24870
25641
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24871
25642
  }
25643
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
25644
+ line-height: 1lh;
25645
+ }
24872
25646
 
24873
25647
  .pf-v6-c-table__sort {
24874
25648
  vertical-align: bottom;
@@ -24910,7 +25684,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24910
25684
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24911
25685
  padding-block-start: 0;
24912
25686
  }
24913
-
25687
+ .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) {
25688
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25689
+ }
24914
25690
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24915
25691
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
24916
25692
  padding-block-start: 0;
@@ -24921,6 +25697,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24921
25697
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24922
25698
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24923
25699
  padding: 0;
25700
+ border-radius: 0;
24924
25701
  }
24925
25702
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24926
25703
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24930,6 +25707,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24930
25707
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24931
25708
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24932
25709
  }
25710
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25711
+ background-color: transparent;
25712
+ }
24933
25713
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24934
25714
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24935
25715
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24961,6 +25741,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24961
25741
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
24962
25742
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
24963
25743
  }
25744
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
25745
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
25746
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
25747
+ }
24964
25748
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
24965
25749
  width: auto;
24966
25750
  min-width: 0;
@@ -24969,6 +25753,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24969
25753
 
24970
25754
  .pf-v6-c-table__thead {
24971
25755
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
25756
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
24972
25757
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
24973
25758
  vertical-align: bottom;
24974
25759
  }
@@ -24998,6 +25783,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24998
25783
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24999
25784
  border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
25000
25785
  }
25786
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
25787
+ border-block-end: 0;
25788
+ }
25001
25789
 
25002
25790
  .pf-v6-c-table__tr {
25003
25791
  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
@@ -26055,25 +26843,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26055
26843
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26056
26844
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26057
26845
  --pf-v6-c-tabs--link-accent--start: 0;
26058
- --pf-v6-c-tabs--link-accent--length: auto;
26846
+ --pf-v6-c-tabs--link-accent--length: 0;
26059
26847
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26060
26848
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26849
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26850
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26061
26851
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26062
26852
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26063
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26853
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
26064
26854
  --pf-v6-c-tabs--link-accent--Width: initial;
26065
26855
  --pf-v6-c-tabs--link-accent--Height: 0;
26066
26856
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26067
26857
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26068
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26858
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26859
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26860
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26861
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
26069
26862
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
26070
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
26071
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
26072
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
26073
26863
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26074
26864
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26075
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26076
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26865
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26866
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26867
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
26077
26868
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26078
26869
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26079
26870
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26233,11 +27024,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26233
27024
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26234
27025
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26235
27026
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26236
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26237
27027
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26238
27028
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26239
27029
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26240
27030
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
27031
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
27032
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
27033
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26241
27034
  display: inline-flex;
26242
27035
  flex-direction: column;
26243
27036
  height: 100%;
@@ -26814,15 +27607,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26814
27607
  }
26815
27608
 
26816
27609
  @media (prefers-reduced-motion: no-preference) {
26817
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26818
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
27610
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27611
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26819
27612
  content: revert;
26820
27613
  }
26821
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27614
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26822
27615
  position: absolute;
26823
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27616
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26824
27617
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26825
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
27618
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26826
27619
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26827
27620
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26828
27621
  content: "";
@@ -26831,7 +27624,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26831
27624
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26832
27625
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26833
27626
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26834
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
27627
+ transition-property: width, height, translate;
27628
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27629
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27630
+ }
27631
+ :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 {
27632
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26835
27633
  }
26836
27634
  .pf-v6-c-tabs.pf-m-initializing-accent {
26837
27635
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26870,6 +27668,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26870
27668
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
26871
27669
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
26872
27670
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
27671
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
26873
27672
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
26874
27673
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
26875
27674
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -26916,6 +27715,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26916
27715
  }
26917
27716
  .pf-v6-c-text-input-group.pf-m-disabled {
26918
27717
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27718
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27719
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
26919
27720
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
26920
27721
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
26921
27722
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -26942,6 +27743,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26942
27743
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26943
27744
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
26944
27745
  }
27746
+ @media (prefers-reduced-motion: no-preference) {
27747
+ .pf-v6-c-text-input-group.pf-m-error {
27748
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
27749
+ animation-name: pf-v6-global-danger-jiggle-motion;
27750
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
27751
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
27752
+ animation-fill-mode: both;
27753
+ }
27754
+ }
27755
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
27756
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
27757
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
27758
+ animation-name: pf-v6-global-fade-in;
27759
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
27760
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
27761
+ }
26945
27762
  .pf-v6-c-text-input-group:hover {
26946
27763
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26947
27764
  }
@@ -27010,6 +27827,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27010
27827
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
27011
27828
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
27012
27829
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
27830
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
27013
27831
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
27014
27832
  border: 0;
27015
27833
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -27173,6 +27991,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27173
27991
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27174
27992
  }
27175
27993
 
27994
+ .pf-v6-c-timestamp__text {
27995
+ text-decoration: inherit;
27996
+ }
27997
+
27176
27998
  .pf-v6-c-title {
27177
27999
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27178
28000
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29447,6 +30269,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29447
30269
  grid-auto-flow: column;
29448
30270
  align-items: baseline;
29449
30271
  min-width: var(--pf-v6-c-truncate--MinWidth);
30272
+ text-decoration: inherit;
29450
30273
  }
29451
30274
  .pf-v6-c-truncate.pf-m-fixed {
29452
30275
  display: inline;
@@ -29543,6 +30366,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29543
30366
  --pf-v6-c-tree-view__node-container--Display: contents;
29544
30367
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29545
30368
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30369
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30370
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30371
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30372
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30373
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30374
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30375
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30376
+ --pf-v6-c-tree-view__list--Opacity: 0;
30377
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30378
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30379
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29546
30380
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29547
30381
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29548
30382
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29558,6 +30392,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29558
30392
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29559
30393
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29560
30394
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30395
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30396
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29561
30397
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29562
30398
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29563
30399
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29633,6 +30469,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29633
30469
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29634
30470
  --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);
29635
30471
  }
30472
+ @media screen and (prefers-reduced-motion: no-preference) {
30473
+ .pf-v6-c-tree-view {
30474
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30475
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30476
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30477
+ }
30478
+ }
29636
30479
 
29637
30480
  .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 {
29638
30481
  position: relative;
@@ -29748,12 +30591,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29748
30591
  display: inline-block;
29749
30592
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29750
30593
  text-align: center;
30594
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29751
30595
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29752
30596
  }
29753
30597
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29754
30598
  scale: -1 1;
29755
30599
  }
29756
30600
 
30601
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30602
+ max-height: 0;
30603
+ visibility: hidden;
30604
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30605
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30606
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30607
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30608
+ transition-property: opacity, translate, visibility, max-height;
30609
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30610
+ }
29757
30611
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29758
30612
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29759
30613
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29762,6 +30616,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29762
30616
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29763
30617
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29764
30618
  }
30619
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30620
+ max-height: 99999px;
30621
+ visibility: revert;
30622
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30623
+ transition-delay: 0s;
30624
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30625
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30626
+ }
29765
30627
 
29766
30628
  .pf-v6-c-tree-view__node,
29767
30629
  .pf-v6-c-tree-view__node-container {