@patternfly/patternfly 6.3.0-prerelease.3 → 6.3.0-prerelease.31

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 (112) 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/DualListSelector/dual-list-selector.css +36 -0
  16. package/components/DualListSelector/dual-list-selector.scss +43 -0
  17. package/components/ExpandableSection/expandable-section.css +45 -1
  18. package/components/ExpandableSection/expandable-section.scss +48 -1
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/Menu/menu.css +24 -4
  24. package/components/Menu/menu.scss +20 -5
  25. package/components/MenuToggle/menu-toggle.css +38 -4
  26. package/components/MenuToggle/menu-toggle.scss +48 -3
  27. package/components/Nav/nav.css +22 -8
  28. package/components/Nav/nav.scss +22 -9
  29. package/components/Page/page.css +66 -6
  30. package/components/Page/page.scss +48 -5
  31. package/components/Progress/progress.css +16 -0
  32. package/components/Progress/progress.scss +11 -1
  33. package/components/ProgressStepper/progress-stepper.scss +1 -0
  34. package/components/Skeleton/skeleton.css +22 -2
  35. package/components/Skeleton/skeleton.scss +25 -3
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +6 -5
  39. package/components/Table/table-grid.scss +2 -1
  40. package/components/Table/table.css +68 -8
  41. package/components/Table/table.scss +89 -5
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +16 -0
  45. package/components/TextInputGroup/text-input-group.scss +8 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +6 -0
  51. package/components/Truncate/truncate.scss +9 -0
  52. package/components/_index.css +775 -94
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +161 -6
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +1 -1
  57. package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
  58. package/docs/components/DataList/examples/DataList.md +23 -23
  59. package/docs/components/Divider/examples/Divider.md +1 -1
  60. package/docs/components/Drawer/examples/Drawer.md +4 -0
  61. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  62. package/docs/components/ExpandableSection/examples/ExpandableSection.md +6 -6
  63. package/docs/components/Form/examples/Form.md +1179 -114
  64. package/docs/components/Hint/examples/Hint.md +3 -3
  65. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  66. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  67. package/docs/components/Masthead/examples/masthead.md +90 -12
  68. package/docs/components/Menu/examples/Menu.md +122 -6
  69. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  70. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  71. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  72. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  73. package/docs/components/Page/examples/Page.md +148 -14
  74. package/docs/components/Pagination/examples/Pagination.md +12 -12
  75. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  76. package/docs/components/Spinner/examples/Spinner.md +10 -0
  77. package/docs/components/Table/examples/Table.md +9363 -6223
  78. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  79. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  80. package/docs/components/Truncate/examples/Truncate.md +53 -10
  81. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  82. package/docs/demos/Alert/examples/Alert.md +66 -9
  83. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  84. package/docs/demos/Banner/examples/Banner.md +47 -6
  85. package/docs/demos/Card/examples/Card.md +5 -62
  86. package/docs/demos/CardView/examples/CardView.md +24 -5
  87. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  88. package/docs/demos/DataList/examples/DataList.md +100 -24
  89. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  90. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  91. package/docs/demos/Form/examples/BasicForms.md +142 -22
  92. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  93. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  94. package/docs/demos/Modal/examples/Modal.md +171 -21
  95. package/docs/demos/Nav/examples/Nav.md +113 -18
  96. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  97. package/docs/demos/Page/examples/Page.md +661 -40
  98. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  99. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  100. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  101. package/docs/demos/Table/examples/Table.md +504 -175
  102. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  103. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  104. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  105. package/package.json +6 -6
  106. package/patternfly-base-no-globals.css +45 -11
  107. package/patternfly-base.css +45 -11
  108. package/patternfly-no-globals.css +820 -105
  109. package/patternfly.css +820 -105
  110. package/patternfly.min.css +1 -1
  111. package/patternfly.min.css.map +1 -1
  112. 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%;
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%;
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;
@@ -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,18 @@ 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-expanded__content--Opacity: 1;
14217
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13895
14218
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13896
14219
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13897
14220
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13903,20 +14226,39 @@ ul) {
13903
14226
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13904
14227
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13905
14228
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14229
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13906
14230
  --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
14231
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13908
14232
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13909
14233
  }
14234
+ @media screen and (prefers-reduced-motion: no-preference) {
14235
+ .pf-v6-c-expandable-section {
14236
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14237
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14238
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14239
+ }
14240
+ }
13910
14241
 
13911
14242
  .pf-v6-c-expandable-section {
13912
14243
  display: flex;
13913
14244
  flex-direction: column;
13914
- gap: var(--pf-v6-c-expandable-section--Gap);
14245
+ gap: 0;
14246
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14247
+ transition-duration: 0s;
14248
+ transition-property: gap, padding-block-end;
13915
14249
  }
13916
14250
  .pf-v6-c-expandable-section.pf-m-expanded {
13917
14251
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13918
14252
  --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
14253
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
14254
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
14255
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14256
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14257
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14258
+ --pf-v6-c-expandable-section__content--Visibility: auto;
14259
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14260
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14261
+ gap: var(--pf-v6-c-expandable-section--Gap);
13920
14262
  }
13921
14263
  .pf-v6-c-expandable-section.pf-m-limit-width {
13922
14264
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13963,6 +14305,19 @@ ul) {
13963
14305
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13964
14306
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13965
14307
  }
14308
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14309
+ display: revert;
14310
+ }
14311
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14312
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14313
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14314
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14315
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14316
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14317
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14318
+ transition-property: opacity, translate, visibility, max-height;
14319
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14320
+ }
13966
14321
 
13967
14322
  .pf-v6-c-file-upload {
13968
14323
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -14074,7 +14429,7 @@ ul) {
14074
14429
  --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
14430
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
14076
14431
  --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);
14432
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14078
14433
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
14079
14434
  --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
14435
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -14094,6 +14449,8 @@ ul) {
14094
14449
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
14095
14450
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
14096
14451
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14452
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14453
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14097
14454
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14098
14455
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14099
14456
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -14101,6 +14458,19 @@ ul) {
14101
14458
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
14102
14459
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
14103
14460
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
14461
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
14462
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
14463
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
14464
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14465
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
14466
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14467
+ }
14468
+ @media screen and (prefers-reduced-motion: no-preference) {
14469
+ .pf-v6-c-form {
14470
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14471
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14472
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
14473
+ }
14104
14474
  }
14105
14475
 
14106
14476
  .pf-v6-c-form {
@@ -14457,6 +14827,16 @@ ul) {
14457
14827
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
14458
14828
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14459
14829
  }
14830
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14831
+ max-height: 99999px;
14832
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14833
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14834
+ visibility: visible;
14835
+ opacity: 1;
14836
+ transition-delay: 0s;
14837
+ 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;
14838
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
14839
+ }
14460
14840
 
14461
14841
  .pf-v6-c-form__field-group-toggle {
14462
14842
  grid-row: 1/2;
@@ -14515,6 +14895,8 @@ ul) {
14515
14895
  }
14516
14896
 
14517
14897
  .pf-v6-c-form__field-group-header-actions {
14898
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14899
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14518
14900
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14519
14901
  white-space: nowrap;
14520
14902
  }
@@ -14526,6 +14908,18 @@ ul) {
14526
14908
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14527
14909
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14528
14910
  }
14911
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14912
+ max-height: 0;
14913
+ padding-block-start: 0;
14914
+ padding-block-end: 0;
14915
+ visibility: hidden;
14916
+ opacity: 0;
14917
+ 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);
14918
+ 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;
14919
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
14920
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
14921
+ }
14922
+
14529
14923
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
14530
14924
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
14531
14925
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -14762,6 +15156,22 @@ ul) {
14762
15156
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14763
15157
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14764
15158
  }
15159
+ @media (prefers-reduced-motion: no-preference) {
15160
+ .pf-v6-c-form-control.pf-m-error {
15161
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
15162
+ animation-name: pf-v6-global-danger-jiggle-motion;
15163
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
15164
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
15165
+ animation-fill-mode: both;
15166
+ }
15167
+ }
15168
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
15169
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
15170
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
15171
+ animation-name: pf-v6-global-fade-in;
15172
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
15173
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
15174
+ }
14765
15175
  .pf-v6-c-form-control.pf-m-error > textarea {
14766
15176
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14767
15177
  }
@@ -17230,7 +17640,7 @@ ul.pf-v6-c-list {
17230
17640
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17231
17641
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17232
17642
  --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);
17643
+ --pf-v6-c-menu--TransitionDuration: 0s;
17234
17644
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17235
17645
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17236
17646
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17303,14 +17713,34 @@ ul.pf-v6-c-list {
17303
17713
  --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
17714
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17305
17715
  --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);
17716
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17307
17717
  --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);
17718
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17309
17719
  --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);
17720
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17311
17721
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17312
17722
  --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
17723
  }
17724
+ @media (prefers-reduced-motion: no-preference) {
17725
+ .pf-v6-c-menu {
17726
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17727
+ }
17728
+ }
17729
+ @media (prefers-reduced-motion: no-preference) {
17730
+ .pf-v6-c-menu {
17731
+ --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);
17732
+ }
17733
+ }
17734
+ @media (prefers-reduced-motion: no-preference) {
17735
+ .pf-v6-c-menu {
17736
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17737
+ }
17738
+ }
17739
+ @media (prefers-reduced-motion: no-preference) {
17740
+ .pf-v6-c-menu {
17741
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17742
+ }
17743
+ }
17314
17744
 
17315
17745
  .pf-v6-c-menu__content,
17316
17746
  .pf-v6-c-menu__list-item,
@@ -17844,6 +18274,14 @@ ul.pf-v6-c-list {
17844
18274
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17845
18275
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17846
18276
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
18277
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
18278
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
18279
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
18280
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
18281
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
18282
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
18283
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
18284
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
17847
18285
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17848
18286
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17849
18287
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -17941,6 +18379,11 @@ ul.pf-v6-c-list {
17941
18379
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17942
18380
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17943
18381
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
18382
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18383
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
18384
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18385
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18386
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
17944
18387
  }
17945
18388
 
17946
18389
  .pf-v6-c-menu-toggle {
@@ -18054,6 +18497,10 @@ ul.pf-v6-c-list {
18054
18497
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
18055
18498
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
18056
18499
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
18500
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
18501
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
18502
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
18503
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
18057
18504
  }
18058
18505
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
18059
18506
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -18109,6 +18556,15 @@ ul.pf-v6-c-list {
18109
18556
  opacity: 1;
18110
18557
  }
18111
18558
  }
18559
+ .pf-v6-c-menu-toggle.pf-m-settings {
18560
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
18561
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
18562
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
18563
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
18564
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
18565
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
18566
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
18567
+ }
18112
18568
  .pf-v6-c-menu-toggle.pf-m-placeholder {
18113
18569
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
18114
18570
  }
@@ -18261,16 +18717,24 @@ ul.pf-v6-c-list {
18261
18717
  flex-wrap: nowrap;
18262
18718
  }
18263
18719
 
18264
- .pf-v6-c-menu-toggle__icon {
18265
- flex-shrink: 0;
18266
- }
18267
18720
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18268
18721
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18269
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18722
+ .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
18723
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18271
18724
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18272
18725
  }
18273
18726
 
18727
+ .pf-v6-c-menu-toggle__icon {
18728
+ flex-shrink: 0;
18729
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
18730
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
18731
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
18732
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
18733
+ }
18734
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18735
+ vertical-align: middle;
18736
+ }
18737
+
18274
18738
  .pf-v6-c-menu-toggle__controls {
18275
18739
  display: flex;
18276
18740
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -18757,9 +19221,13 @@ ul.pf-v6-c-list {
18757
19221
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18758
19222
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18759
19223
  --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);
19224
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
19225
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
19226
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
19227
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
18762
19228
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
19229
+ --pf-v6-c-nav__subnav--TranslateY: 0;
19230
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
18763
19231
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18764
19232
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18765
19233
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18788,6 +19256,13 @@ ul.pf-v6-c-list {
18788
19256
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18789
19257
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18790
19258
  }
19259
+ @media screen and (prefers-reduced-motion: no-preference) {
19260
+ .pf-v6-c-nav {
19261
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
19262
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
19263
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
19264
+ }
19265
+ }
18791
19266
 
18792
19267
  .pf-v6-c-nav,
18793
19268
  .pf-v6-c-nav__section,
@@ -18858,24 +19333,27 @@ ul.pf-v6-c-list {
18858
19333
 
18859
19334
  .pf-v6-c-nav__subnav {
18860
19335
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18861
- grid-template-rows: 1fr;
18862
- min-height: 0;
19336
+ max-height: 99999px;
18863
19337
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18864
19338
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18865
19339
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18866
19340
  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);
19341
+ visibility: visible;
19342
+ 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
19343
  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;
19344
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
19345
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
19346
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
18871
19347
  }
18872
19348
  .pf-v6-c-nav__subnav[hidden] {
18873
19349
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18874
19350
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
19351
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
18875
19352
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18876
19353
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19354
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18877
19355
  display: grid;
18878
- grid-template-rows: 0fr;
19356
+ max-height: 0;
18879
19357
  visibility: hidden;
18880
19358
  opacity: 0;
18881
19359
  }
@@ -19360,13 +19838,18 @@ ul.pf-v6-c-list {
19360
19838
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19361
19839
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19362
19840
  --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;
19841
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19842
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19843
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19365
19844
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19366
19845
  --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);
19846
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
19847
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19848
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19369
19849
  --pf-v6-c-page__sidebar--TranslateX: -100%;
19850
+ --pf-v6-c-page__sidebar--Opacity: 0;
19851
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
19852
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
19370
19853
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19371
19854
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19372
19855
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19444,9 +19927,17 @@ ul.pf-v6-c-list {
19444
19927
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19445
19928
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19446
19929
  }
19930
+ @media screen and (prefers-reduced-motion: no-preference) {
19931
+ .pf-v6-c-page {
19932
+ --pf-v6-c-page__sidebar--Opacity: 1;
19933
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
19934
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19935
+ }
19936
+ }
19447
19937
  @media screen and (min-width: 75rem) {
19448
19938
  .pf-v6-c-page {
19449
19939
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
19940
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
19450
19941
  }
19451
19942
  }
19452
19943
 
@@ -19467,6 +19958,51 @@ ul.pf-v6-c-list {
19467
19958
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19468
19959
  }
19469
19960
  }
19961
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19962
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19963
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19964
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19965
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19966
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19967
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19968
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19969
+ }
19970
+ .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) {
19971
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19972
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19973
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19974
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19975
+ --pf-v6-c-button__icon--ScaleX: 1;
19976
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19977
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19978
+ }
19979
+ @media (min-width: 75rem) {
19980
+ .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) {
19981
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
19982
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
19983
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
19984
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
19985
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
19986
+ }
19987
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19988
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19989
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19990
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19991
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19992
+ --pf-v6-c-button__icon--ScaleX: 1;
19993
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19994
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19995
+ }
19996
+ .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) {
19997
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19998
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19999
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
20000
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
20001
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20002
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
20003
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
20004
+ }
20005
+ }
19470
20006
 
19471
20007
  .pf-v6-c-page > .pf-v6-c-masthead {
19472
20008
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19495,7 +20031,8 @@ ul.pf-v6-c-list {
19495
20031
  overflow-y: auto;
19496
20032
  -webkit-overflow-scrolling: touch;
19497
20033
  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);
20034
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
20035
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19499
20036
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19500
20037
  }
19501
20038
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19504,6 +20041,7 @@ ul.pf-v6-c-list {
19504
20041
 
19505
20042
  .pf-v6-c-page__sidebar.pf-m-expanded {
19506
20043
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
20044
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
19507
20045
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19508
20046
  }
19509
20047
  @media screen and (min-width: 75rem) {
@@ -19789,7 +20327,7 @@ ul.pf-v6-c-list {
19789
20327
  -webkit-overflow-scrolling: touch;
19790
20328
  }
19791
20329
  @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,
20330
+ .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
20331
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19794
20332
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19795
20333
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -20764,6 +21302,22 @@ ul.pf-v6-c-list {
20764
21302
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20765
21303
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20766
21304
  }
21305
+ @media (prefers-reduced-motion: no-preference) {
21306
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
21307
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
21308
+ animation-name: pf-v6-global-danger-jiggle-motion;
21309
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
21310
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
21311
+ animation-fill-mode: both;
21312
+ }
21313
+ }
21314
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
21315
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
21316
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
21317
+ animation-name: pf-v6-global-fade-in;
21318
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
21319
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
21320
+ }
20767
21321
 
20768
21322
  .pf-v6-c-progress__description {
20769
21323
  grid-column: 1/2;
@@ -21941,8 +22495,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21941
22495
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21942
22496
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21943
22497
  --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;
22498
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22499
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21946
22500
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21947
22501
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21948
22502
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21974,6 +22528,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21974
22528
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21975
22529
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21976
22530
  }
22531
+ @media screen and (prefers-reduced-motion: no-preference) {
22532
+ .pf-v6-c-skeleton {
22533
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22534
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22535
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22536
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22537
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22538
+ }
22539
+ }
21977
22540
 
21978
22541
  .pf-v6-c-skeleton {
21979
22542
  position: relative;
@@ -22094,6 +22657,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22094
22657
  transform: translateX(100%);
22095
22658
  }
22096
22659
  }
22660
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22661
+ 0% {
22662
+ opacity: 0.25;
22663
+ }
22664
+ 60% {
22665
+ opacity: 1;
22666
+ }
22667
+ 100% {
22668
+ opacity: 0.25;
22669
+ }
22670
+ }
22097
22671
  .pf-v6-c-skip-to-content {
22098
22672
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
22099
22673
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22341,6 +22915,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22341
22915
  --pf-v6-c-spinner--StrokeWidth: 10;
22342
22916
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22343
22917
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
22918
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22344
22919
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22345
22920
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22346
22921
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22357,6 +22932,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22357
22932
  .pf-v6-c-spinner.pf-m-inline {
22358
22933
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22359
22934
  }
22935
+ .pf-v6-c-spinner.pf-m-xs {
22936
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
22937
+ --pf-v6-c-spinner--StrokeWidth: 15;
22938
+ }
22360
22939
  .pf-v6-c-spinner.pf-m-sm {
22361
22940
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22362
22941
  }
@@ -22638,6 +23217,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22638
23217
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22639
23218
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22640
23219
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
23220
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22641
23221
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22642
23222
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22643
23223
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22762,7 +23342,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22762
23342
  }
22763
23343
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22764
23344
  position: revert;
22765
- font-weight: bold;
23345
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22766
23346
  text-align: start;
22767
23347
  content: attr(data-label);
22768
23348
  }
@@ -23062,7 +23642,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23062
23642
  }
23063
23643
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23064
23644
  position: revert;
23065
- font-weight: bold;
23645
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23066
23646
  text-align: start;
23067
23647
  content: attr(data-label);
23068
23648
  }
@@ -23365,7 +23945,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23365
23945
  }
23366
23946
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23367
23947
  position: revert;
23368
- font-weight: bold;
23948
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23369
23949
  text-align: start;
23370
23950
  content: attr(data-label);
23371
23951
  }
@@ -23668,7 +24248,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23668
24248
  }
23669
24249
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23670
24250
  position: revert;
23671
- font-weight: bold;
24251
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23672
24252
  text-align: start;
23673
24253
  content: attr(data-label);
23674
24254
  }
@@ -23971,7 +24551,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23971
24551
  }
23972
24552
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23973
24553
  position: revert;
23974
- font-weight: bold;
24554
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23975
24555
  text-align: start;
23976
24556
  content: attr(data-label);
23977
24557
  }
@@ -24249,6 +24829,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24249
24829
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24250
24830
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24251
24831
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24832
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24833
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24834
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24835
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24836
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24837
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24838
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24839
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24840
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24252
24841
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24253
24842
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24254
24843
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24309,6 +24898,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24309
24898
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24310
24899
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24311
24900
  }
24901
+ @media screen and (prefers-reduced-motion: no-preference) {
24902
+ .pf-v6-c-table {
24903
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
24904
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
24905
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
24906
+ }
24907
+ }
24312
24908
 
24313
24909
  .pf-v6-c-table {
24314
24910
  width: 100%;
@@ -24573,6 +25169,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24573
25169
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24574
25170
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24575
25171
  }
25172
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25173
+ display: revert;
25174
+ visibility: hidden;
25175
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25176
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25177
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25178
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
25179
+ transition-property: opacity, translate, visibility;
25180
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25181
+ }
25182
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25183
+ display: revert;
25184
+ }
25185
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25186
+ visibility: visible;
25187
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25188
+ transition-delay: 0s;
25189
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25190
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25191
+ }
25192
+ .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 {
25193
+ max-height: 99999px;
25194
+ }
25195
+ .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),
25196
+ .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 {
25197
+ padding: 0;
25198
+ overflow: hidden;
25199
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25200
+ transition-property: padding, max-height, overflow;
25201
+ }
25202
+ .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 {
25203
+ max-height: 0;
25204
+ }
24576
25205
 
24577
25206
  [class*=pf-v6-c-table].pf-m-truncate {
24578
25207
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24878,21 +25507,25 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24878
25507
  position: relative;
24879
25508
  border-block-end: 0 solid transparent;
24880
25509
  }
24881
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
24882
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25510
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25511
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24883
25512
  padding-block-start: 0;
24884
25513
  }
24885
-
24886
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24887
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
25514
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25515
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25516
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25517
+ }
25518
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25519
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
24888
25520
  padding-block-start: 0;
24889
25521
  padding-block-end: 0;
24890
25522
  padding-inline-start: 0;
24891
25523
  padding-inline-end: 0;
24892
25524
  }
24893
- .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
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25525
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25526
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24895
25527
  padding: 0;
25528
+ border-radius: 0;
24896
25529
  }
24897
25530
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24898
25531
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24902,6 +25535,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24902
25535
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24903
25536
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24904
25537
  }
25538
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25539
+ background-color: transparent;
25540
+ }
24905
25541
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24906
25542
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24907
25543
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24913,6 +25549,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24913
25549
  border-block-end: 0;
24914
25550
  }
24915
25551
 
25552
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25553
+ border-block-end: 0;
25554
+ }
25555
+
24916
25556
  .pf-v6-c-table.pf-m-compact {
24917
25557
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
24918
25558
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -24968,7 +25608,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24968
25608
  }
24969
25609
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
24970
25610
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24971
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
25611
+ border-block-end: 0;
24972
25612
  }
24973
25613
 
24974
25614
  .pf-v6-c-table__tr {
@@ -26027,25 +26667,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26027
26667
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
26028
26668
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26029
26669
  --pf-v6-c-tabs--link-accent--start: 0;
26030
- --pf-v6-c-tabs--link-accent--length: auto;
26670
+ --pf-v6-c-tabs--link-accent--length: 0;
26031
26671
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26032
26672
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26673
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26674
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26033
26675
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26034
26676
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26035
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26677
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
26036
26678
  --pf-v6-c-tabs--link-accent--Width: initial;
26037
26679
  --pf-v6-c-tabs--link-accent--Height: 0;
26038
26680
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26039
26681
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26040
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26682
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26683
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26684
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26685
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
26041
26686
  --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
26687
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26046
26688
  --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);
26689
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26690
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26691
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
26049
26692
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26050
26693
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26051
26694
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26205,11 +26848,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26205
26848
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26206
26849
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26207
26850
  --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
26851
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26210
26852
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26211
26853
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26212
26854
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26855
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
26856
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
26857
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26213
26858
  display: inline-flex;
26214
26859
  flex-direction: column;
26215
26860
  height: 100%;
@@ -26786,15 +27431,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26786
27431
  }
26787
27432
 
26788
27433
  @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 {
27434
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27435
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26791
27436
  content: revert;
26792
27437
  }
26793
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27438
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26794
27439
  position: absolute;
26795
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27440
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26796
27441
  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));
27442
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26798
27443
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26799
27444
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26800
27445
  content: "";
@@ -26803,7 +27448,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26803
27448
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26804
27449
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26805
27450
  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;
27451
+ transition-property: width, height, translate;
27452
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27453
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27454
+ }
27455
+ :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 {
27456
+ 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
27457
  }
26808
27458
  .pf-v6-c-tabs.pf-m-initializing-accent {
26809
27459
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26914,6 +27564,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26914
27564
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26915
27565
  --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
27566
  }
27567
+ @media (prefers-reduced-motion: no-preference) {
27568
+ .pf-v6-c-text-input-group.pf-m-error {
27569
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
27570
+ animation-name: pf-v6-global-danger-jiggle-motion;
27571
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
27572
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
27573
+ animation-fill-mode: both;
27574
+ }
27575
+ }
27576
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
27577
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
27578
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
27579
+ animation-name: pf-v6-global-fade-in;
27580
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
27581
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
27582
+ }
26917
27583
  .pf-v6-c-text-input-group:hover {
26918
27584
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26919
27585
  }
@@ -27145,6 +27811,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27145
27811
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27146
27812
  }
27147
27813
 
27814
+ .pf-v6-c-timestamp__text {
27815
+ text-decoration: inherit;
27816
+ }
27817
+
27148
27818
  .pf-v6-c-title {
27149
27819
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27150
27820
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29419,6 +30089,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29419
30089
  grid-auto-flow: column;
29420
30090
  align-items: baseline;
29421
30091
  min-width: var(--pf-v6-c-truncate--MinWidth);
30092
+ text-decoration: inherit;
30093
+ }
30094
+ .pf-v6-c-truncate.pf-m-fixed {
30095
+ display: inline;
30096
+ align-items: revert;
30097
+ min-width: revert;
29422
30098
  }
29423
30099
 
29424
30100
  .pf-v6-c-truncate__start,
@@ -29510,6 +30186,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29510
30186
  --pf-v6-c-tree-view__node-container--Display: contents;
29511
30187
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29512
30188
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30189
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30190
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30191
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30192
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30193
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30194
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30195
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30196
+ --pf-v6-c-tree-view__list--Opacity: 0;
30197
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30198
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30199
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29513
30200
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29514
30201
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29515
30202
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29525,6 +30212,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29525
30212
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29526
30213
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29527
30214
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30215
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30216
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29528
30217
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29529
30218
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29530
30219
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29600,6 +30289,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29600
30289
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29601
30290
  --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);
29602
30291
  }
30292
+ @media screen and (prefers-reduced-motion: no-preference) {
30293
+ .pf-v6-c-tree-view {
30294
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30295
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30296
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30297
+ }
30298
+ }
29603
30299
 
29604
30300
  .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 {
29605
30301
  position: relative;
@@ -29715,12 +30411,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29715
30411
  display: inline-block;
29716
30412
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29717
30413
  text-align: center;
30414
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29718
30415
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29719
30416
  }
29720
30417
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29721
30418
  scale: -1 1;
29722
30419
  }
29723
30420
 
30421
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30422
+ max-height: 0;
30423
+ visibility: hidden;
30424
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30425
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30426
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30427
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30428
+ transition-property: opacity, translate, visibility, max-height;
30429
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30430
+ }
29724
30431
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29725
30432
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29726
30433
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29729,6 +30436,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29729
30436
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29730
30437
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29731
30438
  }
30439
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30440
+ max-height: 99999px;
30441
+ visibility: revert;
30442
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30443
+ transition-delay: 0s;
30444
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30445
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30446
+ }
29732
30447
 
29733
30448
  .pf-v6-c-tree-view__node,
29734
30449
  .pf-v6-c-tree-view__node-container {