@patternfly/react-styles 6.3.0-prerelease.1 → 6.3.0-prerelease.11

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 (81) hide show
  1. package/CHANGELOG.md +58 -0
  2. package/css/assets/images/icon-help.hbs +3 -0
  3. package/css/assets/images/icon-outlined-star.hbs +3 -0
  4. package/css/assets/images/icon-star.hbs +3 -0
  5. package/css/components/Accordion/accordion.css +72 -3
  6. package/css/components/Alert/alert-group.css +52 -31
  7. package/css/components/Alert/alert-group.d.ts +4 -1
  8. package/css/components/Alert/alert-group.js +4 -1
  9. package/css/components/Alert/alert-group.mjs +4 -1
  10. package/css/components/Button/button.css +154 -6
  11. package/css/components/Button/button.d.ts +12 -0
  12. package/css/components/Button/button.js +12 -0
  13. package/css/components/Button/button.mjs +12 -0
  14. package/css/components/DataList/data-list.css +2 -2
  15. package/css/components/DualListSelector/dual-list-selector.css +36 -0
  16. package/css/components/DualListSelector/dual-list-selector.d.ts +1 -0
  17. package/css/components/DualListSelector/dual-list-selector.js +1 -0
  18. package/css/components/DualListSelector/dual-list-selector.mjs +1 -0
  19. package/css/components/ExpandableSection/expandable-section.css +63 -1
  20. package/css/components/ExpandableSection/expandable-section.d.ts +3 -2
  21. package/css/components/ExpandableSection/expandable-section.js +3 -2
  22. package/css/components/ExpandableSection/expandable-section.mjs +3 -2
  23. package/css/components/FileUpload/file-upload.css +3 -3
  24. package/css/components/Form/form.css +40 -1
  25. package/css/components/Form/form.d.ts +2 -1
  26. package/css/components/Form/form.js +2 -1
  27. package/css/components/Form/form.mjs +2 -1
  28. package/css/components/FormControl/form-control.css +16 -0
  29. package/css/components/FormControl/form-control.d.ts +2 -2
  30. package/css/components/FormControl/form-control.js +2 -2
  31. package/css/components/FormControl/form-control.mjs +2 -2
  32. package/css/components/InputGroup/input-group.css +80 -0
  33. package/css/components/InputGroup/input-group.d.ts +6 -0
  34. package/css/components/InputGroup/input-group.js +6 -0
  35. package/css/components/InputGroup/input-group.mjs +6 -0
  36. package/css/components/Menu/menu.css +24 -4
  37. package/css/components/MenuToggle/menu-toggle.css +38 -4
  38. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  39. package/css/components/MenuToggle/menu-toggle.js +1 -0
  40. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  41. package/css/components/Nav/nav.css +22 -8
  42. package/css/components/Page/page.css +62 -3
  43. package/css/components/Page/page.d.ts +3 -0
  44. package/css/components/Page/page.js +3 -0
  45. package/css/components/Page/page.mjs +3 -0
  46. package/css/components/Progress/progress.css +16 -0
  47. package/css/components/Skeleton/skeleton.css +22 -2
  48. package/css/components/Spinner/spinner.css +5 -0
  49. package/css/components/Spinner/spinner.d.ts +1 -0
  50. package/css/components/Spinner/spinner.js +1 -0
  51. package/css/components/Spinner/spinner.mjs +1 -0
  52. package/css/components/Table/table-grid.css +116 -85
  53. package/css/components/Table/table-grid.d.ts +2 -0
  54. package/css/components/Table/table-grid.js +2 -0
  55. package/css/components/Table/table-grid.mjs +2 -0
  56. package/css/components/Table/table.css +128 -47
  57. package/css/components/Table/table.d.ts +5 -1
  58. package/css/components/Table/table.js +5 -1
  59. package/css/components/Table/table.mjs +5 -1
  60. package/css/components/Tabs/tabs.css +25 -15
  61. package/css/components/Tabs/tabs.d.ts +1 -0
  62. package/css/components/Tabs/tabs.js +1 -0
  63. package/css/components/Tabs/tabs.mjs +1 -0
  64. package/css/components/TextInputGroup/text-input-group.css +16 -0
  65. package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
  66. package/css/components/TextInputGroup/text-input-group.js +1 -1
  67. package/css/components/TextInputGroup/text-input-group.mjs +1 -1
  68. package/css/components/Timestamp/timestamp.css +4 -0
  69. package/css/components/Timestamp/timestamp.d.ts +2 -1
  70. package/css/components/Timestamp/timestamp.js +2 -1
  71. package/css/components/Timestamp/timestamp.mjs +2 -1
  72. package/css/components/TreeView/tree-view.css +39 -0
  73. package/css/components/TreeView/tree-view.d.ts +1 -0
  74. package/css/components/TreeView/tree-view.js +1 -0
  75. package/css/components/TreeView/tree-view.mjs +1 -0
  76. package/css/components/Truncate/truncate.css +1 -0
  77. package/css/components/_index.css +1036 -215
  78. package/css/components/_index.d.ts +27 -2
  79. package/css/components/_index.js +27 -2
  80. package/css/components/_index.mjs +27 -2
  81. package/package.json +3 -3
@@ -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% 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% 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 {
@@ -3889,8 +4127,8 @@ ul) {
3889
4127
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3890
4128
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
3891
4129
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3892
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3893
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4130
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
4131
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3894
4132
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3895
4133
  }
3896
4134
  @media screen and (min-width: 36rem) {
@@ -4627,6 +4865,17 @@ ul) {
4627
4865
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
4628
4866
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
4629
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;
4630
4879
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4631
4880
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4632
4881
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -4664,6 +4913,13 @@ ul) {
4664
4913
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
4665
4914
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
4666
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
+ }
4667
4923
 
4668
4924
  .pf-v6-c-dual-list-selector {
4669
4925
  display: grid;
@@ -4759,9 +5015,27 @@ ul) {
4759
5015
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
4760
5016
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
4761
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
+ }
4762
5028
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
4763
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);
4764
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
+ }
4765
5039
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
4766
5040
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
4767
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);
@@ -6297,6 +6571,20 @@ ul) {
6297
6571
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6298
6572
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
6299
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-expand-top__content--TranslateY: 0;
6585
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
6586
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
6587
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
6300
6588
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
6301
6589
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
6302
6590
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6308,20 +6596,55 @@ ul) {
6308
6596
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
6309
6597
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6310
6598
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
6599
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
6311
6600
  --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));
6312
6601
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
6313
6602
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
6314
6603
  }
6604
+ @media screen and (prefers-reduced-motion: no-preference) {
6605
+ .pf-v6-c-expandable-section {
6606
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
6607
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
6608
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
6609
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
6610
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
6611
+ }
6612
+ }
6315
6613
 
6316
6614
  .pf-v6-c-expandable-section {
6317
6615
  display: flex;
6318
6616
  flex-direction: column;
6319
- gap: var(--pf-v6-c-expandable-section--Gap);
6617
+ gap: 0;
6618
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
6619
+ transition-duration: 0s;
6620
+ transition-property: gap, padding-block-end;
6320
6621
  }
6321
6622
  .pf-v6-c-expandable-section.pf-m-expanded {
6322
6623
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
6323
6624
  --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);
6324
6625
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
6626
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
6627
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
6628
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6629
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6630
+ --pf-v6-c-expandable-section__content--Visibility: auto;
6631
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6632
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6633
+ gap: var(--pf-v6-c-expandable-section--Gap);
6634
+ }
6635
+ .pf-v6-c-expandable-section.pf-m-expand-top {
6636
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
6637
+ }
6638
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom) {
6639
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
6640
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: 0s;
6641
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: 0s;
6642
+ }
6643
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded) {
6644
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY);
6645
+ }
6646
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded) {
6647
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY);
6325
6648
  }
6326
6649
  .pf-v6-c-expandable-section.pf-m-limit-width {
6327
6650
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -6368,6 +6691,19 @@ ul) {
6368
6691
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6369
6692
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6370
6693
  }
6694
+ .pf-v6-c-expandable-section__content:where([hidden]) {
6695
+ display: revert;
6696
+ }
6697
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6698
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6699
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6700
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6701
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
6702
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
6703
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
6704
+ transition-property: opacity, translate, visibility, max-height;
6705
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
6706
+ }
6371
6707
 
6372
6708
  .pf-v6-c-file-upload {
6373
6709
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6377,9 +6713,9 @@ ul) {
6377
6713
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6378
6714
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6379
6715
  --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6380
- --pf-v6-c-file-upload--BorderColor: transparent;
6381
- --pf-v6-c-file-upload--BorderStyle: solid;
6382
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6716
+ --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
6717
+ --pf-v6-c-file-upload--BorderStyle: dashed;
6718
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
6383
6719
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6384
6720
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6385
6721
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -6479,7 +6815,7 @@ ul) {
6479
6815
  --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));
6480
6816
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
6481
6817
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
6482
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
6818
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
6483
6819
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
6484
6820
  --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);
6485
6821
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -6499,6 +6835,8 @@ ul) {
6499
6835
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
6500
6836
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
6501
6837
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
6838
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6839
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6502
6840
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
6503
6841
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
6504
6842
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -6506,6 +6844,19 @@ ul) {
6506
6844
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
6507
6845
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
6508
6846
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
6847
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
6848
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
6849
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
6850
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
6851
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
6852
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
6853
+ }
6854
+ @media screen and (prefers-reduced-motion: no-preference) {
6855
+ .pf-v6-c-form {
6856
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
6857
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
6858
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
6859
+ }
6509
6860
  }
6510
6861
 
6511
6862
  .pf-v6-c-form {
@@ -6862,6 +7213,16 @@ ul) {
6862
7213
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
6863
7214
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
6864
7215
  }
7216
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
7217
+ max-height: 99999px;
7218
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
7219
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
7220
+ visibility: visible;
7221
+ opacity: 1;
7222
+ transition-delay: 0s;
7223
+ 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;
7224
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
7225
+ }
6865
7226
 
6866
7227
  .pf-v6-c-form__field-group-toggle {
6867
7228
  grid-row: 1/2;
@@ -6920,6 +7281,8 @@ ul) {
6920
7281
  }
6921
7282
 
6922
7283
  .pf-v6-c-form__field-group-header-actions {
7284
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
7285
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
6923
7286
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
6924
7287
  white-space: nowrap;
6925
7288
  }
@@ -6931,6 +7294,18 @@ ul) {
6931
7294
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
6932
7295
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
6933
7296
  }
7297
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
7298
+ max-height: 0;
7299
+ padding-block-start: 0;
7300
+ padding-block-end: 0;
7301
+ visibility: hidden;
7302
+ opacity: 0;
7303
+ 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);
7304
+ 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;
7305
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
7306
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
7307
+ }
7308
+
6934
7309
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
6935
7310
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
6936
7311
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -7167,6 +7542,22 @@ ul) {
7167
7542
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
7168
7543
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
7169
7544
  }
7545
+ @media (prefers-reduced-motion: no-preference) {
7546
+ .pf-v6-c-form-control.pf-m-error {
7547
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
7548
+ animation-name: pf-v6-global-danger-jiggle-motion;
7549
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
7550
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
7551
+ animation-fill-mode: both;
7552
+ }
7553
+ }
7554
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
7555
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
7556
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
7557
+ animation-name: pf-v6-global-fade-in;
7558
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
7559
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
7560
+ }
7170
7561
  .pf-v6-c-form-control.pf-m-error > textarea {
7171
7562
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
7172
7563
  }
@@ -7816,6 +8207,30 @@ ul) {
7816
8207
  --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7817
8208
  --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7818
8209
  --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8210
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
8211
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
8212
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
8213
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
8214
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
8215
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade);
8216
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide);
8217
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
8218
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start: 100%;
8219
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end: 0;
8220
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end);
8221
+ --pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction:var(--pf-t--global--motion--timing-function--default);
8222
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade: 0s;
8223
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade: 0s;
8224
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade);
8225
+ --pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
8226
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
8227
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
8228
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade);
8229
+ }
8230
+ @media (prefers-reduced-motion: no-preference) {
8231
+ .pf-v6-c-input-group {
8232
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: .7;
8233
+ }
7819
8234
  }
7820
8235
 
7821
8236
  .pf-v6-c-input-group {
@@ -7823,6 +8238,62 @@ ul) {
7823
8238
  gap: var(--pf-v6-c-input-group--Gap);
7824
8239
  width: 100%;
7825
8240
  }
8241
+ .pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded) {
8242
+ --pf-v6-c-input-group--Gap: 0;
8243
+ transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
8244
+ }
8245
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
8246
+ flex-grow: 1;
8247
+ max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
8248
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
8249
+ opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
8250
+ transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
8251
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
8252
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
8253
+ transition-property: opacity, scale, visibility, max-width;
8254
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
8255
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
8256
+ }
8257
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
8258
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
8259
+ visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
8260
+ opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
8261
+ transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
8262
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
8263
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade), 0s, 0s;
8264
+ transition-property: opacity, visibility, max-width;
8265
+ }
8266
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
8267
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
8268
+ visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
8269
+ opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
8270
+ transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
8271
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
8272
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), 0s, 0s;
8273
+ transition-property: opacity, visibility, max-width;
8274
+ }
8275
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start {
8276
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start);
8277
+ }
8278
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded {
8279
+ --pf-v6-c-input-group__item--m-search-text-input--MaxWidth: 100%;
8280
+ --pf-v6-c-input-group__item--m-search-text-input--Visibility: visible;
8281
+ --pf-v6-c-input-group__item--m-search-text-input--Opacity: 1;
8282
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade);
8283
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide);
8284
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
8285
+ --pf-v6-c-input-group__item--m-search-action--MaxWidth: 100%;
8286
+ --pf-v6-c-input-group__item--m-search-action--Visibility: visible;
8287
+ --pf-v6-c-input-group__item--m-search-action--Opacity: 1;
8288
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade);
8289
+ --pf-v6-c-input-group__item--m-search-expand--MaxWidth: 0;
8290
+ --pf-v6-c-input-group__item--m-search-expand--Visibility: hidden;
8291
+ --pf-v6-c-input-group__item--m-search-expand--Opacity: 0;
8292
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade);
8293
+ }
8294
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded .pf-v6-c-input-group__item:is(.pf-m-search-input, .pf-m-search-expand, .pf-m-search-action) {
8295
+ transition-delay: 0s;
8296
+ }
7826
8297
 
7827
8298
  .pf-v6-c-input-group__item {
7828
8299
  position: relative;
@@ -9635,7 +10106,7 @@ ul.pf-v6-c-list {
9635
10106
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
9636
10107
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
9637
10108
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
9638
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10109
+ --pf-v6-c-menu--TransitionDuration: 0s;
9639
10110
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9640
10111
  --pf-v6-c-menu--m-plain--BoxShadow: none;
9641
10112
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -9708,14 +10179,34 @@ ul.pf-v6-c-list {
9708
10179
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
9709
10180
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
9710
10181
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
9711
- --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);
10182
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
9712
10183
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
9713
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10184
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
9714
10185
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
9715
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10186
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
9716
10187
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
9717
10188
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
9718
10189
  }
10190
+ @media (prefers-reduced-motion: no-preference) {
10191
+ .pf-v6-c-menu {
10192
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10193
+ }
10194
+ }
10195
+ @media (prefers-reduced-motion: no-preference) {
10196
+ .pf-v6-c-menu {
10197
+ --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);
10198
+ }
10199
+ }
10200
+ @media (prefers-reduced-motion: no-preference) {
10201
+ .pf-v6-c-menu {
10202
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10203
+ }
10204
+ }
10205
+ @media (prefers-reduced-motion: no-preference) {
10206
+ .pf-v6-c-menu {
10207
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10208
+ }
10209
+ }
9719
10210
 
9720
10211
  .pf-v6-c-menu__content,
9721
10212
  .pf-v6-c-menu__list-item,
@@ -10249,6 +10740,14 @@ ul.pf-v6-c-list {
10249
10740
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
10250
10741
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
10251
10742
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
10743
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
10744
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
10745
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
10746
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
10747
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
10748
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
10749
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
10750
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
10252
10751
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
10253
10752
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10254
10753
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -10346,6 +10845,11 @@ ul.pf-v6-c-list {
10346
10845
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
10347
10846
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
10348
10847
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
10848
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
10849
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
10850
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
10851
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
10852
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
10349
10853
  }
10350
10854
 
10351
10855
  .pf-v6-c-menu-toggle {
@@ -10459,6 +10963,10 @@ ul.pf-v6-c-list {
10459
10963
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
10460
10964
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
10461
10965
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
10966
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
10967
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
10968
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
10969
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
10462
10970
  }
10463
10971
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
10464
10972
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -10514,6 +11022,15 @@ ul.pf-v6-c-list {
10514
11022
  opacity: 1;
10515
11023
  }
10516
11024
  }
11025
+ .pf-v6-c-menu-toggle.pf-m-settings {
11026
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
11027
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
11028
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
11029
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
11030
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
11031
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
11032
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
11033
+ }
10517
11034
  .pf-v6-c-menu-toggle.pf-m-placeholder {
10518
11035
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
10519
11036
  }
@@ -10666,16 +11183,24 @@ ul.pf-v6-c-list {
10666
11183
  flex-wrap: nowrap;
10667
11184
  }
10668
11185
 
10669
- .pf-v6-c-menu-toggle__icon {
10670
- flex-shrink: 0;
10671
- }
10672
11186
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
10673
11187
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
10674
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
11188
+ .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 {
10675
11189
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
10676
11190
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
10677
11191
  }
10678
11192
 
11193
+ .pf-v6-c-menu-toggle__icon {
11194
+ flex-shrink: 0;
11195
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
11196
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
11197
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
11198
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
11199
+ }
11200
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
11201
+ vertical-align: middle;
11202
+ }
11203
+
10679
11204
  .pf-v6-c-menu-toggle__controls {
10680
11205
  display: flex;
10681
11206
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -11162,9 +11687,13 @@ ul.pf-v6-c-list {
11162
11687
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
11163
11688
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
11164
11689
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
11165
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
11166
- --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
11690
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
11691
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
11692
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
11693
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
11167
11694
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
11695
+ --pf-v6-c-nav__subnav--TranslateY: 0;
11696
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
11168
11697
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
11169
11698
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
11170
11699
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -11193,6 +11722,13 @@ ul.pf-v6-c-list {
11193
11722
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
11194
11723
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11195
11724
  }
11725
+ @media screen and (prefers-reduced-motion: no-preference) {
11726
+ .pf-v6-c-nav {
11727
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
11728
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
11729
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
11730
+ }
11731
+ }
11196
11732
 
11197
11733
  .pf-v6-c-nav,
11198
11734
  .pf-v6-c-nav__section,
@@ -11263,24 +11799,27 @@ ul.pf-v6-c-list {
11263
11799
 
11264
11800
  .pf-v6-c-nav__subnav {
11265
11801
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
11266
- grid-template-rows: 1fr;
11267
- min-height: 0;
11802
+ max-height: 99999px;
11268
11803
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
11269
11804
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
11270
11805
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
11271
11806
  overflow-y: clip;
11272
- 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);
11807
+ visibility: visible;
11808
+ 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);
11273
11809
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
11274
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
11275
- transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
11810
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
11811
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
11812
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
11276
11813
  }
11277
11814
  .pf-v6-c-nav__subnav[hidden] {
11278
11815
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
11279
11816
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
11817
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
11280
11818
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
11281
11819
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
11820
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
11282
11821
  display: grid;
11283
- grid-template-rows: 0fr;
11822
+ max-height: 0;
11284
11823
  visibility: hidden;
11285
11824
  opacity: 0;
11286
11825
  }
@@ -11770,9 +12309,13 @@ ul.pf-v6-c-list {
11770
12309
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
11771
12310
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11772
12311
  --pf-v6-c-page__sidebar--BoxShadow: none;
11773
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
11774
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12312
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
12313
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
12314
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
11775
12315
  --pf-v6-c-page__sidebar--TranslateX: -100%;
12316
+ --pf-v6-c-page__sidebar--Opacity: 0;
12317
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
12318
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
11776
12319
  --pf-v6-c-page__sidebar--TranslateZ: 0;
11777
12320
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
11778
12321
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -11850,9 +12393,17 @@ ul.pf-v6-c-list {
11850
12393
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
11851
12394
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11852
12395
  }
12396
+ @media screen and (prefers-reduced-motion: no-preference) {
12397
+ .pf-v6-c-page {
12398
+ --pf-v6-c-page__sidebar--Opacity: 1;
12399
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
12400
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
12401
+ }
12402
+ }
11853
12403
  @media screen and (min-width: 75rem) {
11854
12404
  .pf-v6-c-page {
11855
12405
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
12406
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
11856
12407
  }
11857
12408
  }
11858
12409
 
@@ -11873,6 +12424,51 @@ ul.pf-v6-c-list {
11873
12424
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11874
12425
  }
11875
12426
  }
12427
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
12428
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12429
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12430
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12431
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12432
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12433
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12434
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12435
+ }
12436
+ .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) {
12437
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12438
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12439
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12440
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12441
+ --pf-v6-c-button__icon--ScaleX: 1;
12442
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12443
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12444
+ }
12445
+ @media (min-width: 75rem) {
12446
+ .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) {
12447
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
12448
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
12449
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
12450
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
12451
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
12452
+ }
12453
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
12454
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12455
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12456
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12457
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12458
+ --pf-v6-c-button__icon--ScaleX: 1;
12459
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12460
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12461
+ }
12462
+ .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) {
12463
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12464
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12465
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12466
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12467
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12468
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12469
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12470
+ }
12471
+ }
11876
12472
 
11877
12473
  .pf-v6-c-page > .pf-v6-c-masthead {
11878
12474
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -11901,7 +12497,8 @@ ul.pf-v6-c-list {
11901
12497
  overflow-y: auto;
11902
12498
  -webkit-overflow-scrolling: touch;
11903
12499
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
11904
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
12500
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
12501
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
11905
12502
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
11906
12503
  }
11907
12504
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -11910,6 +12507,7 @@ ul.pf-v6-c-list {
11910
12507
 
11911
12508
  .pf-v6-c-page__sidebar.pf-m-expanded {
11912
12509
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
12510
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
11913
12511
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
11914
12512
  }
11915
12513
  @media screen and (min-width: 75rem) {
@@ -13170,6 +13768,22 @@ ul.pf-v6-c-list {
13170
13768
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13171
13769
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13172
13770
  }
13771
+ @media (prefers-reduced-motion: no-preference) {
13772
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
13773
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
13774
+ animation-name: pf-v6-global-danger-jiggle-motion;
13775
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
13776
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
13777
+ animation-fill-mode: both;
13778
+ }
13779
+ }
13780
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
13781
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
13782
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
13783
+ animation-name: pf-v6-global-fade-in;
13784
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
13785
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
13786
+ }
13173
13787
 
13174
13788
  .pf-v6-c-progress__description {
13175
13789
  grid-column: 1/2;
@@ -14347,8 +14961,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14347
14961
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
14348
14962
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
14349
14963
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
14350
- --pf-v6-c-skeleton--after--TranslateX: -100%;
14351
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
14964
+ --pf-v6-c-skeleton--after--TranslateX: 0;
14965
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
14352
14966
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
14353
14967
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
14354
14968
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -14380,6 +14994,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14380
14994
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
14381
14995
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
14382
14996
  }
14997
+ @media screen and (prefers-reduced-motion: no-preference) {
14998
+ .pf-v6-c-skeleton {
14999
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
15000
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
15001
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
15002
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
15003
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
15004
+ }
15005
+ }
14383
15006
 
14384
15007
  .pf-v6-c-skeleton {
14385
15008
  position: relative;
@@ -14500,6 +15123,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14500
15123
  transform: translateX(100%);
14501
15124
  }
14502
15125
  }
15126
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
15127
+ 0% {
15128
+ opacity: 0.25;
15129
+ }
15130
+ 60% {
15131
+ opacity: 1;
15132
+ }
15133
+ 100% {
15134
+ opacity: 0.25;
15135
+ }
15136
+ }
14503
15137
  .pf-v6-c-skip-to-content {
14504
15138
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14505
15139
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14747,6 +15381,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14747
15381
  --pf-v6-c-spinner--StrokeWidth: 10;
14748
15382
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14749
15383
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
15384
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
14750
15385
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14751
15386
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14752
15387
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -14763,6 +15398,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14763
15398
  .pf-v6-c-spinner.pf-m-inline {
14764
15399
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14765
15400
  }
15401
+ .pf-v6-c-spinner.pf-m-xs {
15402
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
15403
+ --pf-v6-c-spinner--StrokeWidth: 15;
15404
+ }
14766
15405
  .pf-v6-c-spinner.pf-m-sm {
14767
15406
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14768
15407
  }
@@ -15044,6 +15683,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15044
15683
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15045
15684
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15046
15685
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
15686
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
15047
15687
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15048
15688
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15049
15689
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -15107,6 +15747,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15107
15747
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15108
15748
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15109
15749
  }
15750
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
15751
+ --pf-v6-c-table__expandable-row--Display: block;
15752
+ }
15110
15753
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
15111
15754
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15112
15755
  }
@@ -15118,7 +15761,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15118
15761
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
15119
15762
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
15120
15763
  }
15121
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
15764
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
15122
15765
  display: grid;
15123
15766
  grid-template-columns: 1fr;
15124
15767
  height: auto;
@@ -15129,13 +15772,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15129
15772
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
15130
15773
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
15131
15774
  }
15132
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
15775
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
15133
15776
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
15134
15777
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
15135
15778
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
15136
15779
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
15137
15780
  }
15138
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
15781
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
15139
15782
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
15140
15783
  }
15141
15784
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -15163,14 +15806,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15163
15806
  grid-template-columns: 1fr minmax(0, 1.5fr);
15164
15807
  align-items: start;
15165
15808
  }
15809
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
15810
+ align-items: center;
15811
+ }
15166
15812
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
15167
15813
  grid-column: 2;
15168
15814
  }
15169
15815
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15170
15816
  position: revert;
15171
- font-weight: bold;
15817
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15172
15818
  text-align: start;
15173
- content: attr(data-label);
15819
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
15174
15820
  }
15175
15821
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
15176
15822
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -15214,7 +15860,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15214
15860
  width: auto;
15215
15861
  background-color: transparent;
15216
15862
  }
15217
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
15863
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
15218
15864
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
15219
15865
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15220
15866
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -15226,24 +15872,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15226
15872
  overflow-y: auto;
15227
15873
  border-block-end: none;
15228
15874
  }
15229
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
15875
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
15230
15876
  position: static;
15231
15877
  display: block;
15232
15878
  }
15233
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
15879
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
15234
15880
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
15235
15881
  }
15236
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
15882
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
15237
15883
  content: none;
15238
15884
  }
15239
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
15240
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
15885
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
15886
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
15241
15887
  padding: 0;
15242
15888
  }
15243
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
15889
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
15244
15890
  display: none;
15245
15891
  }
15246
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
15892
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
15247
15893
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
15248
15894
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
15249
15895
  }
@@ -15281,10 +15927,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15281
15927
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
15282
15928
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
15283
15929
  }
15284
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
15285
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
15286
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
15287
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
15930
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
15931
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
15932
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
15933
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
15288
15934
  width: auto;
15289
15935
  padding: 0;
15290
15936
  }
@@ -15407,6 +16053,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15407
16053
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15408
16054
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15409
16055
  }
16056
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
16057
+ --pf-v6-c-table__expandable-row--Display: block;
16058
+ }
15410
16059
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
15411
16060
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15412
16061
  }
@@ -15418,7 +16067,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15418
16067
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
15419
16068
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
15420
16069
  }
15421
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16070
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
15422
16071
  display: grid;
15423
16072
  grid-template-columns: 1fr;
15424
16073
  height: auto;
@@ -15429,13 +16078,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15429
16078
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
15430
16079
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
15431
16080
  }
15432
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
16081
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
15433
16082
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
15434
16083
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
15435
16084
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
15436
16085
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
15437
16086
  }
15438
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
16087
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
15439
16088
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
15440
16089
  }
15441
16090
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -15463,14 +16112,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15463
16112
  grid-template-columns: 1fr minmax(0, 1.5fr);
15464
16113
  align-items: start;
15465
16114
  }
16115
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
16116
+ align-items: center;
16117
+ }
15466
16118
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
15467
16119
  grid-column: 2;
15468
16120
  }
15469
16121
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15470
16122
  position: revert;
15471
- font-weight: bold;
16123
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15472
16124
  text-align: start;
15473
- content: attr(data-label);
16125
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
15474
16126
  }
15475
16127
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
15476
16128
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -15514,7 +16166,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15514
16166
  width: auto;
15515
16167
  background-color: transparent;
15516
16168
  }
15517
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
16169
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
15518
16170
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
15519
16171
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15520
16172
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -15526,24 +16178,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15526
16178
  overflow-y: auto;
15527
16179
  border-block-end: none;
15528
16180
  }
15529
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16181
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
15530
16182
  position: static;
15531
16183
  display: block;
15532
16184
  }
15533
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16185
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
15534
16186
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
15535
16187
  }
15536
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16188
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
15537
16189
  content: none;
15538
16190
  }
15539
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
15540
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
16191
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
16192
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
15541
16193
  padding: 0;
15542
16194
  }
15543
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16195
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
15544
16196
  display: none;
15545
16197
  }
15546
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16198
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
15547
16199
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
15548
16200
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
15549
16201
  }
@@ -15581,10 +16233,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15581
16233
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
15582
16234
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
15583
16235
  }
15584
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
15585
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
15586
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
15587
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
16236
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
16237
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
16238
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
16239
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
15588
16240
  width: auto;
15589
16241
  padding: 0;
15590
16242
  }
@@ -15710,6 +16362,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15710
16362
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15711
16363
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15712
16364
  }
16365
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
16366
+ --pf-v6-c-table__expandable-row--Display: block;
16367
+ }
15713
16368
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
15714
16369
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15715
16370
  }
@@ -15721,7 +16376,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15721
16376
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
15722
16377
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
15723
16378
  }
15724
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16379
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
15725
16380
  display: grid;
15726
16381
  grid-template-columns: 1fr;
15727
16382
  height: auto;
@@ -15732,13 +16387,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15732
16387
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
15733
16388
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
15734
16389
  }
15735
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
16390
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
15736
16391
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
15737
16392
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
15738
16393
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
15739
16394
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
15740
16395
  }
15741
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
16396
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
15742
16397
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
15743
16398
  }
15744
16399
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -15766,14 +16421,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15766
16421
  grid-template-columns: 1fr minmax(0, 1.5fr);
15767
16422
  align-items: start;
15768
16423
  }
16424
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
16425
+ align-items: center;
16426
+ }
15769
16427
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
15770
16428
  grid-column: 2;
15771
16429
  }
15772
16430
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15773
16431
  position: revert;
15774
- font-weight: bold;
16432
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15775
16433
  text-align: start;
15776
- content: attr(data-label);
16434
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
15777
16435
  }
15778
16436
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
15779
16437
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -15817,7 +16475,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15817
16475
  width: auto;
15818
16476
  background-color: transparent;
15819
16477
  }
15820
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
16478
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
15821
16479
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
15822
16480
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15823
16481
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -15829,24 +16487,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15829
16487
  overflow-y: auto;
15830
16488
  border-block-end: none;
15831
16489
  }
15832
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16490
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
15833
16491
  position: static;
15834
16492
  display: block;
15835
16493
  }
15836
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16494
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
15837
16495
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
15838
16496
  }
15839
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16497
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
15840
16498
  content: none;
15841
16499
  }
15842
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
15843
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
16500
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
16501
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
15844
16502
  padding: 0;
15845
16503
  }
15846
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16504
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
15847
16505
  display: none;
15848
16506
  }
15849
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16507
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
15850
16508
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
15851
16509
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
15852
16510
  }
@@ -15884,10 +16542,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15884
16542
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
15885
16543
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
15886
16544
  }
15887
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
15888
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
15889
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
15890
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
16545
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
16546
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
16547
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
16548
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
15891
16549
  width: auto;
15892
16550
  padding: 0;
15893
16551
  }
@@ -16013,6 +16671,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16013
16671
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16014
16672
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16015
16673
  }
16674
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
16675
+ --pf-v6-c-table__expandable-row--Display: block;
16676
+ }
16016
16677
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
16017
16678
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16018
16679
  }
@@ -16024,7 +16685,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16024
16685
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16025
16686
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16026
16687
  }
16027
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16688
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
16028
16689
  display: grid;
16029
16690
  grid-template-columns: 1fr;
16030
16691
  height: auto;
@@ -16035,13 +16696,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16035
16696
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16036
16697
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16037
16698
  }
16038
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
16699
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
16039
16700
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16040
16701
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16041
16702
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16042
16703
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16043
16704
  }
16044
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
16705
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
16045
16706
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16046
16707
  }
16047
16708
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -16069,14 +16730,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16069
16730
  grid-template-columns: 1fr minmax(0, 1.5fr);
16070
16731
  align-items: start;
16071
16732
  }
16733
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
16734
+ align-items: center;
16735
+ }
16072
16736
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
16073
16737
  grid-column: 2;
16074
16738
  }
16075
16739
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16076
16740
  position: revert;
16077
- font-weight: bold;
16741
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16078
16742
  text-align: start;
16079
- content: attr(data-label);
16743
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16080
16744
  }
16081
16745
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16082
16746
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16120,7 +16784,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16120
16784
  width: auto;
16121
16785
  background-color: transparent;
16122
16786
  }
16123
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
16787
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16124
16788
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16125
16789
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16126
16790
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16132,24 +16796,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16132
16796
  overflow-y: auto;
16133
16797
  border-block-end: none;
16134
16798
  }
16135
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16799
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16136
16800
  position: static;
16137
16801
  display: block;
16138
16802
  }
16139
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16803
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16140
16804
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16141
16805
  }
16142
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16806
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
16143
16807
  content: none;
16144
16808
  }
16145
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
16146
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
16809
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
16810
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
16147
16811
  padding: 0;
16148
16812
  }
16149
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16813
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16150
16814
  display: none;
16151
16815
  }
16152
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16816
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
16153
16817
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16154
16818
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16155
16819
  }
@@ -16187,10 +16851,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16187
16851
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16188
16852
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16189
16853
  }
16190
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
16191
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
16192
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
16193
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
16854
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
16855
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
16856
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
16857
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
16194
16858
  width: auto;
16195
16859
  padding: 0;
16196
16860
  }
@@ -16316,6 +16980,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16316
16980
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16317
16981
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16318
16982
  }
16983
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
16984
+ --pf-v6-c-table__expandable-row--Display: block;
16985
+ }
16319
16986
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
16320
16987
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16321
16988
  }
@@ -16327,7 +16994,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16327
16994
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16328
16995
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16329
16996
  }
16330
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16997
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
16331
16998
  display: grid;
16332
16999
  grid-template-columns: 1fr;
16333
17000
  height: auto;
@@ -16338,13 +17005,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16338
17005
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16339
17006
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16340
17007
  }
16341
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
17008
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
16342
17009
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16343
17010
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16344
17011
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16345
17012
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16346
17013
  }
16347
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
17014
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
16348
17015
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16349
17016
  }
16350
17017
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -16372,14 +17039,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16372
17039
  grid-template-columns: 1fr minmax(0, 1.5fr);
16373
17040
  align-items: start;
16374
17041
  }
17042
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
17043
+ align-items: center;
17044
+ }
16375
17045
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
16376
17046
  grid-column: 2;
16377
17047
  }
16378
17048
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16379
17049
  position: revert;
16380
- font-weight: bold;
17050
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16381
17051
  text-align: start;
16382
- content: attr(data-label);
17052
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16383
17053
  }
16384
17054
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16385
17055
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16423,7 +17093,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16423
17093
  width: auto;
16424
17094
  background-color: transparent;
16425
17095
  }
16426
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
17096
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16427
17097
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16428
17098
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16429
17099
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16435,24 +17105,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16435
17105
  overflow-y: auto;
16436
17106
  border-block-end: none;
16437
17107
  }
16438
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
17108
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16439
17109
  position: static;
16440
17110
  display: block;
16441
17111
  }
16442
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
17112
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16443
17113
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16444
17114
  }
16445
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
17115
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
16446
17116
  content: none;
16447
17117
  }
16448
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
16449
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17118
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17119
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
16450
17120
  padding: 0;
16451
17121
  }
16452
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17122
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16453
17123
  display: none;
16454
17124
  }
16455
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17125
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
16456
17126
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16457
17127
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16458
17128
  }
@@ -16490,10 +17160,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16490
17160
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16491
17161
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16492
17162
  }
16493
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
16494
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
16495
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
16496
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
17163
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
17164
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
17165
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
17166
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
16497
17167
  width: auto;
16498
17168
  padding: 0;
16499
17169
  }
@@ -16595,6 +17265,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16595
17265
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
16596
17266
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
16597
17267
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
17268
+ --pf-v6-c-table__tbody--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17269
+ --pf-v6-c-table__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
16598
17270
  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
16599
17271
  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
16600
17272
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
@@ -16655,6 +17327,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16655
17327
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16656
17328
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16657
17329
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17330
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
17331
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
17332
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17333
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
17334
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17335
+ --pf-v6-c-table__expandable-row--Opacity: 0;
17336
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
17337
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
17338
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
16658
17339
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
16659
17340
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16660
17341
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -16690,6 +17371,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16690
17371
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16691
17372
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16692
17373
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17374
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17375
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17376
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17377
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
16693
17378
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
16694
17379
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
16695
17380
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -16715,6 +17400,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16715
17400
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
16716
17401
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
16717
17402
  }
17403
+ @media screen and (prefers-reduced-motion: no-preference) {
17404
+ .pf-v6-c-table {
17405
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
17406
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
17407
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
17408
+ }
17409
+ }
16718
17410
 
16719
17411
  .pf-v6-c-table {
16720
17412
  width: 100%;
@@ -16767,7 +17459,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16767
17459
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
16768
17460
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
16769
17461
  }
16770
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
17462
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))).pf-m-ghost-row {
16771
17463
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
16772
17464
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
16773
17465
  }
@@ -16911,6 +17603,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16911
17603
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
16912
17604
  overflow-wrap: break-word;
16913
17605
  }
17606
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
17607
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
17608
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
17609
+ }
16914
17610
  .pf-v6-c-table .pf-v6-c-table__sort {
16915
17611
  min-width: var(--pf-v6-c-table__sort--MinWidth);
16916
17612
  }
@@ -16963,7 +17659,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16963
17659
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
16964
17660
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
16965
17661
  }
16966
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
17662
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
16967
17663
  border: none;
16968
17664
  }
16969
17665
  .pf-v6-c-table.pf-m-drag-over {
@@ -16979,6 +17675,48 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16979
17675
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
16980
17676
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
16981
17677
  }
17678
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
17679
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17680
+ visibility: hidden;
17681
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17682
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17683
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17684
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
17685
+ transition-property: opacity, translate, visibility, background-color;
17686
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17687
+ }
17688
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2))[hidden] {
17689
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17690
+ }
17691
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
17692
+ visibility: visible;
17693
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17694
+ transition-delay: 0s;
17695
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
17696
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17697
+ }
17698
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
17699
+ max-height: 99999px;
17700
+ }
17701
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) {
17702
+ --pf-v6-c-table--cell--responsive--label: none;
17703
+ }
17704
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
17705
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
17706
+ padding: 0;
17707
+ overflow: hidden;
17708
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17709
+ transition-property: padding, max-height, overflow;
17710
+ }
17711
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
17712
+ max-height: 0;
17713
+ }
17714
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
17715
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
17716
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17717
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
17718
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
17719
+ }
16982
17720
 
16983
17721
  [class*=pf-v6-c-table].pf-m-truncate {
16984
17722
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -17280,42 +18018,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17280
18018
  pointer-events: none;
17281
18019
  }
17282
18020
 
17283
- .pf-v6-c-table__expandable-row {
17284
- position: relative;
17285
- border-block-end: 0 solid transparent;
17286
- }
17287
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17288
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17289
- padding-block-start: 0;
17290
- }
17291
-
17292
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
17293
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
17294
- padding-block-start: 0;
17295
- padding-block-end: 0;
17296
- padding-inline-start: 0;
17297
- padding-inline-end: 0;
17298
- }
17299
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17300
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17301
- padding: 0;
17302
- }
17303
- .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17304
- padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
17305
- padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
17306
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
17307
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
17308
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
17309
- border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
17310
- }
17311
- .pf-v6-c-table__expandable-row.pf-m-expanded {
17312
- border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
17313
- border-block-end-width: var(--pf-v6-c-table--border-width--base);
17314
- }
17315
- .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17316
- display: none;
17317
- }
17318
- .pf-v6-c-table__expandable-row tr:last-child {
18021
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
17319
18022
  border-block-end: 0;
17320
18023
  }
17321
18024
 
@@ -17323,7 +18026,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17323
18026
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
17324
18027
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
17325
18028
  }
17326
- .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
18029
+ .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
17327
18030
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
17328
18031
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
17329
18032
  }
@@ -17339,6 +18042,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17339
18042
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
17340
18043
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
17341
18044
  }
18045
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
18046
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
18047
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
18048
+ }
17342
18049
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
17343
18050
  width: auto;
17344
18051
  min-width: 0;
@@ -17363,18 +18070,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17363
18070
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
17364
18071
  }
17365
18072
 
17366
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
18073
+ .pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
17367
18074
  border-block-end: 0;
17368
18075
  }
17369
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
17370
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
17371
- }
17372
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
17373
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
18076
+
18077
+ .pf-v6-c-table__tbody.pf-m-expanded, .pf-v6-c-table__tbody:has(> .pf-v6-c-table__expandable-row.pf-m-expanded) {
18078
+ border-block-end: var(--pf-v6-c-table__tbody--BorderBlockEndWidth) solid var(--pf-v6-c-table__tbody--BorderBlockEndColor);
17374
18079
  }
17375
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
18080
+ .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
17376
18081
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
17377
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
18082
+ border-block-end: 0;
17378
18083
  }
17379
18084
 
17380
18085
  .pf-v6-c-table__tr {
@@ -17387,6 +18092,52 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17387
18092
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
17388
18093
  }
17389
18094
 
18095
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
18096
+ position: relative;
18097
+ border-block-end: 0 solid transparent;
18098
+ }
18099
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
18100
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
18101
+ padding-block-start: 0;
18102
+ }
18103
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
18104
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
18105
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18106
+ }
18107
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding,
18108
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding {
18109
+ padding-block-start: 0;
18110
+ padding-block-end: 0;
18111
+ padding-inline-start: 0;
18112
+ padding-inline-end: 0;
18113
+ }
18114
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
18115
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
18116
+ padding: 0;
18117
+ border-radius: 0;
18118
+ }
18119
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
18120
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18121
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18122
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18123
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18124
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18125
+ border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18126
+ }
18127
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18128
+ background-color: transparent;
18129
+ }
18130
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
18131
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18132
+ border-block-end-width: var(--pf-v6-c-table--border-width--base);
18133
+ }
18134
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
18135
+ display: none;
18136
+ }
18137
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) tr:last-child {
18138
+ border-block-end: 0;
18139
+ }
18140
+
17390
18141
  .pf-v6-c-table__icon-inline {
17391
18142
  display: flex;
17392
18143
  align-items: center;
@@ -18433,25 +19184,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18433
19184
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
18434
19185
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
18435
19186
  --pf-v6-c-tabs--link-accent--start: 0;
18436
- --pf-v6-c-tabs--link-accent--length: auto;
19187
+ --pf-v6-c-tabs--link-accent--length: 0;
18437
19188
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
18438
19189
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
19190
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
19191
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18439
19192
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
18440
19193
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
18441
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
19194
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
18442
19195
  --pf-v6-c-tabs--link-accent--Width: initial;
18443
19196
  --pf-v6-c-tabs--link-accent--Height: 0;
18444
19197
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
18445
19198
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
18446
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
19199
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
19200
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
19201
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
19202
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
18447
19203
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
18448
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
18449
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
18450
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
18451
19204
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
18452
19205
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
18453
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
18454
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19206
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
19207
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
19208
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
18455
19209
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18456
19210
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18457
19211
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -18611,11 +19365,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18611
19365
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
18612
19366
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
18613
19367
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
18614
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
18615
19368
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
18616
19369
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
18617
19370
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
18618
19371
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
19372
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
19373
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
19374
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
18619
19375
  display: inline-flex;
18620
19376
  flex-direction: column;
18621
19377
  height: 100%;
@@ -19192,15 +19948,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19192
19948
  }
19193
19949
 
19194
19950
  @media (prefers-reduced-motion: no-preference) {
19195
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
19196
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
19951
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
19952
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
19197
19953
  content: revert;
19198
19954
  }
19199
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19955
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19200
19956
  position: absolute;
19201
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
19957
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
19202
19958
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
19203
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
19959
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
19204
19960
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
19205
19961
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
19206
19962
  content: "";
@@ -19209,7 +19965,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19209
19965
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
19210
19966
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
19211
19967
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
19212
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
19968
+ transition-property: width, height, translate;
19969
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
19970
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
19971
+ }
19972
+ :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 {
19973
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
19213
19974
  }
19214
19975
  .pf-v6-c-tabs.pf-m-initializing-accent {
19215
19976
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -19320,6 +20081,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19320
20081
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
19321
20082
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
19322
20083
  }
20084
+ @media (prefers-reduced-motion: no-preference) {
20085
+ .pf-v6-c-text-input-group.pf-m-error {
20086
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
20087
+ animation-name: pf-v6-global-danger-jiggle-motion;
20088
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
20089
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
20090
+ animation-fill-mode: both;
20091
+ }
20092
+ }
20093
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
20094
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
20095
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
20096
+ animation-name: pf-v6-global-fade-in;
20097
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
20098
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
20099
+ }
19323
20100
  .pf-v6-c-text-input-group:hover {
19324
20101
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
19325
20102
  }
@@ -19551,6 +20328,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19551
20328
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19552
20329
  }
19553
20330
 
20331
+ .pf-v6-c-timestamp__text {
20332
+ text-decoration: inherit;
20333
+ }
20334
+
19554
20335
  .pf-v6-c-title {
19555
20336
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19556
20337
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -21825,6 +22606,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21825
22606
  grid-auto-flow: column;
21826
22607
  align-items: baseline;
21827
22608
  min-width: var(--pf-v6-c-truncate--MinWidth);
22609
+ text-decoration: inherit;
21828
22610
  }
21829
22611
  .pf-v6-c-truncate.pf-m-fixed {
21830
22612
  display: inline;
@@ -21921,6 +22703,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21921
22703
  --pf-v6-c-tree-view__node-container--Display: contents;
21922
22704
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
21923
22705
  --pf-v6-c-tree-view__node-content--Overflow: visible;
22706
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
22707
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
22708
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
22709
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
22710
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
22711
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
22712
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22713
+ --pf-v6-c-tree-view__list--Opacity: 0;
22714
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
22715
+ --pf-v6-c-tree-view__list--TranslateY: 0;
22716
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
21924
22717
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
21925
22718
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
21926
22719
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -21936,6 +22729,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21936
22729
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
21937
22730
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
21938
22731
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
22732
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22733
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
21939
22734
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
21940
22735
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
21941
22736
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -22011,6 +22806,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22011
22806
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
22012
22807
  --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);
22013
22808
  }
22809
+ @media screen and (prefers-reduced-motion: no-preference) {
22810
+ .pf-v6-c-tree-view {
22811
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
22812
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
22813
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
22814
+ }
22815
+ }
22014
22816
 
22015
22817
  .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 {
22016
22818
  position: relative;
@@ -22126,12 +22928,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22126
22928
  display: inline-block;
22127
22929
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
22128
22930
  text-align: center;
22931
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
22129
22932
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
22130
22933
  }
22131
22934
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
22132
22935
  scale: -1 1;
22133
22936
  }
22134
22937
 
22938
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
22939
+ max-height: 0;
22940
+ visibility: hidden;
22941
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
22942
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
22943
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
22944
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
22945
+ transition-property: opacity, translate, visibility, max-height;
22946
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
22947
+ }
22135
22948
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
22136
22949
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
22137
22950
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -22140,6 +22953,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22140
22953
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
22141
22954
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22142
22955
  }
22956
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22957
+ max-height: 99999px;
22958
+ visibility: revert;
22959
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22960
+ transition-delay: 0s;
22961
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
22962
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
22963
+ }
22143
22964
 
22144
22965
  .pf-v6-c-tree-view__node,
22145
22966
  .pf-v6-c-tree-view__node-container {