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

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 (44) hide show
  1. package/CHANGELOG.md +12 -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 +71 -1
  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 +27 -0
  11. package/css/components/Button/button.d.ts +3 -0
  12. package/css/components/Button/button.js +3 -0
  13. package/css/components/Button/button.mjs +3 -0
  14. package/css/components/DualListSelector/dual-list-selector.css +36 -0
  15. package/css/components/DualListSelector/dual-list-selector.d.ts +1 -0
  16. package/css/components/DualListSelector/dual-list-selector.js +1 -0
  17. package/css/components/DualListSelector/dual-list-selector.mjs +1 -0
  18. package/css/components/ExpandableSection/expandable-section.css +47 -1
  19. package/css/components/MenuToggle/menu-toggle.css +8 -4
  20. package/css/components/Skeleton/skeleton.css +22 -2
  21. package/css/components/Spinner/spinner.css +5 -0
  22. package/css/components/Spinner/spinner.d.ts +1 -0
  23. package/css/components/Spinner/spinner.js +1 -0
  24. package/css/components/Spinner/spinner.mjs +1 -0
  25. package/css/components/Table/table-grid.css +6 -5
  26. package/css/components/Table/table.css +33 -0
  27. package/css/components/Tabs/tabs.css +25 -15
  28. package/css/components/Tabs/tabs.d.ts +1 -0
  29. package/css/components/Tabs/tabs.js +1 -0
  30. package/css/components/Tabs/tabs.mjs +1 -0
  31. package/css/components/Timestamp/timestamp.css +4 -0
  32. package/css/components/Timestamp/timestamp.d.ts +2 -1
  33. package/css/components/Timestamp/timestamp.js +2 -1
  34. package/css/components/Timestamp/timestamp.mjs +2 -1
  35. package/css/components/TreeView/tree-view.css +33 -0
  36. package/css/components/TreeView/tree-view.d.ts +1 -0
  37. package/css/components/TreeView/tree-view.js +1 -0
  38. package/css/components/TreeView/tree-view.mjs +1 -0
  39. package/css/components/Truncate/truncate.css +1 -0
  40. package/css/components/_index.css +370 -59
  41. package/css/components/_index.d.ts +9 -0
  42. package/css/components/_index.js +9 -0
  43. package/css/components/_index.mjs +9 -0
  44. 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,7 +371,12 @@
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 {
379
+ display: none;
325
380
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
326
381
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
327
382
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
@@ -329,11 +384,26 @@
329
384
  color: var(--pf-v6-c-accordion__expandable-content--Color);
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-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
389
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
390
+ transition-property: opacity, translate, display;
391
+ transition-behavior: allow-discrete;
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
395
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
335
396
  overflow-y: auto;
336
397
  }
398
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
399
+ display: revert;
400
+ }
401
+ @starting-style {
402
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
403
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
404
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
405
+ }
406
+ }
337
407
 
338
408
  .pf-v6-c-accordion__expandable-content-body {
339
409
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -597,27 +667,45 @@
597
667
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
598
668
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
599
669
  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);
670
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
671
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
672
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
673
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
674
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
675
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
676
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
677
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
678
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
679
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
680
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
681
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
682
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
683
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
684
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
685
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
686
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
687
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
688
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
689
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
690
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
691
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
692
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
693
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
694
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
695
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
696
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
697
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
698
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
699
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
700
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
701
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
702
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
703
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
704
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
705
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
706
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
707
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
708
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
621
709
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
622
710
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
623
711
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -677,40 +765,43 @@
677
765
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
678
766
  }
679
767
  }
680
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
768
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
681
769
  grid-template-rows: 0fr;
682
770
  margin-block: 0;
683
771
  overflow: hidden;
684
772
  opacity: 0;
685
773
  transform: translateY(-100%);
686
774
  }
687
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
775
+ .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
776
  min-height: 0;
689
777
  padding-block-start: 0;
690
778
  padding-block-end: 0;
691
779
  border-width: 0;
692
780
  }
693
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
781
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
694
782
  grid-template-rows: 0fr;
695
783
  margin-block: 0;
696
784
  overflow: hidden;
697
785
  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);
786
+ 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
787
  }
700
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
788
+ .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
789
  min-height: 0;
702
790
  padding-block-start: 0;
703
791
  padding-block-end: 0;
704
792
  border-width: 0;
705
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
793
+ 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
794
  }
707
795
  @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);
796
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
797
+ 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
798
  transform: translateX(100%);
711
799
  }
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);
800
+ :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 {
801
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
802
+ }
803
+ .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 {
804
+ 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
805
  }
715
806
  }
716
807
  .pf-v6-c-alert-group__item:hover {
@@ -1681,6 +1772,11 @@ button.pf-v6-c-breadcrumb__link {
1681
1772
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
1682
1773
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
1683
1774
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
1775
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
1776
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
1777
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
1778
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
1779
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1684
1780
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
1685
1781
  --pf-v6-c-button__progress--Opacity: 0;
1686
1782
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -1991,6 +2087,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1991
2087
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
1992
2088
  }
1993
2089
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
2090
+ display: grid;
1994
2091
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
1995
2092
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
1996
2093
  transition-property: color;
@@ -1998,6 +2095,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1998
2095
  .pf-v6-c-button.pf-m-favorited {
1999
2096
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
2000
2097
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
2098
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
2099
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
2001
2100
  }
2002
2101
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
2003
2102
  animation-name: pf-v6-c-button-icon-favorited;
@@ -2077,6 +2176,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2077
2176
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
2078
2177
  }
2079
2178
 
2179
+ .pf-v6-c-button__icon-favorite,
2180
+ .pf-v6-c-button__icon-favorited {
2181
+ grid-area: 1/1/1/1;
2182
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
2183
+ transition-property: opacity;
2184
+ }
2185
+
2186
+ .pf-v6-c-button__icon-favorite {
2187
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
2188
+ }
2189
+
2190
+ .pf-v6-c-button__icon-favorited {
2191
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
2192
+ }
2193
+
2080
2194
  .pf-v6-c-button__progress {
2081
2195
  position: absolute;
2082
2196
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -2089,6 +2203,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2089
2203
  --pf-v6-c-spinner--Color: currentcolor;
2090
2204
  }
2091
2205
 
2206
+ .pf-v6-c-button__text {
2207
+ text-decoration: inherit;
2208
+ }
2209
+
2092
2210
  .pf-v6-c-button__count {
2093
2211
  display: inline-flex;
2094
2212
  align-items: center;
@@ -4627,6 +4745,17 @@ ul) {
4627
4745
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
4628
4746
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
4629
4747
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
4748
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
4749
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
4750
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
4751
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
4752
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
4753
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
4754
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4755
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
4756
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
4757
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
4758
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
4630
4759
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4631
4760
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4632
4761
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -4664,6 +4793,13 @@ ul) {
4664
4793
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
4665
4794
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
4666
4795
  }
4796
+ @media screen and (prefers-reduced-motion: no-preference) {
4797
+ .pf-v6-c-dual-list-selector {
4798
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
4799
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
4800
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
4801
+ }
4802
+ }
4667
4803
 
4668
4804
  .pf-v6-c-dual-list-selector {
4669
4805
  display: grid;
@@ -4759,9 +4895,27 @@ ul) {
4759
4895
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
4760
4896
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
4761
4897
  }
4898
+ .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 {
4899
+ max-height: 0;
4900
+ visibility: hidden;
4901
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
4902
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
4903
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
4904
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
4905
+ transition-property: opacity, translate, visibility, max-height;
4906
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
4907
+ }
4762
4908
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
4763
4909
  --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
4910
  }
4911
+ .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 {
4912
+ max-height: 9999px;
4913
+ visibility: revert;
4914
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
4915
+ transition-delay: 0s;
4916
+ 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;
4917
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
4918
+ }
4765
4919
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
4766
4920
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
4767
4921
  --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 +6451,18 @@ ul) {
6297
6451
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6298
6452
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
6299
6453
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
6454
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
6455
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
6456
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
6457
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
6458
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
6459
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
6460
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
6461
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6462
+ --pf-v6-c-expandable-section__content--Opacity: 0;
6463
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
6464
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
6465
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
6300
6466
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
6301
6467
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
6302
6468
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6308,20 +6474,40 @@ ul) {
6308
6474
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
6309
6475
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6310
6476
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
6477
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6311
6478
  --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
6479
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
6313
6480
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
6314
6481
  }
6482
+ @media screen and (prefers-reduced-motion: no-preference) {
6483
+ .pf-v6-c-expandable-section {
6484
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
6485
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
6486
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
6487
+ }
6488
+ }
6315
6489
 
6316
6490
  .pf-v6-c-expandable-section {
6317
6491
  display: flex;
6318
6492
  flex-direction: column;
6319
- gap: var(--pf-v6-c-expandable-section--Gap);
6493
+ gap: 0;
6494
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
6495
+ transition-duration: 0s;
6496
+ transition-property: gap;
6320
6497
  }
6321
6498
  .pf-v6-c-expandable-section.pf-m-expanded {
6322
6499
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
6323
6500
  --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
6501
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
6502
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
6503
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
6504
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6505
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6506
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
6507
+ --pf-v6-c-expandable-section__content--Visibility: auto;
6508
+ --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
6509
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6510
+ gap: var(--pf-v6-c-expandable-section--Gap);
6325
6511
  }
6326
6512
  .pf-v6-c-expandable-section.pf-m-limit-width {
6327
6513
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -6334,6 +6520,7 @@ ul) {
6334
6520
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
6335
6521
  border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
6336
6522
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
6523
+ transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
6337
6524
  }
6338
6525
  .pf-v6-c-expandable-section.pf-m-indented {
6339
6526
  --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
@@ -6368,6 +6555,19 @@ ul) {
6368
6555
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6369
6556
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6370
6557
  }
6558
+ .pf-v6-c-expandable-section__content:where([hidden]) {
6559
+ display: revert;
6560
+ }
6561
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6562
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6563
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6564
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6565
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
6566
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
6567
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
6568
+ transition-property: opacity, translate, visibility, max-height;
6569
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
6570
+ }
6371
6571
 
6372
6572
  .pf-v6-c-file-upload {
6373
6573
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -10666,16 +10866,20 @@ ul.pf-v6-c-list {
10666
10866
  flex-wrap: nowrap;
10667
10867
  }
10668
10868
 
10669
- .pf-v6-c-menu-toggle__icon {
10670
- flex-shrink: 0;
10671
- }
10672
10869
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
10673
10870
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
10674
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
10871
+ .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
10872
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
10676
10873
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
10677
10874
  }
10678
10875
 
10876
+ .pf-v6-c-menu-toggle__icon {
10877
+ flex-shrink: 0;
10878
+ }
10879
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
10880
+ vertical-align: middle;
10881
+ }
10882
+
10679
10883
  .pf-v6-c-menu-toggle__controls {
10680
10884
  display: flex;
10681
10885
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -14347,8 +14551,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14347
14551
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
14348
14552
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
14349
14553
  --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;
14554
+ --pf-v6-c-skeleton--after--TranslateX: 0;
14555
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
14352
14556
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
14353
14557
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
14354
14558
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -14380,6 +14584,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14380
14584
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
14381
14585
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
14382
14586
  }
14587
+ @media screen and (prefers-reduced-motion: no-preference) {
14588
+ .pf-v6-c-skeleton {
14589
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
14590
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
14591
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
14592
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
14593
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
14594
+ }
14595
+ }
14383
14596
 
14384
14597
  .pf-v6-c-skeleton {
14385
14598
  position: relative;
@@ -14500,6 +14713,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14500
14713
  transform: translateX(100%);
14501
14714
  }
14502
14715
  }
14716
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
14717
+ 0% {
14718
+ opacity: 0.25;
14719
+ }
14720
+ 60% {
14721
+ opacity: 1;
14722
+ }
14723
+ 100% {
14724
+ opacity: 0.25;
14725
+ }
14726
+ }
14503
14727
  .pf-v6-c-skip-to-content {
14504
14728
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14505
14729
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14747,6 +14971,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14747
14971
  --pf-v6-c-spinner--StrokeWidth: 10;
14748
14972
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14749
14973
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14974
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
14750
14975
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14751
14976
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14752
14977
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -14763,6 +14988,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14763
14988
  .pf-v6-c-spinner.pf-m-inline {
14764
14989
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14765
14990
  }
14991
+ .pf-v6-c-spinner.pf-m-xs {
14992
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
14993
+ --pf-v6-c-spinner--StrokeWidth: 15;
14994
+ }
14766
14995
  .pf-v6-c-spinner.pf-m-sm {
14767
14996
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14768
14997
  }
@@ -15044,6 +15273,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15044
15273
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15045
15274
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15046
15275
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
15276
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
15047
15277
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15048
15278
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15049
15279
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -15168,7 +15398,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15168
15398
  }
15169
15399
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15170
15400
  position: revert;
15171
- font-weight: bold;
15401
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15172
15402
  text-align: start;
15173
15403
  content: attr(data-label);
15174
15404
  }
@@ -15468,7 +15698,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15468
15698
  }
15469
15699
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15470
15700
  position: revert;
15471
- font-weight: bold;
15701
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15472
15702
  text-align: start;
15473
15703
  content: attr(data-label);
15474
15704
  }
@@ -15771,7 +16001,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15771
16001
  }
15772
16002
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15773
16003
  position: revert;
15774
- font-weight: bold;
16004
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15775
16005
  text-align: start;
15776
16006
  content: attr(data-label);
15777
16007
  }
@@ -16074,7 +16304,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16074
16304
  }
16075
16305
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16076
16306
  position: revert;
16077
- font-weight: bold;
16307
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16078
16308
  text-align: start;
16079
16309
  content: attr(data-label);
16080
16310
  }
@@ -16377,7 +16607,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16377
16607
  }
16378
16608
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16379
16609
  position: revert;
16380
- font-weight: bold;
16610
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16381
16611
  text-align: start;
16382
16612
  content: attr(data-label);
16383
16613
  }
@@ -16655,6 +16885,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16655
16885
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16656
16886
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16657
16887
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16888
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
16889
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
16890
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
16891
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
16892
+ --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
16893
+ --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
16894
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
16895
+ --pf-v6-c-table__expandable-row--Opacity: 0;
16896
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
16897
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
16898
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
16658
16899
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
16659
16900
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16660
16901
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -16715,6 +16956,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16715
16956
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
16716
16957
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
16717
16958
  }
16959
+ @media screen and (prefers-reduced-motion: no-preference) {
16960
+ .pf-v6-c-table {
16961
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16962
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16963
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
16964
+ }
16965
+ }
16718
16966
 
16719
16967
  .pf-v6-c-table {
16720
16968
  width: 100%;
@@ -17283,6 +17531,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17283
17531
  .pf-v6-c-table__expandable-row {
17284
17532
  position: relative;
17285
17533
  border-block-end: 0 solid transparent;
17534
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17535
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17536
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
17537
+ transition-property: opacity, translate, display;
17538
+ transition-behavior: allow-discrete;
17539
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17286
17540
  }
17287
17541
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17288
17542
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
@@ -17311,6 +17565,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17311
17565
  .pf-v6-c-table__expandable-row.pf-m-expanded {
17312
17566
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
17313
17567
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
17568
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17569
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
17570
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17571
+ }
17572
+ @starting-style {
17573
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
17574
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17575
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17576
+ }
17314
17577
  }
17315
17578
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17316
17579
  display: none;
@@ -18433,25 +18696,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18433
18696
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
18434
18697
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
18435
18698
  --pf-v6-c-tabs--link-accent--start: 0;
18436
- --pf-v6-c-tabs--link-accent--length: auto;
18699
+ --pf-v6-c-tabs--link-accent--length: 0;
18437
18700
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
18438
18701
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
18702
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
18703
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18439
18704
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
18440
18705
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
18441
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
18706
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
18442
18707
  --pf-v6-c-tabs--link-accent--Width: initial;
18443
18708
  --pf-v6-c-tabs--link-accent--Height: 0;
18444
18709
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
18445
18710
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
18446
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
18711
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
18712
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
18713
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
18714
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
18447
18715
  --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
18716
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
18452
18717
  --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);
18718
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
18719
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
18720
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
18455
18721
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18456
18722
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18457
18723
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -18611,11 +18877,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18611
18877
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
18612
18878
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
18613
18879
  --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
18880
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
18616
18881
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
18617
18882
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
18618
18883
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
18884
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
18885
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
18886
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
18619
18887
  display: inline-flex;
18620
18888
  flex-direction: column;
18621
18889
  height: 100%;
@@ -19192,15 +19460,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19192
19460
  }
19193
19461
 
19194
19462
  @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 {
19463
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
19464
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
19197
19465
  content: revert;
19198
19466
  }
19199
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19467
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19200
19468
  position: absolute;
19201
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
19469
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
19202
19470
  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));
19471
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
19204
19472
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
19205
19473
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
19206
19474
  content: "";
@@ -19209,7 +19477,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19209
19477
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
19210
19478
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
19211
19479
  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;
19480
+ transition-property: width, height, translate;
19481
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
19482
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
19483
+ }
19484
+ :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 {
19485
+ 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
19486
  }
19214
19487
  .pf-v6-c-tabs.pf-m-initializing-accent {
19215
19488
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -19551,6 +19824,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19551
19824
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19552
19825
  }
19553
19826
 
19827
+ .pf-v6-c-timestamp__text {
19828
+ text-decoration: inherit;
19829
+ }
19830
+
19554
19831
  .pf-v6-c-title {
19555
19832
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19556
19833
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -21825,6 +22102,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21825
22102
  grid-auto-flow: column;
21826
22103
  align-items: baseline;
21827
22104
  min-width: var(--pf-v6-c-truncate--MinWidth);
22105
+ text-decoration: inherit;
21828
22106
  }
21829
22107
  .pf-v6-c-truncate.pf-m-fixed {
21830
22108
  display: inline;
@@ -21921,6 +22199,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21921
22199
  --pf-v6-c-tree-view__node-container--Display: contents;
21922
22200
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
21923
22201
  --pf-v6-c-tree-view__node-content--Overflow: visible;
22202
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
22203
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
22204
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
22205
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
22206
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
22207
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
22208
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22209
+ --pf-v6-c-tree-view__list--Opacity: 0;
22210
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
22211
+ --pf-v6-c-tree-view__list--TranslateY: 0;
22212
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
21924
22213
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
21925
22214
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
21926
22215
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -21936,6 +22225,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21936
22225
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
21937
22226
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
21938
22227
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
22228
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22229
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
21939
22230
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
21940
22231
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
21941
22232
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -22011,6 +22302,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22011
22302
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
22012
22303
  --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
22304
  }
22305
+ @media screen and (prefers-reduced-motion: no-preference) {
22306
+ .pf-v6-c-tree-view {
22307
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
22308
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
22309
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
22310
+ }
22311
+ }
22014
22312
 
22015
22313
  .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
22314
  position: relative;
@@ -22126,12 +22424,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22126
22424
  display: inline-block;
22127
22425
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
22128
22426
  text-align: center;
22427
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
22129
22428
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
22130
22429
  }
22131
22430
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
22132
22431
  scale: -1 1;
22133
22432
  }
22134
22433
 
22434
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
22435
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
22436
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
22437
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
22438
+ transition-property: opacity, translate;
22439
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
22440
+ }
22135
22441
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
22136
22442
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
22137
22443
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -22140,6 +22446,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22140
22446
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
22141
22447
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22142
22448
  }
22449
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22450
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22451
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
22452
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
22453
+ }
22143
22454
 
22144
22455
  .pf-v6-c-tree-view__node,
22145
22456
  .pf-v6-c-tree-view__node-container {