@patternfly/patternfly 6.3.0-prerelease.4 → 6.3.0-prerelease.40

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 (120) hide show
  1. package/README.md +1 -1
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/patternfly-common.css +46 -11
  6. package/base/patternfly-common.scss +58 -13
  7. package/components/Accordion/accordion.css +72 -3
  8. package/components/Accordion/accordion.scss +78 -6
  9. package/components/Alert/alert-group.css +52 -31
  10. package/components/Alert/alert-group.scss +77 -46
  11. package/components/Button/button.css +154 -6
  12. package/components/Button/button.scss +160 -8
  13. package/components/CodeEditor/code-editor.css +3 -0
  14. package/components/CodeEditor/code-editor.scss +3 -1
  15. package/components/DataList/data-list.css +2 -2
  16. package/components/DataList/data-list.scss +2 -2
  17. package/components/DualListSelector/dual-list-selector.css +36 -0
  18. package/components/DualListSelector/dual-list-selector.scss +43 -0
  19. package/components/ExpandableSection/expandable-section.css +63 -1
  20. package/components/ExpandableSection/expandable-section.scss +76 -2
  21. package/components/FileUpload/file-upload.css +3 -3
  22. package/components/FileUpload/file-upload.scss +3 -3
  23. package/components/Form/form.css +40 -1
  24. package/components/Form/form.scss +47 -1
  25. package/components/FormControl/form-control.css +16 -0
  26. package/components/FormControl/form-control.scss +9 -0
  27. package/components/InputGroup/input-group.css +80 -0
  28. package/components/InputGroup/input-group.scss +95 -0
  29. package/components/Menu/menu.css +24 -4
  30. package/components/Menu/menu.scss +20 -5
  31. package/components/MenuToggle/menu-toggle.css +38 -4
  32. package/components/MenuToggle/menu-toggle.scss +48 -3
  33. package/components/Nav/nav.css +22 -8
  34. package/components/Nav/nav.scss +22 -9
  35. package/components/Page/page.css +66 -6
  36. package/components/Page/page.scss +48 -5
  37. package/components/Progress/progress.css +16 -0
  38. package/components/Progress/progress.scss +11 -1
  39. package/components/ProgressStepper/progress-stepper.scss +1 -0
  40. package/components/Skeleton/skeleton.css +22 -2
  41. package/components/Skeleton/skeleton.scss +25 -3
  42. package/components/Spinner/spinner.css +5 -0
  43. package/components/Spinner/spinner.scss +6 -0
  44. package/components/Table/table-grid.css +51 -5
  45. package/components/Table/table-grid.scss +22 -1
  46. package/components/Table/table.css +83 -1
  47. package/components/Table/table.scss +123 -1
  48. package/components/Tabs/tabs.css +25 -15
  49. package/components/Tabs/tabs.scss +26 -13
  50. package/components/TextInputGroup/text-input-group.css +16 -0
  51. package/components/TextInputGroup/text-input-group.scss +8 -0
  52. package/components/Timestamp/timestamp.css +4 -0
  53. package/components/Timestamp/timestamp.scss +7 -0
  54. package/components/TreeView/tree-view.css +39 -0
  55. package/components/TreeView/tree-view.scss +42 -2
  56. package/components/Truncate/truncate.css +1 -0
  57. package/components/Truncate/truncate.scss +3 -0
  58. package/components/_index.css +933 -92
  59. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  60. package/docs/components/Button/examples/Button.md +161 -6
  61. package/docs/components/Card/examples/Card.md +8 -8
  62. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  63. package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
  64. package/docs/components/DataList/examples/DataList.md +23 -23
  65. package/docs/components/Divider/examples/Divider.md +1 -1
  66. package/docs/components/Drawer/examples/Drawer.md +4 -0
  67. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  68. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  69. package/docs/components/Form/examples/Form.md +1179 -114
  70. package/docs/components/Hint/examples/Hint.md +3 -3
  71. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  72. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  73. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  74. package/docs/components/Masthead/examples/masthead.md +90 -12
  75. package/docs/components/Menu/examples/Menu.md +122 -6
  76. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  77. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  78. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  79. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  80. package/docs/components/Page/examples/Page.md +148 -14
  81. package/docs/components/Pagination/examples/Pagination.md +12 -12
  82. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  83. package/docs/components/Slider/examples/Slider.md +2 -2
  84. package/docs/components/Spinner/examples/Spinner.md +10 -0
  85. package/docs/components/Table/examples/Table.md +9457 -6178
  86. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  87. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  88. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  89. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  90. package/docs/demos/Alert/examples/Alert.md +66 -9
  91. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  92. package/docs/demos/Banner/examples/Banner.md +47 -6
  93. package/docs/demos/Card/examples/Card.md +5 -62
  94. package/docs/demos/CardView/examples/CardView.md +24 -5
  95. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  96. package/docs/demos/DataList/examples/DataList.md +100 -24
  97. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  98. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  99. package/docs/demos/Form/examples/BasicForms.md +142 -22
  100. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  101. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  102. package/docs/demos/Modal/examples/Modal.md +171 -21
  103. package/docs/demos/Nav/examples/Nav.md +113 -18
  104. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  105. package/docs/demos/Page/examples/Page.md +661 -40
  106. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  107. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  108. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  109. package/docs/demos/Table/examples/Table.md +516 -178
  110. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  111. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  112. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  113. package/package.json +6 -6
  114. package/patternfly-base-no-globals.css +45 -11
  115. package/patternfly-base.css +45 -11
  116. package/patternfly-no-globals.css +978 -103
  117. package/patternfly.css +978 -103
  118. package/patternfly.min.css +1 -1
  119. package/patternfly.min.css.map +1 -1
  120. 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) 1%) 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 {
@@ -10649,6 +10921,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10649
10921
  .pf-v6-c-code-editor__main .monaco-editor {
10650
10922
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10651
10923
  }
10924
+ .pf-v6-c-code-editor__main a.label-name {
10925
+ text-decoration-line: none;
10926
+ }
10652
10927
 
10653
10928
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
10654
10929
  border-block-start-width: 0;
@@ -11484,8 +11759,8 @@ ul) {
11484
11759
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11485
11760
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11486
11761
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
11487
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11488
- --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);
11489
11764
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11490
11765
  }
11491
11766
  @media screen and (min-width: 36rem) {
@@ -12222,6 +12497,17 @@ ul) {
12222
12497
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12223
12498
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12224
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;
12225
12511
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12226
12512
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12227
12513
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12259,6 +12545,13 @@ ul) {
12259
12545
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12260
12546
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12261
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
+ }
12262
12555
 
12263
12556
  .pf-v6-c-dual-list-selector {
12264
12557
  display: grid;
@@ -12354,9 +12647,27 @@ ul) {
12354
12647
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12355
12648
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12356
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
+ }
12357
12660
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12358
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);
12359
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
+ }
12360
12671
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12361
12672
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12362
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);
@@ -13892,6 +14203,20 @@ ul) {
13892
14203
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13893
14204
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13894
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;
13895
14220
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13896
14221
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13897
14222
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13903,20 +14228,55 @@ ul) {
13903
14228
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13904
14229
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13905
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);
13906
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));
13907
14233
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13908
14234
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13909
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
+ }
13910
14245
 
13911
14246
  .pf-v6-c-expandable-section {
13912
14247
  display: flex;
13913
14248
  flex-direction: column;
13914
- 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;
13915
14253
  }
13916
14254
  .pf-v6-c-expandable-section.pf-m-expanded {
13917
14255
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13918
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);
13919
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);
13920
14280
  }
13921
14281
  .pf-v6-c-expandable-section.pf-m-limit-width {
13922
14282
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13963,6 +14323,19 @@ ul) {
13963
14323
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13964
14324
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13965
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
+ }
13966
14339
 
13967
14340
  .pf-v6-c-file-upload {
13968
14341
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13972,9 +14345,9 @@ ul) {
13972
14345
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13973
14346
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
13974
14347
  --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
13975
- --pf-v6-c-file-upload--BorderColor: transparent;
13976
- --pf-v6-c-file-upload--BorderStyle: solid;
13977
- --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);
13978
14351
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
13979
14352
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
13980
14353
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -14074,7 +14447,7 @@ ul) {
14074
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));
14075
14448
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
14076
14449
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14077
- --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);
14078
14451
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
14079
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);
14080
14453
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -14094,6 +14467,8 @@ ul) {
14094
14467
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
14095
14468
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
14096
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);
14097
14472
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14098
14473
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14099
14474
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -14101,6 +14476,19 @@ ul) {
14101
14476
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
14102
14477
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
14103
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
+ }
14104
14492
  }
14105
14493
 
14106
14494
  .pf-v6-c-form {
@@ -14457,6 +14845,16 @@ ul) {
14457
14845
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
14458
14846
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14459
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
+ }
14460
14858
 
14461
14859
  .pf-v6-c-form__field-group-toggle {
14462
14860
  grid-row: 1/2;
@@ -14515,6 +14913,8 @@ ul) {
14515
14913
  }
14516
14914
 
14517
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);
14518
14918
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14519
14919
  white-space: nowrap;
14520
14920
  }
@@ -14526,6 +14926,18 @@ ul) {
14526
14926
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14527
14927
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14528
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
+
14529
14941
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
14530
14942
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
14531
14943
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -14762,6 +15174,22 @@ ul) {
14762
15174
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14763
15175
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14764
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
+ }
14765
15193
  .pf-v6-c-form-control.pf-m-error > textarea {
14766
15194
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14767
15195
  }
@@ -15411,6 +15839,30 @@ ul) {
15411
15839
  --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
15412
15840
  --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
15413
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
+ }
15414
15866
  }
15415
15867
 
15416
15868
  .pf-v6-c-input-group {
@@ -15418,6 +15870,62 @@ ul) {
15418
15870
  gap: var(--pf-v6-c-input-group--Gap);
15419
15871
  width: 100%;
15420
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
+ }
15421
15929
 
15422
15930
  .pf-v6-c-input-group__item {
15423
15931
  position: relative;
@@ -17230,7 +17738,7 @@ ul.pf-v6-c-list {
17230
17738
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17231
17739
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17232
17740
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
17233
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17741
+ --pf-v6-c-menu--TransitionDuration: 0s;
17234
17742
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17235
17743
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17236
17744
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17303,14 +17811,34 @@ ul.pf-v6-c-list {
17303
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));
17304
17812
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17305
17813
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17306
- --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);
17307
17815
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
17308
- --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;
17309
17817
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
17310
- --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;
17311
17819
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17312
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);
17313
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
+ }
17314
17842
 
17315
17843
  .pf-v6-c-menu__content,
17316
17844
  .pf-v6-c-menu__list-item,
@@ -17844,6 +18372,14 @@ ul.pf-v6-c-list {
17844
18372
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17845
18373
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17846
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;
17847
18383
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17848
18384
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17849
18385
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -17941,6 +18477,11 @@ ul.pf-v6-c-list {
17941
18477
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17942
18478
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17943
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;
17944
18485
  }
17945
18486
 
17946
18487
  .pf-v6-c-menu-toggle {
@@ -18054,6 +18595,10 @@ ul.pf-v6-c-list {
18054
18595
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
18055
18596
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
18056
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);
18057
18602
  }
18058
18603
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
18059
18604
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -18109,6 +18654,15 @@ ul.pf-v6-c-list {
18109
18654
  opacity: 1;
18110
18655
  }
18111
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
+ }
18112
18666
  .pf-v6-c-menu-toggle.pf-m-placeholder {
18113
18667
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
18114
18668
  }
@@ -18261,16 +18815,24 @@ ul.pf-v6-c-list {
18261
18815
  flex-wrap: nowrap;
18262
18816
  }
18263
18817
 
18264
- .pf-v6-c-menu-toggle__icon {
18265
- flex-shrink: 0;
18266
- }
18267
18818
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18268
18819
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18269
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18820
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
18270
18821
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18271
18822
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18272
18823
  }
18273
18824
 
18825
+ .pf-v6-c-menu-toggle__icon {
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);
18831
+ }
18832
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18833
+ vertical-align: middle;
18834
+ }
18835
+
18274
18836
  .pf-v6-c-menu-toggle__controls {
18275
18837
  display: flex;
18276
18838
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -18757,9 +19319,13 @@ ul.pf-v6-c-list {
18757
19319
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18758
19320
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18759
19321
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18760
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18761
- --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;
18762
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;
18763
19329
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18764
19330
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18765
19331
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18788,6 +19354,13 @@ ul.pf-v6-c-list {
18788
19354
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18789
19355
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18790
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
+ }
18791
19364
 
18792
19365
  .pf-v6-c-nav,
18793
19366
  .pf-v6-c-nav__section,
@@ -18858,24 +19431,27 @@ ul.pf-v6-c-list {
18858
19431
 
18859
19432
  .pf-v6-c-nav__subnav {
18860
19433
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18861
- grid-template-rows: 1fr;
18862
- min-height: 0;
19434
+ max-height: 99999px;
18863
19435
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18864
19436
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18865
19437
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18866
19438
  overflow-y: clip;
18867
- 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);
18868
19441
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18869
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18870
- 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);
18871
19445
  }
18872
19446
  .pf-v6-c-nav__subnav[hidden] {
18873
19447
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18874
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);
18875
19450
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18876
19451
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19452
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18877
19453
  display: grid;
18878
- grid-template-rows: 0fr;
19454
+ max-height: 0;
18879
19455
  visibility: hidden;
18880
19456
  opacity: 0;
18881
19457
  }
@@ -19360,13 +19936,18 @@ ul.pf-v6-c-list {
19360
19936
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19361
19937
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19362
19938
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19363
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19364
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19939
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19940
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19941
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19365
19942
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19366
19943
  --pf-v6-c-page__sidebar--BoxShadow: none;
19367
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19368
- --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);
19369
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;
19370
19951
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19371
19952
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19372
19953
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19444,9 +20025,17 @@ ul.pf-v6-c-list {
19444
20025
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19445
20026
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19446
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
+ }
19447
20035
  @media screen and (min-width: 75rem) {
19448
20036
  .pf-v6-c-page {
19449
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);
19450
20039
  }
19451
20040
  }
19452
20041
 
@@ -19467,6 +20056,51 @@ ul.pf-v6-c-list {
19467
20056
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19468
20057
  }
19469
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
+ }
19470
20104
 
19471
20105
  .pf-v6-c-page > .pf-v6-c-masthead {
19472
20106
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19495,7 +20129,8 @@ ul.pf-v6-c-list {
19495
20129
  overflow-y: auto;
19496
20130
  -webkit-overflow-scrolling: touch;
19497
20131
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
19498
- 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);
19499
20134
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19500
20135
  }
19501
20136
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19504,6 +20139,7 @@ ul.pf-v6-c-list {
19504
20139
 
19505
20140
  .pf-v6-c-page__sidebar.pf-m-expanded {
19506
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);
19507
20143
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19508
20144
  }
19509
20145
  @media screen and (min-width: 75rem) {
@@ -19789,7 +20425,7 @@ ul.pf-v6-c-list {
19789
20425
  -webkit-overflow-scrolling: touch;
19790
20426
  }
19791
20427
  @media screen and (min-width: 75rem) {
19792
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
20428
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19793
20429
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19794
20430
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19795
20431
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -20764,6 +21400,22 @@ ul.pf-v6-c-list {
20764
21400
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20765
21401
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20766
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
+ }
20767
21419
 
20768
21420
  .pf-v6-c-progress__description {
20769
21421
  grid-column: 1/2;
@@ -21941,8 +22593,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21941
22593
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21942
22594
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21943
22595
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
21944
- --pf-v6-c-skeleton--after--TranslateX: -100%;
21945
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22596
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22597
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21946
22598
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21947
22599
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21948
22600
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21974,6 +22626,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21974
22626
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21975
22627
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21976
22628
  }
22629
+ @media screen and (prefers-reduced-motion: no-preference) {
22630
+ .pf-v6-c-skeleton {
22631
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22632
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22633
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22634
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22635
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22636
+ }
22637
+ }
21977
22638
 
21978
22639
  .pf-v6-c-skeleton {
21979
22640
  position: relative;
@@ -22094,6 +22755,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22094
22755
  transform: translateX(100%);
22095
22756
  }
22096
22757
  }
22758
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22759
+ 0% {
22760
+ opacity: 0.25;
22761
+ }
22762
+ 60% {
22763
+ opacity: 1;
22764
+ }
22765
+ 100% {
22766
+ opacity: 0.25;
22767
+ }
22768
+ }
22097
22769
  .pf-v6-c-skip-to-content {
22098
22770
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
22099
22771
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22341,6 +23013,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22341
23013
  --pf-v6-c-spinner--StrokeWidth: 10;
22342
23014
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22343
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);
22344
23017
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22345
23018
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22346
23019
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22357,6 +23030,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22357
23030
  .pf-v6-c-spinner.pf-m-inline {
22358
23031
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22359
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
+ }
22360
23037
  .pf-v6-c-spinner.pf-m-sm {
22361
23038
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22362
23039
  }
@@ -22638,6 +23315,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22638
23315
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22639
23316
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22640
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);
22641
23319
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22642
23320
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22643
23321
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22701,6 +23379,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22701
23379
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22702
23380
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22703
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
+ }
22704
23388
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
22705
23389
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22706
23390
  }
@@ -22757,12 +23441,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22757
23441
  grid-template-columns: 1fr minmax(0, 1.5fr);
22758
23442
  align-items: start;
22759
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
+ }
22760
23447
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22761
23448
  grid-column: 2;
22762
23449
  }
22763
23450
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22764
23451
  position: revert;
22765
- font-weight: bold;
23452
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22766
23453
  text-align: start;
22767
23454
  content: attr(data-label);
22768
23455
  }
@@ -23001,6 +23688,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23001
23688
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23002
23689
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23003
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
+ }
23004
23697
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23005
23698
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23006
23699
  }
@@ -23057,12 +23750,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23057
23750
  grid-template-columns: 1fr minmax(0, 1.5fr);
23058
23751
  align-items: start;
23059
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
+ }
23060
23756
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23061
23757
  grid-column: 2;
23062
23758
  }
23063
23759
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23064
23760
  position: revert;
23065
- font-weight: bold;
23761
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23066
23762
  text-align: start;
23067
23763
  content: attr(data-label);
23068
23764
  }
@@ -23304,6 +24000,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23304
24000
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23305
24001
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23306
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
+ }
23307
24009
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23308
24010
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23309
24011
  }
@@ -23360,12 +24062,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23360
24062
  grid-template-columns: 1fr minmax(0, 1.5fr);
23361
24063
  align-items: start;
23362
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
+ }
23363
24068
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23364
24069
  grid-column: 2;
23365
24070
  }
23366
24071
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23367
24072
  position: revert;
23368
- font-weight: bold;
24073
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23369
24074
  text-align: start;
23370
24075
  content: attr(data-label);
23371
24076
  }
@@ -23607,6 +24312,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23607
24312
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23608
24313
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23609
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
+ }
23610
24321
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
23611
24322
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23612
24323
  }
@@ -23663,12 +24374,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23663
24374
  grid-template-columns: 1fr minmax(0, 1.5fr);
23664
24375
  align-items: start;
23665
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
+ }
23666
24380
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23667
24381
  grid-column: 2;
23668
24382
  }
23669
24383
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23670
24384
  position: revert;
23671
- font-weight: bold;
24385
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23672
24386
  text-align: start;
23673
24387
  content: attr(data-label);
23674
24388
  }
@@ -23910,6 +24624,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23910
24624
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23911
24625
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23912
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
+ }
23913
24633
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
23914
24634
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23915
24635
  }
@@ -23966,12 +24686,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23966
24686
  grid-template-columns: 1fr minmax(0, 1.5fr);
23967
24687
  align-items: start;
23968
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
+ }
23969
24692
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23970
24693
  grid-column: 2;
23971
24694
  }
23972
24695
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23973
24696
  position: revert;
23974
- font-weight: bold;
24697
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23975
24698
  text-align: start;
23976
24699
  content: attr(data-label);
23977
24700
  }
@@ -24249,6 +24972,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24249
24972
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24250
24973
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24251
24974
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24975
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24976
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24977
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24978
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24979
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24980
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24981
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24982
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24983
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24252
24984
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24253
24985
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24254
24986
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24284,6 +25016,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24284
25016
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24285
25017
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24286
25018
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25019
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25020
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25021
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
25022
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24287
25023
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24288
25024
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24289
25025
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -24309,6 +25045,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24309
25045
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24310
25046
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24311
25047
  }
25048
+ @media screen and (prefers-reduced-motion: no-preference) {
25049
+ .pf-v6-c-table {
25050
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
25051
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
25052
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
25053
+ }
25054
+ }
24312
25055
 
24313
25056
  .pf-v6-c-table {
24314
25057
  width: 100%;
@@ -24505,6 +25248,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24505
25248
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
24506
25249
  overflow-wrap: break-word;
24507
25250
  }
25251
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
25252
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
25253
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
25254
+ }
24508
25255
  .pf-v6-c-table .pf-v6-c-table__sort {
24509
25256
  min-width: var(--pf-v6-c-table__sort--MinWidth);
24510
25257
  }
@@ -24573,6 +25320,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24573
25320
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24574
25321
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24575
25322
  }
25323
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
25324
+ border-block-end: 0;
25325
+ }
25326
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25327
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25328
+ visibility: hidden;
25329
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25330
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25331
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25332
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
25333
+ transition-property: opacity, translate, visibility, background-color;
25334
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25335
+ }
25336
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25337
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25338
+ }
25339
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25340
+ visibility: visible;
25341
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25342
+ transition-delay: 0s;
25343
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25344
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25345
+ }
25346
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25347
+ max-height: 99999px;
25348
+ }
25349
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25350
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25351
+ padding: 0;
25352
+ overflow: hidden;
25353
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25354
+ transition-property: padding, max-height, overflow;
25355
+ }
25356
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25357
+ max-height: 0;
25358
+ }
25359
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25360
+ border-block-end: 0;
25361
+ }
25362
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
25363
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25364
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25365
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
25366
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
25367
+ }
24576
25368
 
24577
25369
  [class*=pf-v6-c-table].pf-m-truncate {
24578
25370
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24882,7 +25674,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24882
25674
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24883
25675
  padding-block-start: 0;
24884
25676
  }
24885
-
25677
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):not(.pf-m-no-padding) {
25678
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25679
+ }
24886
25680
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24887
25681
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
24888
25682
  padding-block-start: 0;
@@ -24893,6 +25687,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24893
25687
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24894
25688
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24895
25689
  padding: 0;
25690
+ border-radius: 0;
24896
25691
  }
24897
25692
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24898
25693
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24902,6 +25697,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24902
25697
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24903
25698
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24904
25699
  }
25700
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25701
+ background-color: transparent;
25702
+ }
24905
25703
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24906
25704
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24907
25705
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24933,6 +25731,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24933
25731
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
24934
25732
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
24935
25733
  }
25734
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
25735
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
25736
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
25737
+ }
24936
25738
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
24937
25739
  width: auto;
24938
25740
  min-width: 0;
@@ -24970,6 +25772,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24970
25772
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24971
25773
  border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
24972
25774
  }
25775
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
25776
+ border-block-end: 0;
25777
+ }
24973
25778
 
24974
25779
  .pf-v6-c-table__tr {
24975
25780
  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
@@ -26027,25 +26832,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26027
26832
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26028
26833
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26029
26834
  --pf-v6-c-tabs--link-accent--start: 0;
26030
- --pf-v6-c-tabs--link-accent--length: auto;
26835
+ --pf-v6-c-tabs--link-accent--length: 0;
26031
26836
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26032
26837
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26838
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26839
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26033
26840
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26034
26841
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26035
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26842
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
26036
26843
  --pf-v6-c-tabs--link-accent--Width: initial;
26037
26844
  --pf-v6-c-tabs--link-accent--Height: 0;
26038
26845
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26039
26846
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26040
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26847
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26848
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26849
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26850
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
26041
26851
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
26042
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
26043
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
26044
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
26045
26852
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26046
26853
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26047
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26048
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26854
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26855
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26856
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
26049
26857
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26050
26858
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26051
26859
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26205,11 +27013,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26205
27013
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26206
27014
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26207
27015
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26208
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26209
27016
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26210
27017
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26211
27018
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26212
27019
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
27020
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
27021
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
27022
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26213
27023
  display: inline-flex;
26214
27024
  flex-direction: column;
26215
27025
  height: 100%;
@@ -26786,15 +27596,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26786
27596
  }
26787
27597
 
26788
27598
  @media (prefers-reduced-motion: no-preference) {
26789
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26790
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
27599
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27600
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26791
27601
  content: revert;
26792
27602
  }
26793
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27603
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26794
27604
  position: absolute;
26795
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27605
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26796
27606
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26797
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
27607
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26798
27608
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26799
27609
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26800
27610
  content: "";
@@ -26803,7 +27613,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26803
27613
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26804
27614
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26805
27615
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26806
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
27616
+ transition-property: width, height, translate;
27617
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27618
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27619
+ }
27620
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27621
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26807
27622
  }
26808
27623
  .pf-v6-c-tabs.pf-m-initializing-accent {
26809
27624
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26914,6 +27729,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26914
27729
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26915
27730
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
26916
27731
  }
27732
+ @media (prefers-reduced-motion: no-preference) {
27733
+ .pf-v6-c-text-input-group.pf-m-error {
27734
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
27735
+ animation-name: pf-v6-global-danger-jiggle-motion;
27736
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
27737
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
27738
+ animation-fill-mode: both;
27739
+ }
27740
+ }
27741
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
27742
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
27743
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
27744
+ animation-name: pf-v6-global-fade-in;
27745
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
27746
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
27747
+ }
26917
27748
  .pf-v6-c-text-input-group:hover {
26918
27749
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26919
27750
  }
@@ -27145,6 +27976,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27145
27976
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27146
27977
  }
27147
27978
 
27979
+ .pf-v6-c-timestamp__text {
27980
+ text-decoration: inherit;
27981
+ }
27982
+
27148
27983
  .pf-v6-c-title {
27149
27984
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27150
27985
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29419,6 +30254,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29419
30254
  grid-auto-flow: column;
29420
30255
  align-items: baseline;
29421
30256
  min-width: var(--pf-v6-c-truncate--MinWidth);
30257
+ text-decoration: inherit;
29422
30258
  }
29423
30259
  .pf-v6-c-truncate.pf-m-fixed {
29424
30260
  display: inline;
@@ -29515,6 +30351,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29515
30351
  --pf-v6-c-tree-view__node-container--Display: contents;
29516
30352
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29517
30353
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30354
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30355
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30356
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30357
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30358
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30359
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30360
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30361
+ --pf-v6-c-tree-view__list--Opacity: 0;
30362
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30363
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30364
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29518
30365
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29519
30366
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29520
30367
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29530,6 +30377,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29530
30377
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29531
30378
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29532
30379
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30380
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30381
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29533
30382
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29534
30383
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29535
30384
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29605,6 +30454,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29605
30454
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29606
30455
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
29607
30456
  }
30457
+ @media screen and (prefers-reduced-motion: no-preference) {
30458
+ .pf-v6-c-tree-view {
30459
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30460
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30461
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30462
+ }
30463
+ }
29608
30464
 
29609
30465
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
29610
30466
  position: relative;
@@ -29720,12 +30576,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29720
30576
  display: inline-block;
29721
30577
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29722
30578
  text-align: center;
30579
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29723
30580
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29724
30581
  }
29725
30582
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29726
30583
  scale: -1 1;
29727
30584
  }
29728
30585
 
30586
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30587
+ max-height: 0;
30588
+ visibility: hidden;
30589
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30590
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30591
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30592
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30593
+ transition-property: opacity, translate, visibility, max-height;
30594
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30595
+ }
29729
30596
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29730
30597
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29731
30598
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29734,6 +30601,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29734
30601
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29735
30602
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29736
30603
  }
30604
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30605
+ max-height: 99999px;
30606
+ visibility: revert;
30607
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30608
+ transition-delay: 0s;
30609
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30610
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30611
+ }
29737
30612
 
29738
30613
  .pf-v6-c-tree-view__node,
29739
30614
  .pf-v6-c-tree-view__node-container {