@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
@@ -205,6 +205,7 @@
205
205
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
206
206
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
207
207
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
208
+ --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
208
209
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
209
210
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
210
211
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -222,6 +223,24 @@
222
223
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
223
224
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
224
225
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
226
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
227
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
228
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
229
+ --pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
230
+ --pf-v6-c-accordion__item--before--Opacity: 0;
231
+ --pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
232
+ --pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
233
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
234
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
235
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
236
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
237
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
238
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
239
+ --pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
240
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
241
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
242
+ --pf-v6-c-accordion__expandable-content--TranslateY: 0;
243
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
225
244
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
226
245
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
227
246
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -241,6 +260,16 @@
241
260
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
242
261
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
243
262
  }
263
+ @media screen and (prefers-reduced-motion: no-preference) {
264
+ .pf-v6-c-accordion {
265
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
266
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
267
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
268
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
269
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
270
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
271
+ }
272
+ }
244
273
 
245
274
  .pf-v6-c-accordion {
246
275
  display: flex;
@@ -274,18 +303,39 @@
274
303
  }
275
304
 
276
305
  .pf-v6-c-accordion__item {
306
+ position: relative;
307
+ }
308
+ .pf-v6-c-accordion__item::before {
309
+ position: absolute;
310
+ inset: 0;
311
+ pointer-events: none;
312
+ content: "";
313
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
277
314
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
315
+ opacity: var(--pf-v6-c-accordion__item--before--Opacity);
316
+ transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
317
+ transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
318
+ transition-property: opacity;
278
319
  }
279
320
  .pf-v6-c-accordion__item.pf-m-expanded {
280
321
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
281
322
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
282
- background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
323
+ --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
324
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
325
+ --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
326
+ --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
327
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
328
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
329
+ --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
330
+ --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
283
331
  }
284
332
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
285
333
  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
286
334
  }
287
335
 
288
336
  .pf-v6-c-accordion__toggle {
337
+ position: relative;
338
+ z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
289
339
  display: flex;
290
340
  column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
291
341
  align-items: center;
@@ -321,19 +371,38 @@
321
371
  scale: -1 1;
322
372
  }
323
373
 
374
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
375
+ display: revert;
376
+ }
377
+
324
378
  .pf-v6-c-accordion__expandable-content {
325
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
379
+ max-height: 0;
326
380
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
327
381
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
328
382
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
329
383
  color: var(--pf-v6-c-accordion__expandable-content--Color);
384
+ visibility: hidden;
330
385
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
331
386
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
387
+ opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
388
+ 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);
389
+ transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
390
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
391
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
392
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
332
393
  }
333
394
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
334
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
335
395
  overflow-y: auto;
336
396
  }
397
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
398
+ max-height: 99999px;
399
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
400
+ visibility: revert;
401
+ transition-delay: 0s;
402
+ }
403
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
404
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
405
+ }
337
406
 
338
407
  .pf-v6-c-accordion__expandable-content-body {
339
408
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -597,27 +666,45 @@
597
666
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
598
667
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
599
668
  0s;
600
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
601
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
602
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
603
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
604
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
605
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
606
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
607
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
608
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
609
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
610
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
611
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
612
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
613
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
614
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
615
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
616
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
617
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
618
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
619
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
620
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
669
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
670
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
671
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
672
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
673
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
674
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
675
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
676
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
677
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
678
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
679
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
680
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
681
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
682
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
683
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
684
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
685
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
686
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
687
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
688
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
689
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
690
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
691
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
692
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
693
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
694
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
695
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
696
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
697
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
698
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
699
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
700
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
701
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
702
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
703
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
704
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
705
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
706
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
707
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
621
708
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
622
709
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
623
710
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -677,40 +764,43 @@
677
764
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
678
765
  }
679
766
  }
680
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
767
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
681
768
  grid-template-rows: 0fr;
682
769
  margin-block: 0;
683
770
  overflow: hidden;
684
771
  opacity: 0;
685
772
  transform: translateY(-100%);
686
773
  }
687
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
774
+ .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 {
688
775
  min-height: 0;
689
776
  padding-block-start: 0;
690
777
  padding-block-end: 0;
691
778
  border-width: 0;
692
779
  }
693
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
780
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
694
781
  grid-template-rows: 0fr;
695
782
  margin-block: 0;
696
783
  overflow: hidden;
697
784
  opacity: 0;
698
- 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);
785
+ 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));
699
786
  }
700
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
787
+ .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 {
701
788
  min-height: 0;
702
789
  padding-block-start: 0;
703
790
  padding-block-end: 0;
704
791
  border-width: 0;
705
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
792
+ 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));
706
793
  }
707
794
  @media screen and (prefers-reduced-motion: no-preference) {
708
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
709
- 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);
795
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
796
+ 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));
710
797
  transform: translateX(100%);
711
798
  }
712
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
713
- transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
799
+ :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 {
800
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
801
+ }
802
+ .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 {
803
+ 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));
714
804
  }
715
805
  }
716
806
  .pf-v6-c-alert-group__item:hover {
@@ -1457,15 +1547,20 @@ button.pf-v6-c-breadcrumb__link {
1457
1547
  --pf-v6-c-button--TextDecorationLine: none;
1458
1548
  --pf-v6-c-button--TextDecorationStyle: none;
1459
1549
  --pf-v6-c-button--TextDecorationColor: currentcolor;
1550
+ --pf-v6-c-button--TransitionDelay: 0s;
1460
1551
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1461
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1462
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
1552
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1553
+ --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1554
+ --pf-v6-c-button--ScaleX: 1;
1555
+ --pf-v6-c-button--ScaleY: 1;
1463
1556
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1464
1557
  --pf-v6-c-button--hover--BorderColor: transparent;
1465
1558
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1466
1559
  --pf-v6-c-button--hover--TextDecorationLine: none;
1467
1560
  --pf-v6-c-button--hover--TextDecorationStyle: none;
1468
1561
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
1562
+ --pf-v6-c-button--hover--ScaleX: 1;
1563
+ --pf-v6-c-button--hover--ScaleY: 1;
1469
1564
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1470
1565
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1471
1566
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1675,12 +1770,30 @@ button.pf-v6-c-breadcrumb__link {
1675
1770
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
1676
1771
  --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
1677
1772
  --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
1773
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
1774
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
1775
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
1776
+ --pf-v6-c-button__icon--TransitionProperty: none;
1777
+ --pf-v6-c-button__icon--Rotate: 0deg;
1778
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
1779
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
1780
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
1781
+ --pf-v6-c-button--hover__icon--Rotate: 0deg;
1782
+ --pf-v6-c-button__icon--ScaleX: 1;
1783
+ --pf-v6-c-button__icon--ScaleY: 1;
1784
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
1785
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
1678
1786
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1679
1787
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1680
1788
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
1681
1789
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
1682
1790
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
1683
1791
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
1792
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
1793
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
1794
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
1795
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
1796
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1684
1797
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
1685
1798
  --pf-v6-c-button__progress--Opacity: 0;
1686
1799
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -1695,9 +1808,28 @@ button.pf-v6-c-breadcrumb__link {
1695
1808
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1696
1809
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
1697
1810
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
1811
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1812
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1813
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1814
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1815
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
1698
1816
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
1699
1817
  --pf-v6-c-button--m-block--Display: flex;
1700
1818
  --pf-v6-c-button--m-block--Width: 100%;
1819
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1820
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
1821
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
1822
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
1823
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
1824
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
1825
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
1826
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
1827
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
1828
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
1829
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
1830
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
1831
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
1832
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
1701
1833
  }
1702
1834
 
1703
1835
  .pf-v6-c-button {
@@ -1721,16 +1853,19 @@ button.pf-v6-c-breadcrumb__link {
1721
1853
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
1722
1854
  white-space: nowrap;
1723
1855
  cursor: pointer;
1856
+ -webkit-user-select: none;
1724
1857
  user-select: none;
1725
- background-color: var(--pf-v6-c-button--BackgroundColor);
1858
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
1726
1859
  border: 0;
1727
1860
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
1728
1861
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
1729
1862
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
1730
1863
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
1864
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
1731
1865
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
1732
1866
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
1733
1867
  transition-property: var(--pf-v6-c-button--TransitionProperty);
1868
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
1734
1869
  }
1735
1870
  .pf-v6-c-button::after {
1736
1871
  position: absolute;
@@ -1839,6 +1974,7 @@ button.pf-v6-c-breadcrumb__link {
1839
1974
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
1840
1975
  text-align: start;
1841
1976
  white-space: normal;
1977
+ background: transparent;
1842
1978
  outline-offset: 0.125rem;
1843
1979
  }
1844
1980
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -1972,6 +2108,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1972
2108
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
1973
2109
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
1974
2110
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
2111
+ background: var(--pf-v6-c-button--BackgroundColor);
1975
2112
  }
1976
2113
  .pf-v6-c-button.pf-m-block {
1977
2114
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -1991,44 +2128,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1991
2128
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
1992
2129
  }
1993
2130
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
2131
+ display: grid;
1994
2132
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
1995
2133
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
1996
2134
  transition-property: color;
1997
2135
  }
1998
2136
  .pf-v6-c-button.pf-m-favorited {
1999
2137
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
2138
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
2000
2139
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
2140
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
2141
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
2142
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
2001
2143
  }
2002
2144
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
2003
2145
  animation-name: pf-v6-c-button-icon-favorited;
2004
2146
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
2005
2147
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
2006
2148
  }
2149
+ .pf-v6-c-button.pf-m-settings {
2150
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
2151
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
2152
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
2153
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
2154
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
2155
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
2156
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
2157
+ }
2158
+ .pf-v6-c-button.pf-m-hamburger {
2159
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2160
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
2161
+ --pf-v6-c-button__icon--TransitionProperty: scale;
2162
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2163
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
2164
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
2165
+ }
2166
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
2167
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
2168
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2169
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2170
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
2171
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2172
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2173
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2174
+ }
2175
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
2176
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
2177
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2178
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2179
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
2180
+ --pf-v6-c-button__icon--ScaleX: 1;
2181
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2182
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
2183
+ }
2007
2184
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2008
2185
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
2009
2186
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
2010
2187
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
2011
2188
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
2189
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
2190
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
2012
2191
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
2013
2192
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
2193
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
2194
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
2195
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
2196
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
2197
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
2198
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
2014
2199
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2015
2200
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2016
2201
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
2017
2202
  }
2018
- .pf-v6-c-button.pf-m-clicked {
2203
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
2019
2204
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
2020
2205
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
2021
2206
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
2022
2207
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
2023
2208
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
2024
2209
  }
2210
+ .pf-v6-c-button:active {
2211
+ background-size: 100%;
2212
+ transition-duration: 0s;
2213
+ }
2025
2214
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
2026
2215
  pointer-events: none;
2027
2216
  }
2028
2217
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
2029
2218
  color: var(--pf-v6-c-button--disabled--Color);
2030
2219
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
2031
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
2220
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
2032
2221
  }
2033
2222
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
2034
2223
  border-color: transparent;
@@ -2069,6 +2258,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2069
2258
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2070
2259
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2071
2260
  color: var(--pf-v6-c-button__icon--Color);
2261
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2262
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2263
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2264
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2265
+ rotate: var(--pf-v6-c-button__icon--Rotate);
2266
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2072
2267
  }
2073
2268
  .pf-v6-c-button__icon.pf-m-start {
2074
2269
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2077,6 +2272,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2077
2272
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
2078
2273
  }
2079
2274
 
2275
+ .pf-v6-c-button__icon-favorite,
2276
+ .pf-v6-c-button__icon-favorited {
2277
+ grid-area: 1/1/1/1;
2278
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
2279
+ transition-property: opacity;
2280
+ }
2281
+
2282
+ .pf-v6-c-button__icon-favorite {
2283
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
2284
+ }
2285
+
2286
+ .pf-v6-c-button__icon-favorited {
2287
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
2288
+ }
2289
+
2080
2290
  .pf-v6-c-button__progress {
2081
2291
  position: absolute;
2082
2292
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -2089,11 +2299,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2089
2299
  --pf-v6-c-spinner--Color: currentcolor;
2090
2300
  }
2091
2301
 
2302
+ .pf-v6-c-button__text {
2303
+ text-decoration: inherit;
2304
+ }
2305
+
2092
2306
  .pf-v6-c-button__count {
2093
2307
  display: inline-flex;
2094
2308
  align-items: center;
2095
2309
  }
2096
2310
 
2311
+ .pf-v6-c-button--hamburger-icon path {
2312
+ fill: none;
2313
+ stroke: currentcolor;
2314
+ stroke-linecap: round;
2315
+ stroke-linejoin: round;
2316
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
2317
+ }
2318
+
2319
+ .pf-v6-c-button--hamburger-icon--top {
2320
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
2321
+ }
2322
+
2323
+ .pf-v6-c-button--hamburger-icon--middle {
2324
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
2325
+ }
2326
+
2327
+ .pf-v6-c-button--hamburger-icon--arrow {
2328
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
2329
+ }
2330
+
2331
+ .pf-v6-c-button--hamburger-icon--bottom {
2332
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
2333
+ }
2334
+
2097
2335
  @keyframes pf-v6-c-button-icon-notify {
2098
2336
  33% {
2099
2337
  transform: rotate(30deg);
@@ -2104,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2104
2342
  }
2105
2343
  @keyframes pf-v6-c-button-icon-favorited {
2106
2344
  50% {
2107
- transform: scale(1.5);
2345
+ scale: 1.5;
2108
2346
  }
2109
2347
  }
2110
2348
  .pf-v6-c-calendar-month {
@@ -3051,6 +3289,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3051
3289
  .pf-v6-c-code-editor__main .monaco-editor {
3052
3290
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
3053
3291
  }
3292
+ .pf-v6-c-code-editor__main a.label-name {
3293
+ text-decoration-line: none;
3294
+ }
3054
3295
 
3055
3296
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
3056
3297
  border-block-start-width: 0;
@@ -4624,6 +4865,17 @@ ul) {
4624
4865
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
4625
4866
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
4626
4867
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
4868
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
4869
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
4870
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
4871
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
4872
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
4873
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
4874
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4875
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
4876
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
4877
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
4878
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
4627
4879
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4628
4880
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4629
4881
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -4661,6 +4913,13 @@ ul) {
4661
4913
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
4662
4914
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
4663
4915
  }
4916
+ @media screen and (prefers-reduced-motion: no-preference) {
4917
+ .pf-v6-c-dual-list-selector {
4918
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
4919
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
4920
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
4921
+ }
4922
+ }
4664
4923
 
4665
4924
  .pf-v6-c-dual-list-selector {
4666
4925
  display: grid;
@@ -4756,9 +5015,27 @@ ul) {
4756
5015
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
4757
5016
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
4758
5017
  }
5018
+ .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 {
5019
+ max-height: 0;
5020
+ visibility: hidden;
5021
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
5022
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
5023
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
5024
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
5025
+ transition-property: opacity, translate, visibility, max-height;
5026
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5027
+ }
4759
5028
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
4760
5029
  --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);
4761
5030
  }
5031
+ .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 {
5032
+ max-height: 99999px;
5033
+ visibility: revert;
5034
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5035
+ transition-delay: 0s;
5036
+ 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;
5037
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5038
+ }
4762
5039
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
4763
5040
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
4764
5041
  --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);
@@ -6294,6 +6571,18 @@ ul) {
6294
6571
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6295
6572
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
6296
6573
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
6574
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
6575
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
6576
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
6577
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
6578
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
6579
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
6580
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
6581
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6582
+ --pf-v6-c-expandable-section__content--Opacity: 0;
6583
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
6584
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
6585
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
6297
6586
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
6298
6587
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
6299
6588
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6305,20 +6594,39 @@ ul) {
6305
6594
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
6306
6595
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6307
6596
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
6597
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
6308
6598
  --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));
6309
6599
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
6310
6600
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
6311
6601
  }
6602
+ @media screen and (prefers-reduced-motion: no-preference) {
6603
+ .pf-v6-c-expandable-section {
6604
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
6605
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
6606
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
6607
+ }
6608
+ }
6312
6609
 
6313
6610
  .pf-v6-c-expandable-section {
6314
6611
  display: flex;
6315
6612
  flex-direction: column;
6316
- gap: var(--pf-v6-c-expandable-section--Gap);
6613
+ gap: 0;
6614
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
6615
+ transition-duration: 0s;
6616
+ transition-property: gap, padding-block-end;
6317
6617
  }
6318
6618
  .pf-v6-c-expandable-section.pf-m-expanded {
6319
6619
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
6320
6620
  --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);
6321
6621
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
6622
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
6623
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
6624
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6625
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6626
+ --pf-v6-c-expandable-section__content--Visibility: auto;
6627
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6628
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6629
+ gap: var(--pf-v6-c-expandable-section--Gap);
6322
6630
  }
6323
6631
  .pf-v6-c-expandable-section.pf-m-limit-width {
6324
6632
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -6365,6 +6673,19 @@ ul) {
6365
6673
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6366
6674
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6367
6675
  }
6676
+ .pf-v6-c-expandable-section__content:where([hidden]) {
6677
+ display: revert;
6678
+ }
6679
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6680
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6681
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6682
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6683
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
6684
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
6685
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
6686
+ transition-property: opacity, translate, visibility, max-height;
6687
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
6688
+ }
6368
6689
 
6369
6690
  .pf-v6-c-file-upload {
6370
6691
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6476,7 +6797,7 @@ ul) {
6476
6797
  --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));
6477
6798
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
6478
6799
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
6479
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
6800
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
6480
6801
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
6481
6802
  --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);
6482
6803
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -6496,6 +6817,8 @@ ul) {
6496
6817
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
6497
6818
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
6498
6819
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
6820
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6821
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6499
6822
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
6500
6823
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
6501
6824
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -6503,6 +6826,19 @@ ul) {
6503
6826
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
6504
6827
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
6505
6828
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
6829
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
6830
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
6831
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
6832
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
6833
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
6834
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
6835
+ }
6836
+ @media screen and (prefers-reduced-motion: no-preference) {
6837
+ .pf-v6-c-form {
6838
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
6839
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
6840
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
6841
+ }
6506
6842
  }
6507
6843
 
6508
6844
  .pf-v6-c-form {
@@ -6859,6 +7195,16 @@ ul) {
6859
7195
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
6860
7196
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
6861
7197
  }
7198
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
7199
+ max-height: 99999px;
7200
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
7201
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
7202
+ visibility: visible;
7203
+ opacity: 1;
7204
+ transition-delay: 0s;
7205
+ 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;
7206
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
7207
+ }
6862
7208
 
6863
7209
  .pf-v6-c-form__field-group-toggle {
6864
7210
  grid-row: 1/2;
@@ -6917,6 +7263,8 @@ ul) {
6917
7263
  }
6918
7264
 
6919
7265
  .pf-v6-c-form__field-group-header-actions {
7266
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
7267
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
6920
7268
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
6921
7269
  white-space: nowrap;
6922
7270
  }
@@ -6928,6 +7276,18 @@ ul) {
6928
7276
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
6929
7277
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
6930
7278
  }
7279
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
7280
+ max-height: 0;
7281
+ padding-block-start: 0;
7282
+ padding-block-end: 0;
7283
+ visibility: hidden;
7284
+ opacity: 0;
7285
+ 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);
7286
+ 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;
7287
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
7288
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
7289
+ }
7290
+
6931
7291
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
6932
7292
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
6933
7293
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -7164,6 +7524,22 @@ ul) {
7164
7524
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
7165
7525
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
7166
7526
  }
7527
+ @media (prefers-reduced-motion: no-preference) {
7528
+ .pf-v6-c-form-control.pf-m-error {
7529
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
7530
+ animation-name: pf-v6-global-danger-jiggle-motion;
7531
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
7532
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
7533
+ animation-fill-mode: both;
7534
+ }
7535
+ }
7536
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
7537
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
7538
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
7539
+ animation-name: pf-v6-global-fade-in;
7540
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
7541
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
7542
+ }
7167
7543
  .pf-v6-c-form-control.pf-m-error > textarea {
7168
7544
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
7169
7545
  }
@@ -9632,7 +10008,7 @@ ul.pf-v6-c-list {
9632
10008
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
9633
10009
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
9634
10010
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
9635
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10011
+ --pf-v6-c-menu--TransitionDuration: 0s;
9636
10012
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9637
10013
  --pf-v6-c-menu--m-plain--BoxShadow: none;
9638
10014
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -9705,14 +10081,34 @@ ul.pf-v6-c-list {
9705
10081
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
9706
10082
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
9707
10083
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
9708
- --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);
10084
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
9709
10085
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
9710
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10086
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
9711
10087
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
9712
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10088
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
9713
10089
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
9714
10090
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
9715
10091
  }
10092
+ @media (prefers-reduced-motion: no-preference) {
10093
+ .pf-v6-c-menu {
10094
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10095
+ }
10096
+ }
10097
+ @media (prefers-reduced-motion: no-preference) {
10098
+ .pf-v6-c-menu {
10099
+ --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);
10100
+ }
10101
+ }
10102
+ @media (prefers-reduced-motion: no-preference) {
10103
+ .pf-v6-c-menu {
10104
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10105
+ }
10106
+ }
10107
+ @media (prefers-reduced-motion: no-preference) {
10108
+ .pf-v6-c-menu {
10109
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10110
+ }
10111
+ }
9716
10112
 
9717
10113
  .pf-v6-c-menu__content,
9718
10114
  .pf-v6-c-menu__list-item,
@@ -10246,6 +10642,14 @@ ul.pf-v6-c-list {
10246
10642
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
10247
10643
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
10248
10644
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
10645
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
10646
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
10647
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
10648
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
10649
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
10650
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
10651
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
10652
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
10249
10653
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
10250
10654
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10251
10655
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -10343,6 +10747,11 @@ ul.pf-v6-c-list {
10343
10747
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
10344
10748
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
10345
10749
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
10750
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
10751
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
10752
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
10753
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
10754
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
10346
10755
  }
10347
10756
 
10348
10757
  .pf-v6-c-menu-toggle {
@@ -10456,6 +10865,10 @@ ul.pf-v6-c-list {
10456
10865
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
10457
10866
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
10458
10867
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
10868
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
10869
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
10870
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
10871
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
10459
10872
  }
10460
10873
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
10461
10874
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -10511,6 +10924,15 @@ ul.pf-v6-c-list {
10511
10924
  opacity: 1;
10512
10925
  }
10513
10926
  }
10927
+ .pf-v6-c-menu-toggle.pf-m-settings {
10928
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
10929
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
10930
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
10931
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
10932
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
10933
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
10934
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
10935
+ }
10514
10936
  .pf-v6-c-menu-toggle.pf-m-placeholder {
10515
10937
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
10516
10938
  }
@@ -10663,16 +11085,24 @@ ul.pf-v6-c-list {
10663
11085
  flex-wrap: nowrap;
10664
11086
  }
10665
11087
 
10666
- .pf-v6-c-menu-toggle__icon {
10667
- flex-shrink: 0;
10668
- }
10669
11088
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
10670
11089
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
10671
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
11090
+ .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 {
10672
11091
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
10673
11092
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
10674
11093
  }
10675
11094
 
11095
+ .pf-v6-c-menu-toggle__icon {
11096
+ flex-shrink: 0;
11097
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
11098
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
11099
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
11100
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
11101
+ }
11102
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
11103
+ vertical-align: middle;
11104
+ }
11105
+
10676
11106
  .pf-v6-c-menu-toggle__controls {
10677
11107
  display: flex;
10678
11108
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -11159,9 +11589,13 @@ ul.pf-v6-c-list {
11159
11589
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
11160
11590
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
11161
11591
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
11162
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
11163
- --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
11592
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
11593
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
11594
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
11595
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
11164
11596
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
11597
+ --pf-v6-c-nav__subnav--TranslateY: 0;
11598
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
11165
11599
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
11166
11600
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
11167
11601
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -11190,6 +11624,13 @@ ul.pf-v6-c-list {
11190
11624
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
11191
11625
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11192
11626
  }
11627
+ @media screen and (prefers-reduced-motion: no-preference) {
11628
+ .pf-v6-c-nav {
11629
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
11630
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
11631
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
11632
+ }
11633
+ }
11193
11634
 
11194
11635
  .pf-v6-c-nav,
11195
11636
  .pf-v6-c-nav__section,
@@ -11260,24 +11701,27 @@ ul.pf-v6-c-list {
11260
11701
 
11261
11702
  .pf-v6-c-nav__subnav {
11262
11703
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
11263
- grid-template-rows: 1fr;
11264
- min-height: 0;
11704
+ max-height: 99999px;
11265
11705
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
11266
11706
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
11267
11707
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
11268
11708
  overflow-y: clip;
11269
- 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);
11709
+ visibility: visible;
11710
+ 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);
11270
11711
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
11271
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
11272
- transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
11712
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
11713
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
11714
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
11273
11715
  }
11274
11716
  .pf-v6-c-nav__subnav[hidden] {
11275
11717
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
11276
11718
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
11719
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
11277
11720
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
11278
11721
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
11722
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
11279
11723
  display: grid;
11280
- grid-template-rows: 0fr;
11724
+ max-height: 0;
11281
11725
  visibility: hidden;
11282
11726
  opacity: 0;
11283
11727
  }
@@ -11762,13 +12206,18 @@ ul.pf-v6-c-list {
11762
12206
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
11763
12207
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11764
12208
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11765
- --pf-v6-c-page__sidebar--Width: 18.125rem;
11766
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
12209
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
12210
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
12211
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
11767
12212
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11768
12213
  --pf-v6-c-page__sidebar--BoxShadow: none;
11769
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
11770
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12214
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
12215
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
12216
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
11771
12217
  --pf-v6-c-page__sidebar--TranslateX: -100%;
12218
+ --pf-v6-c-page__sidebar--Opacity: 0;
12219
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
12220
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
11772
12221
  --pf-v6-c-page__sidebar--TranslateZ: 0;
11773
12222
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
11774
12223
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -11846,9 +12295,17 @@ ul.pf-v6-c-list {
11846
12295
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
11847
12296
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11848
12297
  }
12298
+ @media screen and (prefers-reduced-motion: no-preference) {
12299
+ .pf-v6-c-page {
12300
+ --pf-v6-c-page__sidebar--Opacity: 1;
12301
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
12302
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
12303
+ }
12304
+ }
11849
12305
  @media screen and (min-width: 75rem) {
11850
12306
  .pf-v6-c-page {
11851
12307
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
12308
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
11852
12309
  }
11853
12310
  }
11854
12311
 
@@ -11869,6 +12326,51 @@ ul.pf-v6-c-list {
11869
12326
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11870
12327
  }
11871
12328
  }
12329
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
12330
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12331
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12332
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12333
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12334
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12335
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12336
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12337
+ }
12338
+ .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) {
12339
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12340
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12341
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12342
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12343
+ --pf-v6-c-button__icon--ScaleX: 1;
12344
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12345
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12346
+ }
12347
+ @media (min-width: 75rem) {
12348
+ .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) {
12349
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
12350
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
12351
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
12352
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
12353
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
12354
+ }
12355
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
12356
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12357
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12358
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12359
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12360
+ --pf-v6-c-button__icon--ScaleX: 1;
12361
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12362
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12363
+ }
12364
+ .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) {
12365
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12366
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12367
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12368
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12369
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12370
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12371
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12372
+ }
12373
+ }
11872
12374
 
11873
12375
  .pf-v6-c-page > .pf-v6-c-masthead {
11874
12376
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -11897,7 +12399,8 @@ ul.pf-v6-c-list {
11897
12399
  overflow-y: auto;
11898
12400
  -webkit-overflow-scrolling: touch;
11899
12401
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
11900
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
12402
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
12403
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
11901
12404
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
11902
12405
  }
11903
12406
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -11906,6 +12409,7 @@ ul.pf-v6-c-list {
11906
12409
 
11907
12410
  .pf-v6-c-page__sidebar.pf-m-expanded {
11908
12411
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
12412
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
11909
12413
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
11910
12414
  }
11911
12415
  @media screen and (min-width: 75rem) {
@@ -12191,7 +12695,7 @@ ul.pf-v6-c-list {
12191
12695
  -webkit-overflow-scrolling: touch;
12192
12696
  }
12193
12697
  @media screen and (min-width: 75rem) {
12194
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
12698
+ .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,
12195
12699
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
12196
12700
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
12197
12701
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -13166,6 +13670,22 @@ ul.pf-v6-c-list {
13166
13670
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13167
13671
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13168
13672
  }
13673
+ @media (prefers-reduced-motion: no-preference) {
13674
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
13675
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
13676
+ animation-name: pf-v6-global-danger-jiggle-motion;
13677
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
13678
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
13679
+ animation-fill-mode: both;
13680
+ }
13681
+ }
13682
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
13683
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
13684
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
13685
+ animation-name: pf-v6-global-fade-in;
13686
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
13687
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
13688
+ }
13169
13689
 
13170
13690
  .pf-v6-c-progress__description {
13171
13691
  grid-column: 1/2;
@@ -14343,8 +14863,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14343
14863
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
14344
14864
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
14345
14865
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
14346
- --pf-v6-c-skeleton--after--TranslateX: -100%;
14347
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
14866
+ --pf-v6-c-skeleton--after--TranslateX: 0;
14867
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
14348
14868
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
14349
14869
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
14350
14870
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -14376,6 +14896,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14376
14896
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
14377
14897
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
14378
14898
  }
14899
+ @media screen and (prefers-reduced-motion: no-preference) {
14900
+ .pf-v6-c-skeleton {
14901
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
14902
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
14903
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
14904
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
14905
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
14906
+ }
14907
+ }
14379
14908
 
14380
14909
  .pf-v6-c-skeleton {
14381
14910
  position: relative;
@@ -14496,6 +15025,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14496
15025
  transform: translateX(100%);
14497
15026
  }
14498
15027
  }
15028
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
15029
+ 0% {
15030
+ opacity: 0.25;
15031
+ }
15032
+ 60% {
15033
+ opacity: 1;
15034
+ }
15035
+ 100% {
15036
+ opacity: 0.25;
15037
+ }
15038
+ }
14499
15039
  .pf-v6-c-skip-to-content {
14500
15040
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14501
15041
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14743,6 +15283,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14743
15283
  --pf-v6-c-spinner--StrokeWidth: 10;
14744
15284
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14745
15285
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
15286
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
14746
15287
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14747
15288
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14748
15289
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -14759,6 +15300,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14759
15300
  .pf-v6-c-spinner.pf-m-inline {
14760
15301
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14761
15302
  }
15303
+ .pf-v6-c-spinner.pf-m-xs {
15304
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
15305
+ --pf-v6-c-spinner--StrokeWidth: 15;
15306
+ }
14762
15307
  .pf-v6-c-spinner.pf-m-sm {
14763
15308
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14764
15309
  }
@@ -15040,6 +15585,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15040
15585
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15041
15586
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15042
15587
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
15588
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
15043
15589
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15044
15590
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15045
15591
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -15164,7 +15710,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15164
15710
  }
15165
15711
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15166
15712
  position: revert;
15167
- font-weight: bold;
15713
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15168
15714
  text-align: start;
15169
15715
  content: attr(data-label);
15170
15716
  }
@@ -15464,7 +16010,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15464
16010
  }
15465
16011
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15466
16012
  position: revert;
15467
- font-weight: bold;
16013
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15468
16014
  text-align: start;
15469
16015
  content: attr(data-label);
15470
16016
  }
@@ -15767,7 +16313,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15767
16313
  }
15768
16314
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15769
16315
  position: revert;
15770
- font-weight: bold;
16316
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15771
16317
  text-align: start;
15772
16318
  content: attr(data-label);
15773
16319
  }
@@ -16070,7 +16616,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16070
16616
  }
16071
16617
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16072
16618
  position: revert;
16073
- font-weight: bold;
16619
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16074
16620
  text-align: start;
16075
16621
  content: attr(data-label);
16076
16622
  }
@@ -16373,7 +16919,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16373
16919
  }
16374
16920
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16375
16921
  position: revert;
16376
- font-weight: bold;
16922
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16377
16923
  text-align: start;
16378
16924
  content: attr(data-label);
16379
16925
  }
@@ -16651,6 +17197,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16651
17197
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16652
17198
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16653
17199
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17200
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
17201
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
17202
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17203
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
17204
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17205
+ --pf-v6-c-table__expandable-row--Opacity: 0;
17206
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
17207
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
17208
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
16654
17209
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
16655
17210
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16656
17211
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -16711,6 +17266,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16711
17266
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
16712
17267
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
16713
17268
  }
17269
+ @media screen and (prefers-reduced-motion: no-preference) {
17270
+ .pf-v6-c-table {
17271
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
17272
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
17273
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
17274
+ }
17275
+ }
16714
17276
 
16715
17277
  .pf-v6-c-table {
16716
17278
  width: 100%;
@@ -16975,6 +17537,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16975
17537
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
16976
17538
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
16977
17539
  }
17540
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
17541
+ display: revert;
17542
+ visibility: hidden;
17543
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17544
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17545
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17546
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
17547
+ transition-property: opacity, translate, visibility;
17548
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17549
+ }
17550
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
17551
+ display: revert;
17552
+ }
17553
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
17554
+ visibility: visible;
17555
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17556
+ transition-delay: 0s;
17557
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
17558
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17559
+ }
17560
+ .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 {
17561
+ max-height: 99999px;
17562
+ }
17563
+ .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),
17564
+ .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 {
17565
+ padding: 0;
17566
+ overflow: hidden;
17567
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17568
+ transition-property: padding, max-height, overflow;
17569
+ }
17570
+ .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 {
17571
+ max-height: 0;
17572
+ }
16978
17573
 
16979
17574
  [class*=pf-v6-c-table].pf-m-truncate {
16980
17575
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -17280,21 +17875,25 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17280
17875
  position: relative;
17281
17876
  border-block-end: 0 solid transparent;
17282
17877
  }
17283
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17284
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17878
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17879
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17285
17880
  padding-block-start: 0;
17286
17881
  }
17287
-
17288
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
17289
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
17882
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17883
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17884
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
17885
+ }
17886
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
17887
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
17290
17888
  padding-block-start: 0;
17291
17889
  padding-block-end: 0;
17292
17890
  padding-inline-start: 0;
17293
17891
  padding-inline-end: 0;
17294
17892
  }
17295
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17296
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17893
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17894
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17297
17895
  padding: 0;
17896
+ border-radius: 0;
17298
17897
  }
17299
17898
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17300
17899
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -17304,6 +17903,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17304
17903
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
17305
17904
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
17306
17905
  }
17906
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
17907
+ background-color: transparent;
17908
+ }
17307
17909
  .pf-v6-c-table__expandable-row.pf-m-expanded {
17308
17910
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
17309
17911
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -17315,6 +17917,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17315
17917
  border-block-end: 0;
17316
17918
  }
17317
17919
 
17920
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
17921
+ border-block-end: 0;
17922
+ }
17923
+
17318
17924
  .pf-v6-c-table.pf-m-compact {
17319
17925
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
17320
17926
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -17370,7 +17976,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17370
17976
  }
17371
17977
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
17372
17978
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
17373
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
17979
+ border-block-end: 0;
17374
17980
  }
17375
17981
 
17376
17982
  .pf-v6-c-table__tr {
@@ -18429,25 +19035,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18429
19035
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
18430
19036
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
18431
19037
  --pf-v6-c-tabs--link-accent--start: 0;
18432
- --pf-v6-c-tabs--link-accent--length: auto;
19038
+ --pf-v6-c-tabs--link-accent--length: 0;
18433
19039
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
18434
19040
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
19041
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
19042
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18435
19043
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
18436
19044
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
18437
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
19045
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
18438
19046
  --pf-v6-c-tabs--link-accent--Width: initial;
18439
19047
  --pf-v6-c-tabs--link-accent--Height: 0;
18440
19048
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
18441
19049
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
18442
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
19050
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
19051
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
19052
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
19053
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
18443
19054
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
18444
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
18445
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
18446
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
18447
19055
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
18448
19056
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
18449
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
18450
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19057
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
19058
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
19059
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
18451
19060
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18452
19061
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18453
19062
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -18607,11 +19216,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18607
19216
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
18608
19217
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
18609
19218
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
18610
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
18611
19219
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
18612
19220
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
18613
19221
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
18614
19222
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
19223
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
19224
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
19225
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
18615
19226
  display: inline-flex;
18616
19227
  flex-direction: column;
18617
19228
  height: 100%;
@@ -19188,15 +19799,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19188
19799
  }
19189
19800
 
19190
19801
  @media (prefers-reduced-motion: no-preference) {
19191
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
19192
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
19802
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
19803
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
19193
19804
  content: revert;
19194
19805
  }
19195
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19806
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19196
19807
  position: absolute;
19197
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
19808
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
19198
19809
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
19199
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
19810
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
19200
19811
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
19201
19812
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
19202
19813
  content: "";
@@ -19205,7 +19816,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19205
19816
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
19206
19817
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
19207
19818
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
19208
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
19819
+ transition-property: width, height, translate;
19820
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
19821
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
19822
+ }
19823
+ :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 {
19824
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
19209
19825
  }
19210
19826
  .pf-v6-c-tabs.pf-m-initializing-accent {
19211
19827
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -19316,6 +19932,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19316
19932
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
19317
19933
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
19318
19934
  }
19935
+ @media (prefers-reduced-motion: no-preference) {
19936
+ .pf-v6-c-text-input-group.pf-m-error {
19937
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
19938
+ animation-name: pf-v6-global-danger-jiggle-motion;
19939
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
19940
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
19941
+ animation-fill-mode: both;
19942
+ }
19943
+ }
19944
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
19945
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
19946
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
19947
+ animation-name: pf-v6-global-fade-in;
19948
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
19949
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
19950
+ }
19319
19951
  .pf-v6-c-text-input-group:hover {
19320
19952
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
19321
19953
  }
@@ -19547,6 +20179,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19547
20179
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19548
20180
  }
19549
20181
 
20182
+ .pf-v6-c-timestamp__text {
20183
+ text-decoration: inherit;
20184
+ }
20185
+
19550
20186
  .pf-v6-c-title {
19551
20187
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19552
20188
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -21821,6 +22457,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21821
22457
  grid-auto-flow: column;
21822
22458
  align-items: baseline;
21823
22459
  min-width: var(--pf-v6-c-truncate--MinWidth);
22460
+ text-decoration: inherit;
22461
+ }
22462
+ .pf-v6-c-truncate.pf-m-fixed {
22463
+ display: inline;
22464
+ align-items: revert;
22465
+ min-width: revert;
21824
22466
  }
21825
22467
 
21826
22468
  .pf-v6-c-truncate__start,
@@ -21912,6 +22554,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21912
22554
  --pf-v6-c-tree-view__node-container--Display: contents;
21913
22555
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
21914
22556
  --pf-v6-c-tree-view__node-content--Overflow: visible;
22557
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
22558
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
22559
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
22560
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
22561
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
22562
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
22563
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22564
+ --pf-v6-c-tree-view__list--Opacity: 0;
22565
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
22566
+ --pf-v6-c-tree-view__list--TranslateY: 0;
22567
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
21915
22568
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
21916
22569
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
21917
22570
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -21927,6 +22580,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21927
22580
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
21928
22581
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
21929
22582
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
22583
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22584
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
21930
22585
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
21931
22586
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
21932
22587
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -22002,6 +22657,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22002
22657
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
22003
22658
  --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);
22004
22659
  }
22660
+ @media screen and (prefers-reduced-motion: no-preference) {
22661
+ .pf-v6-c-tree-view {
22662
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
22663
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
22664
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
22665
+ }
22666
+ }
22005
22667
 
22006
22668
  .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 {
22007
22669
  position: relative;
@@ -22117,12 +22779,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22117
22779
  display: inline-block;
22118
22780
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
22119
22781
  text-align: center;
22782
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
22120
22783
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
22121
22784
  }
22122
22785
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
22123
22786
  scale: -1 1;
22124
22787
  }
22125
22788
 
22789
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
22790
+ max-height: 0;
22791
+ visibility: hidden;
22792
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
22793
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
22794
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
22795
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
22796
+ transition-property: opacity, translate, visibility, max-height;
22797
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
22798
+ }
22126
22799
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
22127
22800
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
22128
22801
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -22131,6 +22804,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22131
22804
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
22132
22805
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22133
22806
  }
22807
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22808
+ max-height: 99999px;
22809
+ visibility: revert;
22810
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22811
+ transition-delay: 0s;
22812
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
22813
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
22814
+ }
22134
22815
 
22135
22816
  .pf-v6-c-tree-view__node,
22136
22817
  .pf-v6-c-tree-view__node-container {