@patternfly/patternfly 6.3.0-prerelease.2 → 6.3.0-prerelease.21

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 (76) hide show
  1. package/README.md +1 -1
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/patternfly-common.css +11 -11
  6. package/base/patternfly-common.scss +12 -12
  7. package/components/Accordion/accordion.css +71 -1
  8. package/components/Accordion/accordion.scss +75 -4
  9. package/components/Alert/alert-group.css +52 -31
  10. package/components/Alert/alert-group.scss +77 -46
  11. package/components/Button/button.css +27 -0
  12. package/components/Button/button.scss +30 -1
  13. package/components/CodeEditor/code-editor.css +3 -0
  14. package/components/CodeEditor/code-editor.scss +3 -1
  15. package/components/Drawer/drawer.css +28 -14
  16. package/components/Drawer/drawer.scss +28 -9
  17. package/components/DualListSelector/dual-list-selector.css +36 -0
  18. package/components/DualListSelector/dual-list-selector.scss +43 -0
  19. package/components/ExpandableSection/expandable-section.css +45 -1
  20. package/components/ExpandableSection/expandable-section.scss +48 -1
  21. package/components/MenuToggle/menu-toggle.css +8 -4
  22. package/components/MenuToggle/menu-toggle.scss +15 -3
  23. package/components/Page/page.css +4 -3
  24. package/components/Page/page.scss +4 -2
  25. package/components/ProgressStepper/progress-stepper.scss +1 -0
  26. package/components/Skeleton/skeleton.css +22 -2
  27. package/components/Skeleton/skeleton.scss +25 -3
  28. package/components/Spinner/spinner.css +5 -0
  29. package/components/Spinner/spinner.scss +6 -0
  30. package/components/Table/table-grid.css +6 -5
  31. package/components/Table/table-grid.scss +2 -1
  32. package/components/Table/table.css +33 -0
  33. package/components/Table/table.scss +33 -0
  34. package/components/Tabs/tabs.css +25 -15
  35. package/components/Tabs/tabs.scss +26 -13
  36. package/components/Timestamp/timestamp.css +4 -0
  37. package/components/Timestamp/timestamp.scss +7 -0
  38. package/components/TreeView/tree-view.css +33 -0
  39. package/components/TreeView/tree-view.scss +36 -2
  40. package/components/Truncate/truncate.css +6 -0
  41. package/components/Truncate/truncate.scss +9 -0
  42. package/components/_index.css +408 -76
  43. package/docs/components/Button/examples/Button.md +73 -3
  44. package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
  45. package/docs/components/Divider/examples/Divider.md +1 -1
  46. package/docs/components/Drawer/examples/Drawer.md +4 -0
  47. package/docs/components/DualListSelector/examples/DualListSelector.md +518 -0
  48. package/docs/components/Form/examples/Form.md +156 -12
  49. package/docs/components/Menu/examples/Menu.md +120 -4
  50. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -4
  51. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  52. package/docs/components/Page/examples/Page.md +1 -0
  53. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  54. package/docs/components/Spinner/examples/Spinner.md +10 -0
  55. package/docs/components/Table/examples/Table.md +330 -16
  56. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  57. package/docs/components/Truncate/examples/Truncate.md +53 -10
  58. package/docs/demos/Card/examples/Card.md +0 -57
  59. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -38
  60. package/docs/demos/Drawer/examples/Drawer.md +0 -38
  61. package/docs/demos/Form/examples/BasicForms.md +130 -10
  62. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  63. package/docs/demos/Modal/examples/Modal.md +39 -3
  64. package/docs/demos/Nav/examples/Nav.md +2 -2
  65. package/docs/demos/Page/examples/Page.md +355 -0
  66. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  67. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -76
  68. package/docs/demos/Table/examples/Table.md +67 -23
  69. package/docs/demos/Tabs/examples/Tabs.md +0 -570
  70. package/package.json +6 -6
  71. package/patternfly-base-no-globals.css +11 -11
  72. package/patternfly-base.css +11 -11
  73. package/patternfly-no-globals.css +419 -87
  74. package/patternfly.css +419 -87
  75. package/patternfly.min.css +1 -1
  76. package/patternfly.min.css.map +1 -1
@@ -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;
@@ -3051,6 +3169,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3051
3169
  .pf-v6-c-code-editor__main .monaco-editor {
3052
3170
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
3053
3171
  }
3172
+ .pf-v6-c-code-editor__main a.label-name {
3173
+ text-decoration-line: none;
3174
+ }
3054
3175
 
3055
3176
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
3056
3177
  border-block-start-width: 0;
@@ -4624,6 +4745,17 @@ ul) {
4624
4745
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
4625
4746
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
4626
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;
4627
4759
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4628
4760
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4629
4761
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -4661,6 +4793,13 @@ ul) {
4661
4793
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
4662
4794
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
4663
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
+ }
4664
4803
 
4665
4804
  .pf-v6-c-dual-list-selector {
4666
4805
  display: grid;
@@ -4756,9 +4895,27 @@ ul) {
4756
4895
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
4757
4896
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
4758
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
+ }
4759
4908
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
4760
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);
4761
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
+ }
4762
4919
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
4763
4920
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
4764
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);
@@ -5307,9 +5464,15 @@ ul) {
5307
5464
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
5308
5465
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5309
5466
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5467
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
5468
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
5469
+ --pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
5310
5470
  --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
5311
- --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
5312
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
5471
+ --pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
5472
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
5473
+ --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
5474
+ --pf-v6-c-drawer__panel--Opacity: 0;
5475
+ --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
5313
5476
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
5314
5477
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
5315
5478
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -5399,6 +5562,17 @@ ul) {
5399
5562
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
5400
5563
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5401
5564
  }
5565
+ @media screen and (prefers-reduced-motion: no-preference) {
5566
+ .pf-v6-c-drawer {
5567
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
5568
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
5569
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
5570
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
5571
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
5572
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
5573
+ --pf-v6-c-drawer__panel--Opacity: 1;
5574
+ }
5575
+ }
5402
5576
  @media screen and (min-width: 75rem) {
5403
5577
  .pf-v6-c-drawer {
5404
5578
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
@@ -5446,8 +5620,13 @@ ul) {
5446
5620
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
5447
5621
  flex-direction: column;
5448
5622
  }
5623
+ .pf-v6-c-drawer.pf-m-expanded {
5624
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
5625
+ }
5449
5626
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5450
5627
  transform: translateX(-100%);
5628
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
5629
+ visibility: visible;
5451
5630
  }
5452
5631
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5453
5632
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
@@ -5520,8 +5699,11 @@ ul) {
5520
5699
  order: 1;
5521
5700
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
5522
5701
  overflow: auto;
5702
+ visibility: hidden;
5523
5703
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
5524
5704
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
5705
+ opacity: var(--pf-v6-c-drawer__panel--Opacity);
5706
+ transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
5525
5707
  transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
5526
5708
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
5527
5709
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
@@ -5578,17 +5760,6 @@ ul) {
5578
5760
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
5579
5761
  }
5580
5762
 
5581
- @keyframes pf-remove-tab-focus {
5582
- to {
5583
- visibility: hidden;
5584
- }
5585
- }
5586
- .pf-v6-c-drawer__panel[hidden] {
5587
- animation-name: pf-remove-tab-focus;
5588
- animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
5589
- animation-fill-mode: forwards;
5590
- }
5591
-
5592
5763
  .pf-v6-c-drawer__head {
5593
5764
  display: grid;
5594
5765
  grid-template-columns: auto;
@@ -5696,7 +5867,7 @@ ul) {
5696
5867
  .pf-v6-c-drawer {
5697
5868
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
5698
5869
  }
5699
- .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5870
+ .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5700
5871
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
5701
5872
  }
5702
5873
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
@@ -6280,6 +6451,18 @@ ul) {
6280
6451
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6281
6452
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
6282
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;
6283
6466
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
6284
6467
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
6285
6468
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6291,20 +6474,39 @@ ul) {
6291
6474
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
6292
6475
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6293
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--collapse--fade);
6294
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));
6295
6479
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
6296
6480
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
6297
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
+ }
6298
6489
 
6299
6490
  .pf-v6-c-expandable-section {
6300
6491
  display: flex;
6301
6492
  flex-direction: column;
6302
- 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, padding-block-end;
6303
6497
  }
6304
6498
  .pf-v6-c-expandable-section.pf-m-expanded {
6305
6499
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
6306
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);
6307
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__content--Visibility: auto;
6507
+ --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
6508
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6509
+ gap: var(--pf-v6-c-expandable-section--Gap);
6308
6510
  }
6309
6511
  .pf-v6-c-expandable-section.pf-m-limit-width {
6310
6512
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -6351,6 +6553,19 @@ ul) {
6351
6553
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6352
6554
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6353
6555
  }
6556
+ .pf-v6-c-expandable-section__content:where([hidden]) {
6557
+ display: revert;
6558
+ }
6559
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6560
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6561
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6562
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6563
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
6564
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
6565
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
6566
+ transition-property: opacity, translate, visibility, max-height;
6567
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
6568
+ }
6354
6569
 
6355
6570
  .pf-v6-c-file-upload {
6356
6571
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -10649,16 +10864,20 @@ ul.pf-v6-c-list {
10649
10864
  flex-wrap: nowrap;
10650
10865
  }
10651
10866
 
10652
- .pf-v6-c-menu-toggle__icon {
10653
- flex-shrink: 0;
10654
- }
10655
10867
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
10656
10868
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
10657
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
10869
+ .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 {
10658
10870
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
10659
10871
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
10660
10872
  }
10661
10873
 
10874
+ .pf-v6-c-menu-toggle__icon {
10875
+ flex-shrink: 0;
10876
+ }
10877
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
10878
+ vertical-align: middle;
10879
+ }
10880
+
10662
10881
  .pf-v6-c-menu-toggle__controls {
10663
10882
  display: flex;
10664
10883
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -11748,8 +11967,9 @@ ul.pf-v6-c-list {
11748
11967
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
11749
11968
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11750
11969
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11751
- --pf-v6-c-page__sidebar--Width: 18.125rem;
11752
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
11970
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
11971
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
11972
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
11753
11973
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11754
11974
  --pf-v6-c-page__sidebar--BoxShadow: none;
11755
11975
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -12177,7 +12397,7 @@ ul.pf-v6-c-list {
12177
12397
  -webkit-overflow-scrolling: touch;
12178
12398
  }
12179
12399
  @media screen and (min-width: 75rem) {
12180
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
12400
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
12181
12401
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
12182
12402
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
12183
12403
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -14329,8 +14549,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14329
14549
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
14330
14550
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
14331
14551
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
14332
- --pf-v6-c-skeleton--after--TranslateX: -100%;
14333
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
14552
+ --pf-v6-c-skeleton--after--TranslateX: 0;
14553
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
14334
14554
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
14335
14555
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
14336
14556
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -14362,6 +14582,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14362
14582
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
14363
14583
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
14364
14584
  }
14585
+ @media screen and (prefers-reduced-motion: no-preference) {
14586
+ .pf-v6-c-skeleton {
14587
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
14588
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
14589
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
14590
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
14591
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
14592
+ }
14593
+ }
14365
14594
 
14366
14595
  .pf-v6-c-skeleton {
14367
14596
  position: relative;
@@ -14482,6 +14711,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14482
14711
  transform: translateX(100%);
14483
14712
  }
14484
14713
  }
14714
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
14715
+ 0% {
14716
+ opacity: 0.25;
14717
+ }
14718
+ 60% {
14719
+ opacity: 1;
14720
+ }
14721
+ 100% {
14722
+ opacity: 0.25;
14723
+ }
14724
+ }
14485
14725
  .pf-v6-c-skip-to-content {
14486
14726
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14487
14727
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14729,6 +14969,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14729
14969
  --pf-v6-c-spinner--StrokeWidth: 10;
14730
14970
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14731
14971
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14972
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
14732
14973
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14733
14974
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14734
14975
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -14745,6 +14986,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14745
14986
  .pf-v6-c-spinner.pf-m-inline {
14746
14987
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14747
14988
  }
14989
+ .pf-v6-c-spinner.pf-m-xs {
14990
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
14991
+ --pf-v6-c-spinner--StrokeWidth: 15;
14992
+ }
14748
14993
  .pf-v6-c-spinner.pf-m-sm {
14749
14994
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14750
14995
  }
@@ -15026,6 +15271,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15026
15271
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15027
15272
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15028
15273
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
15274
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
15029
15275
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15030
15276
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15031
15277
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -15150,7 +15396,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15150
15396
  }
15151
15397
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15152
15398
  position: revert;
15153
- font-weight: bold;
15399
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15154
15400
  text-align: start;
15155
15401
  content: attr(data-label);
15156
15402
  }
@@ -15450,7 +15696,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15450
15696
  }
15451
15697
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15452
15698
  position: revert;
15453
- font-weight: bold;
15699
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15454
15700
  text-align: start;
15455
15701
  content: attr(data-label);
15456
15702
  }
@@ -15753,7 +15999,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15753
15999
  }
15754
16000
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
15755
16001
  position: revert;
15756
- font-weight: bold;
16002
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15757
16003
  text-align: start;
15758
16004
  content: attr(data-label);
15759
16005
  }
@@ -16056,7 +16302,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16056
16302
  }
16057
16303
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16058
16304
  position: revert;
16059
- font-weight: bold;
16305
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16060
16306
  text-align: start;
16061
16307
  content: attr(data-label);
16062
16308
  }
@@ -16359,7 +16605,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16359
16605
  }
16360
16606
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
16361
16607
  position: revert;
16362
- font-weight: bold;
16608
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16363
16609
  text-align: start;
16364
16610
  content: attr(data-label);
16365
16611
  }
@@ -16637,6 +16883,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16637
16883
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16638
16884
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16639
16885
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16886
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
16887
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
16888
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
16889
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
16890
+ --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
16891
+ --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
16892
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
16893
+ --pf-v6-c-table__expandable-row--Opacity: 0;
16894
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
16895
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
16896
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
16640
16897
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
16641
16898
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16642
16899
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -16697,6 +16954,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16697
16954
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
16698
16955
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
16699
16956
  }
16957
+ @media screen and (prefers-reduced-motion: no-preference) {
16958
+ .pf-v6-c-table {
16959
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16960
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16961
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
16962
+ }
16963
+ }
16700
16964
 
16701
16965
  .pf-v6-c-table {
16702
16966
  width: 100%;
@@ -17265,6 +17529,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17265
17529
  .pf-v6-c-table__expandable-row {
17266
17530
  position: relative;
17267
17531
  border-block-end: 0 solid transparent;
17532
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17533
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17534
+ 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);
17535
+ transition-property: opacity, translate, display;
17536
+ transition-behavior: allow-discrete;
17537
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17268
17538
  }
17269
17539
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17270
17540
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
@@ -17293,6 +17563,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17293
17563
  .pf-v6-c-table__expandable-row.pf-m-expanded {
17294
17564
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
17295
17565
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
17566
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17567
+ 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);
17568
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17569
+ }
17570
+ @starting-style {
17571
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
17572
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17573
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17574
+ }
17296
17575
  }
17297
17576
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17298
17577
  display: none;
@@ -18415,25 +18694,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18415
18694
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
18416
18695
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
18417
18696
  --pf-v6-c-tabs--link-accent--start: 0;
18418
- --pf-v6-c-tabs--link-accent--length: auto;
18697
+ --pf-v6-c-tabs--link-accent--length: 0;
18419
18698
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
18420
18699
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
18700
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
18701
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18421
18702
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
18422
18703
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
18423
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
18704
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
18424
18705
  --pf-v6-c-tabs--link-accent--Width: initial;
18425
18706
  --pf-v6-c-tabs--link-accent--Height: 0;
18426
18707
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
18427
18708
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
18428
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
18709
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
18710
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
18711
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
18712
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
18429
18713
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
18430
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
18431
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
18432
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
18433
18714
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
18434
18715
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
18435
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
18436
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18716
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
18717
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
18718
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
18437
18719
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18438
18720
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18439
18721
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -18593,11 +18875,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18593
18875
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
18594
18876
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
18595
18877
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
18596
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
18597
18878
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
18598
18879
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
18599
18880
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
18600
18881
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
18882
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
18883
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
18884
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
18601
18885
  display: inline-flex;
18602
18886
  flex-direction: column;
18603
18887
  height: 100%;
@@ -19174,15 +19458,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19174
19458
  }
19175
19459
 
19176
19460
  @media (prefers-reduced-motion: no-preference) {
19177
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
19178
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
19461
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
19462
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
19179
19463
  content: revert;
19180
19464
  }
19181
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19465
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
19182
19466
  position: absolute;
19183
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
19467
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
19184
19468
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
19185
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
19469
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
19186
19470
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
19187
19471
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
19188
19472
  content: "";
@@ -19191,7 +19475,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19191
19475
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
19192
19476
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
19193
19477
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
19194
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
19478
+ transition-property: width, height, translate;
19479
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
19480
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
19481
+ }
19482
+ :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 {
19483
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
19195
19484
  }
19196
19485
  .pf-v6-c-tabs.pf-m-initializing-accent {
19197
19486
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -19533,6 +19822,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19533
19822
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19534
19823
  }
19535
19824
 
19825
+ .pf-v6-c-timestamp__text {
19826
+ text-decoration: inherit;
19827
+ }
19828
+
19536
19829
  .pf-v6-c-title {
19537
19830
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19538
19831
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -21807,6 +22100,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21807
22100
  grid-auto-flow: column;
21808
22101
  align-items: baseline;
21809
22102
  min-width: var(--pf-v6-c-truncate--MinWidth);
22103
+ text-decoration: inherit;
22104
+ }
22105
+ .pf-v6-c-truncate.pf-m-fixed {
22106
+ display: inline;
22107
+ align-items: revert;
22108
+ min-width: revert;
21810
22109
  }
21811
22110
 
21812
22111
  .pf-v6-c-truncate__start,
@@ -21898,6 +22197,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21898
22197
  --pf-v6-c-tree-view__node-container--Display: contents;
21899
22198
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
21900
22199
  --pf-v6-c-tree-view__node-content--Overflow: visible;
22200
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
22201
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
22202
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
22203
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
22204
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
22205
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
22206
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22207
+ --pf-v6-c-tree-view__list--Opacity: 0;
22208
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
22209
+ --pf-v6-c-tree-view__list--TranslateY: 0;
22210
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
21901
22211
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
21902
22212
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
21903
22213
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -21913,6 +22223,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21913
22223
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
21914
22224
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
21915
22225
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
22226
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22227
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
21916
22228
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
21917
22229
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
21918
22230
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21988,6 +22300,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21988
22300
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
21989
22301
  --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);
21990
22302
  }
22303
+ @media screen and (prefers-reduced-motion: no-preference) {
22304
+ .pf-v6-c-tree-view {
22305
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
22306
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
22307
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
22308
+ }
22309
+ }
21991
22310
 
21992
22311
  .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 {
21993
22312
  position: relative;
@@ -22103,12 +22422,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22103
22422
  display: inline-block;
22104
22423
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
22105
22424
  text-align: center;
22425
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
22106
22426
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
22107
22427
  }
22108
22428
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
22109
22429
  scale: -1 1;
22110
22430
  }
22111
22431
 
22432
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
22433
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
22434
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
22435
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
22436
+ transition-property: opacity, translate;
22437
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
22438
+ }
22112
22439
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
22113
22440
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
22114
22441
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -22117,6 +22444,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22117
22444
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
22118
22445
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22119
22446
  }
22447
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22448
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22449
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
22450
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
22451
+ }
22120
22452
 
22121
22453
  .pf-v6-c-tree-view__node,
22122
22454
  .pf-v6-c-tree-view__node-container {