@patternfly/patternfly 6.3.0-prerelease.9 → 6.3.1

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 (109) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/base/patternfly-common.css +46 -11
  4. package/base/patternfly-common.scss +58 -13
  5. package/components/Accordion/accordion.css +72 -3
  6. package/components/Accordion/accordion.scss +78 -6
  7. package/components/Alert/alert-group.css +52 -31
  8. package/components/Alert/alert-group.scss +77 -46
  9. package/components/Button/button.css +154 -6
  10. package/components/Button/button.scss +160 -8
  11. package/components/DataList/data-list.css +2 -2
  12. package/components/DataList/data-list.scss +2 -2
  13. package/components/DualListSelector/dual-list-selector.css +36 -0
  14. package/components/DualListSelector/dual-list-selector.scss +43 -0
  15. package/components/ExpandableSection/expandable-section.css +63 -1
  16. package/components/ExpandableSection/expandable-section.scss +76 -2
  17. package/components/FileUpload/file-upload.css +3 -3
  18. package/components/FileUpload/file-upload.scss +3 -3
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/InputGroup/input-group.css +80 -0
  24. package/components/InputGroup/input-group.scss +95 -0
  25. package/components/Menu/menu.css +24 -4
  26. package/components/Menu/menu.scss +20 -5
  27. package/components/MenuToggle/menu-toggle.css +30 -0
  28. package/components/MenuToggle/menu-toggle.scss +33 -0
  29. package/components/Nav/nav.css +22 -8
  30. package/components/Nav/nav.scss +22 -9
  31. package/components/Page/page.css +62 -3
  32. package/components/Page/page.scss +44 -3
  33. package/components/Progress/progress.css +16 -0
  34. package/components/Progress/progress.scss +11 -1
  35. package/components/ProgressStepper/progress-stepper.scss +1 -0
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +51 -5
  39. package/components/Table/table-grid.scss +22 -1
  40. package/components/Table/table.css +95 -2
  41. package/components/Table/table.scss +138 -3
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +20 -0
  45. package/components/TextInputGroup/text-input-group.scss +12 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +1 -0
  51. package/components/Truncate/truncate.scss +3 -0
  52. package/components/_index.css +912 -84
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +148 -5
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  57. package/docs/components/DataList/examples/DataList.md +23 -23
  58. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  59. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  60. package/docs/components/Form/examples/Form.md +1047 -126
  61. package/docs/components/Hint/examples/Hint.md +3 -3
  62. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  63. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  64. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  65. package/docs/components/Masthead/examples/masthead.md +90 -12
  66. package/docs/components/Menu/examples/Menu.md +122 -6
  67. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  68. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  69. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  70. package/docs/components/Page/examples/Page.md +147 -14
  71. package/docs/components/Pagination/examples/Pagination.md +12 -12
  72. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  73. package/docs/components/Slider/examples/Slider.md +2 -2
  74. package/docs/components/Spinner/examples/Spinner.md +10 -0
  75. package/docs/components/Table/examples/Table.md +9428 -6173
  76. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  77. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  78. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  79. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  80. package/docs/demos/Alert/examples/Alert.md +66 -9
  81. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  82. package/docs/demos/Banner/examples/Banner.md +47 -6
  83. package/docs/demos/Card/examples/Card.md +5 -62
  84. package/docs/demos/CardView/examples/CardView.md +24 -5
  85. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  86. package/docs/demos/DataList/examples/DataList.md +100 -24
  87. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  88. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  89. package/docs/demos/Form/examples/BasicForms.md +12 -12
  90. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  91. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  92. package/docs/demos/Modal/examples/Modal.md +132 -18
  93. package/docs/demos/Nav/examples/Nav.md +111 -16
  94. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  95. package/docs/demos/Page/examples/Page.md +309 -43
  96. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  97. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  98. package/docs/demos/Table/examples/Table.md +449 -155
  99. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  100. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  101. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  102. package/package.json +5 -5
  103. package/patternfly-base-no-globals.css +45 -11
  104. package/patternfly-base.css +45 -11
  105. package/patternfly-no-globals.css +957 -95
  106. package/patternfly.css +957 -95
  107. package/patternfly.min.css +1 -1
  108. package/patternfly.min.css.map +1 -1
  109. package/sass-utilities/mixins.scss +54 -0
package/patternfly-no-globals.css CHANGED
@@ -45,19 +45,53 @@
45
45
  }
46
46
 
47
47
  .pf-v6-m-no-motion {
48
- --pf-t--global--delay--400: 0ms !important;
49
- --pf-t--global--delay--300: 0ms !important;
50
- --pf-t--global--delay--200: 0ms !important;
51
- --pf-t--global--delay--100: 0ms !important;
52
- --pf-t--global--duration--600: 0ms !important;
53
- --pf-t--global--duration--500: 0ms !important;
54
- --pf-t--global--duration--400: 0ms !important;
55
- --pf-t--global--duration--300: 0ms !important;
56
- --pf-t--global--duration--200: 0ms !important;
57
- --pf-t--global--duration--100: 0ms !important;
58
- --pf-t--global--duration--50: 0ms !important;
48
+ --pf-t--global--delay--400: 1ms !important;
49
+ --pf-t--global--delay--300: 1ms !important;
50
+ --pf-t--global--delay--200: 1ms !important;
51
+ --pf-t--global--delay--100: 1ms !important;
52
+ --pf-t--global--duration--600: 1ms !important;
53
+ --pf-t--global--duration--500: 1ms !important;
54
+ --pf-t--global--duration--400: 1ms !important;
55
+ --pf-t--global--duration--300: 1ms !important;
56
+ --pf-t--global--duration--200: 1ms !important;
57
+ --pf-t--global--duration--100: 1ms !important;
58
+ --pf-t--global--duration--50: 1ms !important;
59
59
  }
60
60
 
61
+ :root {
62
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
63
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
64
+ }
65
+
66
+ @property --pf-v6-global--danger-jiggle--TranslateX {
67
+ syntax: "<length>";
68
+ inherits: false;
69
+ initial-value: 0;
70
+ }
71
+ @keyframes pf-v6-global-danger-jiggle-motion {
72
+ 33% {
73
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
74
+ }
75
+ 66% {
76
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
77
+ }
78
+ }
79
+ @keyframes pf-v6-global-fade-in {
80
+ from {
81
+ opacity: 0;
82
+ }
83
+ to {
84
+ opacity: 1;
85
+ }
86
+ }
87
+ @keyframes pf-v6-global-fade-out {
88
+ from {
89
+ opacity: 1;
90
+ }
91
+ to {
92
+ opacity: 0;
93
+ }
94
+ }
61
95
  @font-face {
62
96
  font-family: "Red Hat Text";
63
97
  font-style: normal;
@@ -7667,6 +7701,7 @@
7667
7701
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7668
7702
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7669
7703
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7704
+ --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
7670
7705
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7671
7706
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7672
7707
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7684,6 +7719,24 @@
7684
7719
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
7685
7720
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
7686
7721
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
7722
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7723
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7724
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
7725
+ --pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7726
+ --pf-v6-c-accordion__item--before--Opacity: 0;
7727
+ --pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
7728
+ --pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
7729
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
7730
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
7731
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
7732
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
7733
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
7734
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
7735
+ --pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7736
+ --pf-v6-c-accordion__expandable-content--Opacity: 0;
7737
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
7738
+ --pf-v6-c-accordion__expandable-content--TranslateY: 0;
7739
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
7687
7740
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7688
7741
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7689
7742
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7703,6 +7756,16 @@
7703
7756
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
7704
7757
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
7705
7758
  }
7759
+ @media screen and (prefers-reduced-motion: no-preference) {
7760
+ .pf-v6-c-accordion {
7761
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7762
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7763
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
7764
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7765
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7766
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7767
+ }
7768
+ }
7706
7769
 
7707
7770
  .pf-v6-c-accordion {
7708
7771
  display: flex;
@@ -7736,18 +7799,39 @@
7736
7799
  }
7737
7800
 
7738
7801
  .pf-v6-c-accordion__item {
7802
+ position: relative;
7803
+ }
7804
+ .pf-v6-c-accordion__item::before {
7805
+ position: absolute;
7806
+ inset: 0;
7807
+ pointer-events: none;
7808
+ content: "";
7809
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7739
7810
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
7811
+ opacity: var(--pf-v6-c-accordion__item--before--Opacity);
7812
+ transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
7813
+ transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
7814
+ transition-property: opacity;
7740
7815
  }
7741
7816
  .pf-v6-c-accordion__item.pf-m-expanded {
7742
7817
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
7743
7818
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
7744
- background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
7819
+ --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
7820
+ --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
7821
+ --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
7822
+ --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
7823
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
7824
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
7825
+ --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
7826
+ --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
7745
7827
  }
7746
7828
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
7747
7829
  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
7748
7830
  }
7749
7831
 
7750
7832
  .pf-v6-c-accordion__toggle {
7833
+ position: relative;
7834
+ z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
7751
7835
  display: flex;
7752
7836
  column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
7753
7837
  align-items: center;
@@ -7783,19 +7867,38 @@
7783
7867
  scale: -1 1;
7784
7868
  }
7785
7869
 
7870
+ .pf-v6-c-accordion__expandable-content:where([hidden]) {
7871
+ display: revert;
7872
+ }
7873
+
7786
7874
  .pf-v6-c-accordion__expandable-content {
7787
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7875
+ max-height: 0;
7788
7876
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7789
7877
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7790
7878
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7791
7879
  color: var(--pf-v6-c-accordion__expandable-content--Color);
7880
+ visibility: hidden;
7792
7881
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7793
7882
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7883
+ opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7884
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7885
+ transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7886
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
7887
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
7888
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7794
7889
  }
7795
7890
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7796
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7797
7891
  overflow-y: auto;
7798
7892
  }
7893
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7894
+ max-height: 99999px;
7895
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7896
+ visibility: revert;
7897
+ transition-delay: 0s;
7898
+ }
7899
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7900
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7901
+ }
7799
7902
 
7800
7903
  .pf-v6-c-accordion__expandable-content-body {
7801
7904
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -8059,27 +8162,45 @@
8059
8162
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8060
8163
  var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8061
8164
  0s;
8062
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8063
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8064
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8065
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8066
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8067
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8068
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8069
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8070
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8071
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8072
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8073
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8074
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8075
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8076
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8077
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8078
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8079
- --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
8080
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
8081
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
8082
- var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
8165
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8166
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8167
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8168
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8169
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8170
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
8171
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
8172
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
8173
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
8174
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
8175
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8176
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8177
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8178
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8179
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8180
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8181
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8182
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8183
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8184
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8185
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
8186
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
8187
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
8188
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
8189
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
8190
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
8191
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
8192
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
8193
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
8194
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
8195
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8196
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8197
+ --pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
8198
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
8199
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
8200
+ var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
8201
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
8202
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
8203
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
8083
8204
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8084
8205
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8085
8206
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8139,40 +8260,43 @@
8139
8260
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8140
8261
  }
8141
8262
  }
8142
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8263
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
8143
8264
  grid-template-rows: 0fr;
8144
8265
  margin-block: 0;
8145
8266
  overflow: hidden;
8146
8267
  opacity: 0;
8147
8268
  transform: translateY(-100%);
8148
8269
  }
8149
- .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8270
+ .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 {
8150
8271
  min-height: 0;
8151
8272
  padding-block-start: 0;
8152
8273
  padding-block-end: 0;
8153
8274
  border-width: 0;
8154
8275
  }
8155
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8276
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8156
8277
  grid-template-rows: 0fr;
8157
8278
  margin-block: 0;
8158
8279
  overflow: hidden;
8159
8280
  opacity: 0;
8160
- 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);
8281
+ 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));
8161
8282
  }
8162
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8283
+ .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 {
8163
8284
  min-height: 0;
8164
8285
  padding-block-start: 0;
8165
8286
  padding-block-end: 0;
8166
8287
  border-width: 0;
8167
- transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8288
+ 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));
8168
8289
  }
8169
8290
  @media screen and (prefers-reduced-motion: no-preference) {
8170
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
8171
- 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);
8291
+ .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
8292
+ 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));
8172
8293
  transform: translateX(100%);
8173
8294
  }
8174
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8175
- transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
8295
+ :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 {
8296
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
8297
+ }
8298
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
8299
+ 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));
8176
8300
  }
8177
8301
  }
8178
8302
  .pf-v6-c-alert-group__item:hover {
@@ -8919,15 +9043,20 @@ button.pf-v6-c-breadcrumb__link {
8919
9043
  --pf-v6-c-button--TextDecorationLine: none;
8920
9044
  --pf-v6-c-button--TextDecorationStyle: none;
8921
9045
  --pf-v6-c-button--TextDecorationColor: currentcolor;
9046
+ --pf-v6-c-button--TransitionDelay: 0s;
8922
9047
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8923
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
8924
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
9048
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9049
+ --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9050
+ --pf-v6-c-button--ScaleX: 1;
9051
+ --pf-v6-c-button--ScaleY: 1;
8925
9052
  --pf-v6-c-button--hover--BackgroundColor: transparent;
8926
9053
  --pf-v6-c-button--hover--BorderColor: transparent;
8927
9054
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8928
9055
  --pf-v6-c-button--hover--TextDecorationLine: none;
8929
9056
  --pf-v6-c-button--hover--TextDecorationStyle: none;
8930
9057
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9058
+ --pf-v6-c-button--hover--ScaleX: 1;
9059
+ --pf-v6-c-button--hover--ScaleY: 1;
8931
9060
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
8932
9061
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
8933
9062
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9137,12 +9266,30 @@ button.pf-v6-c-breadcrumb__link {
9137
9266
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9138
9267
  --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
9139
9268
  --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
9269
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9270
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
9271
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9272
+ --pf-v6-c-button__icon--TransitionProperty: none;
9273
+ --pf-v6-c-button__icon--Rotate: 0deg;
9274
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9275
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9276
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
9277
+ --pf-v6-c-button--hover__icon--Rotate: 0deg;
9278
+ --pf-v6-c-button__icon--ScaleX: 1;
9279
+ --pf-v6-c-button__icon--ScaleY: 1;
9280
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9281
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9140
9282
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9141
9283
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9142
9284
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
9143
9285
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9144
9286
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9145
9287
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9288
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
9289
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
9290
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
9291
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
9292
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9146
9293
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9147
9294
  --pf-v6-c-button__progress--Opacity: 0;
9148
9295
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9157,9 +9304,28 @@ button.pf-v6-c-breadcrumb__link {
9157
9304
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
9158
9305
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
9159
9306
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
9307
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9308
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9309
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9310
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9311
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
9160
9312
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
9161
9313
  --pf-v6-c-button--m-block--Display: flex;
9162
9314
  --pf-v6-c-button--m-block--Width: 100%;
9315
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
9316
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
9317
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
9318
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
9319
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
9320
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
9321
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
9322
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
9323
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
9324
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
9325
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9326
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9327
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9328
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9163
9329
  }
9164
9330
 
9165
9331
  .pf-v6-c-button {
@@ -9183,16 +9349,19 @@ button.pf-v6-c-breadcrumb__link {
9183
9349
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9184
9350
  white-space: nowrap;
9185
9351
  cursor: pointer;
9352
+ -webkit-user-select: none;
9186
9353
  user-select: none;
9187
- background-color: var(--pf-v6-c-button--BackgroundColor);
9354
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
9188
9355
  border: 0;
9189
9356
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9190
9357
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
9191
9358
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
9192
9359
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
9360
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
9193
9361
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9194
9362
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9195
9363
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9364
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9196
9365
  }
9197
9366
  .pf-v6-c-button::after {
9198
9367
  position: absolute;
@@ -9301,6 +9470,7 @@ button.pf-v6-c-breadcrumb__link {
9301
9470
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9302
9471
  text-align: start;
9303
9472
  white-space: normal;
9473
+ background: transparent;
9304
9474
  outline-offset: 0.125rem;
9305
9475
  }
9306
9476
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -9434,6 +9604,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9434
9604
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9435
9605
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9436
9606
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9607
+ background: var(--pf-v6-c-button--BackgroundColor);
9437
9608
  }
9438
9609
  .pf-v6-c-button.pf-m-block {
9439
9610
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -9453,44 +9624,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9453
9624
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9454
9625
  }
9455
9626
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9627
+ display: grid;
9456
9628
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9457
9629
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9458
9630
  transition-property: color;
9459
9631
  }
9460
9632
  .pf-v6-c-button.pf-m-favorited {
9461
9633
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9634
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9462
9635
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9636
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9637
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
9638
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
9463
9639
  }
9464
9640
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9465
9641
  animation-name: pf-v6-c-button-icon-favorited;
9466
9642
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9467
9643
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9468
9644
  }
9645
+ .pf-v6-c-button.pf-m-settings {
9646
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
9647
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
9648
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
9649
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
9650
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
9651
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
9652
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
9653
+ }
9654
+ .pf-v6-c-button.pf-m-hamburger {
9655
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9656
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9657
+ --pf-v6-c-button__icon--TransitionProperty: scale;
9658
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9659
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9660
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
9661
+ }
9662
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
9663
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9664
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9665
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9666
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9667
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9668
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9669
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9670
+ }
9671
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9672
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9673
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9674
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9675
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9676
+ --pf-v6-c-button__icon--ScaleX: 1;
9677
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9678
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9679
+ }
9469
9680
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9470
9681
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9471
9682
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9472
9683
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9473
9684
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9685
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9686
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9474
9687
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9475
9688
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9689
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9690
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9691
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9692
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9693
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9694
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9476
9695
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9477
9696
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9478
9697
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9479
9698
  }
9480
- .pf-v6-c-button.pf-m-clicked {
9699
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9481
9700
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9482
9701
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9483
9702
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9484
9703
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9485
9704
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9486
9705
  }
9706
+ .pf-v6-c-button:active {
9707
+ background-size: 100% 100%;
9708
+ transition-duration: 0s;
9709
+ }
9487
9710
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9488
9711
  pointer-events: none;
9489
9712
  }
9490
9713
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9491
9714
  color: var(--pf-v6-c-button--disabled--Color);
9492
9715
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9493
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9716
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9494
9717
  }
9495
9718
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9496
9719
  border-color: transparent;
@@ -9531,6 +9754,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9531
9754
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
9532
9755
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
9533
9756
  color: var(--pf-v6-c-button__icon--Color);
9757
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
9758
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
9759
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9760
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9761
+ rotate: var(--pf-v6-c-button__icon--Rotate);
9762
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9534
9763
  }
9535
9764
  .pf-v6-c-button__icon.pf-m-start {
9536
9765
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9539,6 +9768,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9539
9768
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9540
9769
  }
9541
9770
 
9771
+ .pf-v6-c-button__icon-favorite,
9772
+ .pf-v6-c-button__icon-favorited {
9773
+ grid-area: 1/1/1/1;
9774
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9775
+ transition-property: opacity;
9776
+ }
9777
+
9778
+ .pf-v6-c-button__icon-favorite {
9779
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9780
+ }
9781
+
9782
+ .pf-v6-c-button__icon-favorited {
9783
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9784
+ }
9785
+
9542
9786
  .pf-v6-c-button__progress {
9543
9787
  position: absolute;
9544
9788
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9551,11 +9795,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9551
9795
  --pf-v6-c-spinner--Color: currentcolor;
9552
9796
  }
9553
9797
 
9798
+ .pf-v6-c-button__text {
9799
+ text-decoration: inherit;
9800
+ }
9801
+
9554
9802
  .pf-v6-c-button__count {
9555
9803
  display: inline-flex;
9556
9804
  align-items: center;
9557
9805
  }
9558
9806
 
9807
+ .pf-v6-c-button--hamburger-icon path {
9808
+ fill: none;
9809
+ stroke: currentcolor;
9810
+ stroke-linecap: round;
9811
+ stroke-linejoin: round;
9812
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
9813
+ }
9814
+
9815
+ .pf-v6-c-button--hamburger-icon--top {
9816
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
9817
+ }
9818
+
9819
+ .pf-v6-c-button--hamburger-icon--middle {
9820
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
9821
+ }
9822
+
9823
+ .pf-v6-c-button--hamburger-icon--arrow {
9824
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
9825
+ }
9826
+
9827
+ .pf-v6-c-button--hamburger-icon--bottom {
9828
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
9829
+ }
9830
+
9559
9831
  @keyframes pf-v6-c-button-icon-notify {
9560
9832
  33% {
9561
9833
  transform: rotate(30deg);
@@ -9566,7 +9838,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9566
9838
  }
9567
9839
  @keyframes pf-v6-c-button-icon-favorited {
9568
9840
  50% {
9569
- transform: scale(1.5);
9841
+ scale: 1.5;
9570
9842
  }
9571
9843
  }
9572
9844
  .pf-v6-c-calendar-month {
@@ -11351,8 +11623,8 @@ ul) {
11351
11623
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11352
11624
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11353
11625
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
11354
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11355
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11626
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11627
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11356
11628
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11357
11629
  }
11358
11630
  @media screen and (min-width: 36rem) {
@@ -12089,6 +12361,17 @@ ul) {
12089
12361
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12090
12362
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12091
12363
  --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
12364
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
12365
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
12366
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
12367
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
12368
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
12369
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
12370
+ --pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12371
+ --pf-v6-c-dual-list-selector__list--Opacity: 0;
12372
+ --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
12373
+ --pf-v6-c-dual-list-selector__list--TranslateY: 0;
12374
+ --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
12092
12375
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12093
12376
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12094
12377
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12126,6 +12409,13 @@ ul) {
12126
12409
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12127
12410
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12128
12411
  }
12412
+ @media screen and (prefers-reduced-motion: no-preference) {
12413
+ .pf-v6-c-dual-list-selector {
12414
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12415
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12416
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
12417
+ }
12418
+ }
12129
12419
 
12130
12420
  .pf-v6-c-dual-list-selector {
12131
12421
  display: grid;
@@ -12221,9 +12511,27 @@ ul) {
12221
12511
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12222
12512
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12223
12513
  }
12514
+ .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 {
12515
+ max-height: 0;
12516
+ visibility: hidden;
12517
+ opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
12518
+ transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
12519
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
12520
+ transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
12521
+ transition-property: opacity, translate, visibility, max-height;
12522
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
12523
+ }
12224
12524
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12225
12525
  --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);
12226
12526
  }
12527
+ .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 {
12528
+ max-height: 99999px;
12529
+ visibility: revert;
12530
+ opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12531
+ transition-delay: 0s;
12532
+ 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;
12533
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
12534
+ }
12227
12535
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12228
12536
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12229
12537
  --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);
@@ -13759,6 +14067,20 @@ ul) {
13759
14067
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13760
14068
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13761
14069
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
14070
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
14071
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14072
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
14073
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14074
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
14075
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
14076
+ --pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14077
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
14078
+ --pf-v6-c-expandable-section__content--Opacity: 0;
14079
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14080
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
14081
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
14082
+ --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
14083
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13762
14084
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13763
14085
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13764
14086
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13770,20 +14092,55 @@ ul) {
13770
14092
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13771
14093
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13772
14094
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14095
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13773
14096
  --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));
13774
14097
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13775
14098
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13776
14099
  }
14100
+ @media screen and (prefers-reduced-motion: no-preference) {
14101
+ .pf-v6-c-expandable-section {
14102
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14103
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14104
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14105
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
14106
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
14107
+ }
14108
+ }
13777
14109
 
13778
14110
  .pf-v6-c-expandable-section {
13779
14111
  display: flex;
13780
14112
  flex-direction: column;
13781
- gap: var(--pf-v6-c-expandable-section--Gap);
14113
+ gap: 0;
14114
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14115
+ transition-duration: 0s;
14116
+ transition-property: gap, padding-block-end;
13782
14117
  }
13783
14118
  .pf-v6-c-expandable-section.pf-m-expanded {
13784
14119
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13785
14120
  --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);
13786
14121
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
14122
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
14123
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14124
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14125
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14126
+ --pf-v6-c-expandable-section__content--Visibility: auto;
14127
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14128
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14129
+ gap: var(--pf-v6-c-expandable-section--Gap);
14130
+ }
14131
+ .pf-v6-c-expandable-section.pf-m-expand-top {
14132
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
14133
+ }
14134
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom) {
14135
+ --pf-v6-c-expandable-section__content--TranslateY: 0;
14136
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: 0s;
14137
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: 0s;
14138
+ }
14139
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded) {
14140
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY);
14141
+ }
14142
+ .pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded) {
14143
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY);
13787
14144
  }
13788
14145
  .pf-v6-c-expandable-section.pf-m-limit-width {
13789
14146
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13830,6 +14187,19 @@ ul) {
13830
14187
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13831
14188
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13832
14189
  }
14190
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14191
+ display: revert;
14192
+ }
14193
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14194
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14195
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14196
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14197
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14198
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14199
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14200
+ transition-property: opacity, translate, visibility, max-height;
14201
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14202
+ }
13833
14203
 
13834
14204
  .pf-v6-c-file-upload {
13835
14205
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13839,9 +14209,9 @@ ul) {
13839
14209
  --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13840
14210
  --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
13841
14211
  --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
13842
- --pf-v6-c-file-upload--BorderColor: transparent;
13843
- --pf-v6-c-file-upload--BorderStyle: solid;
13844
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
14212
+ --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
14213
+ --pf-v6-c-file-upload--BorderStyle: dashed;
14214
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
13845
14215
  --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
13846
14216
  --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
13847
14217
  --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -13941,7 +14311,7 @@ ul) {
13941
14311
  --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
13942
14312
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
13943
14313
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
13944
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
14314
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
13945
14315
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
13946
14316
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
13947
14317
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -13961,6 +14331,8 @@ ul) {
13961
14331
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
13962
14332
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
13963
14333
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14334
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14335
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
13964
14336
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
13965
14337
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
13966
14338
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -13968,6 +14340,19 @@ ul) {
13968
14340
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
13969
14341
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
13970
14342
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
14343
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
14344
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
14345
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
14346
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14347
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
14348
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14349
+ }
14350
+ @media screen and (prefers-reduced-motion: no-preference) {
14351
+ .pf-v6-c-form {
14352
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14353
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14354
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
14355
+ }
13971
14356
  }
13972
14357
 
13973
14358
  .pf-v6-c-form {
@@ -14324,6 +14709,16 @@ ul) {
14324
14709
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
14325
14710
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14326
14711
  }
14712
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14713
+ max-height: 99999px;
14714
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14715
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14716
+ visibility: visible;
14717
+ opacity: 1;
14718
+ transition-delay: 0s;
14719
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
14720
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
14721
+ }
14327
14722
 
14328
14723
  .pf-v6-c-form__field-group-toggle {
14329
14724
  grid-row: 1/2;
@@ -14382,6 +14777,8 @@ ul) {
14382
14777
  }
14383
14778
 
14384
14779
  .pf-v6-c-form__field-group-header-actions {
14780
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14781
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14385
14782
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14386
14783
  white-space: nowrap;
14387
14784
  }
@@ -14393,6 +14790,18 @@ ul) {
14393
14790
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14394
14791
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14395
14792
  }
14793
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14794
+ max-height: 0;
14795
+ padding-block-start: 0;
14796
+ padding-block-end: 0;
14797
+ visibility: hidden;
14798
+ opacity: 0;
14799
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
14800
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
14801
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
14802
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
14803
+ }
14804
+
14396
14805
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
14397
14806
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
14398
14807
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -14629,6 +15038,22 @@ ul) {
14629
15038
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14630
15039
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14631
15040
  }
15041
+ @media (prefers-reduced-motion: no-preference) {
15042
+ .pf-v6-c-form-control.pf-m-error {
15043
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
15044
+ animation-name: pf-v6-global-danger-jiggle-motion;
15045
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
15046
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
15047
+ animation-fill-mode: both;
15048
+ }
15049
+ }
15050
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
15051
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
15052
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
15053
+ animation-name: pf-v6-global-fade-in;
15054
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
15055
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
15056
+ }
14632
15057
  .pf-v6-c-form-control.pf-m-error > textarea {
14633
15058
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14634
15059
  }
@@ -15278,6 +15703,30 @@ ul) {
15278
15703
  --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
15279
15704
  --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
15280
15705
  --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15706
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15707
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15708
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15709
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15710
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15711
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade);
15712
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide);
15713
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15714
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start: 100%;
15715
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end: 0;
15716
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end);
15717
+ --pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction:var(--pf-t--global--motion--timing-function--default);
15718
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade: 0s;
15719
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade: 0s;
15720
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade);
15721
+ --pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15722
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
15723
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15724
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade);
15725
+ }
15726
+ @media (prefers-reduced-motion: no-preference) {
15727
+ .pf-v6-c-input-group {
15728
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: .7;
15729
+ }
15281
15730
  }
15282
15731
 
15283
15732
  .pf-v6-c-input-group {
@@ -15285,6 +15734,62 @@ ul) {
15285
15734
  gap: var(--pf-v6-c-input-group--Gap);
15286
15735
  width: 100%;
15287
15736
  }
15737
+ .pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded) {
15738
+ --pf-v6-c-input-group--Gap: 0;
15739
+ transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
15740
+ }
15741
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
15742
+ flex-grow: 1;
15743
+ max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
15744
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
15745
+ opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
15746
+ transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
15747
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
15748
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
15749
+ transition-property: opacity, scale, visibility, max-width;
15750
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
15751
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
15752
+ }
15753
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
15754
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
15755
+ visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
15756
+ opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
15757
+ transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
15758
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
15759
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade), 0s, 0s;
15760
+ transition-property: opacity, visibility, max-width;
15761
+ }
15762
+ .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
15763
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
15764
+ visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
15765
+ opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
15766
+ transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
15767
+ transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
15768
+ transition-duration: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), 0s, 0s;
15769
+ transition-property: opacity, visibility, max-width;
15770
+ }
15771
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start {
15772
+ --pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start);
15773
+ }
15774
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded {
15775
+ --pf-v6-c-input-group__item--m-search-text-input--MaxWidth: 100%;
15776
+ --pf-v6-c-input-group__item--m-search-text-input--Visibility: visible;
15777
+ --pf-v6-c-input-group__item--m-search-text-input--Opacity: 1;
15778
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade);
15779
+ --pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide);
15780
+ --pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
15781
+ --pf-v6-c-input-group__item--m-search-action--MaxWidth: 100%;
15782
+ --pf-v6-c-input-group__item--m-search-action--Visibility: visible;
15783
+ --pf-v6-c-input-group__item--m-search-action--Opacity: 1;
15784
+ --pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade);
15785
+ --pf-v6-c-input-group__item--m-search-expand--MaxWidth: 0;
15786
+ --pf-v6-c-input-group__item--m-search-expand--Visibility: hidden;
15787
+ --pf-v6-c-input-group__item--m-search-expand--Opacity: 0;
15788
+ --pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade);
15789
+ }
15790
+ .pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded .pf-v6-c-input-group__item:is(.pf-m-search-input, .pf-m-search-expand, .pf-m-search-action) {
15791
+ transition-delay: 0s;
15792
+ }
15288
15793
 
15289
15794
  .pf-v6-c-input-group__item {
15290
15795
  position: relative;
@@ -17097,7 +17602,7 @@ ul.pf-v6-c-list {
17097
17602
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17098
17603
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17099
17604
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
17100
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17605
+ --pf-v6-c-menu--TransitionDuration: 0s;
17101
17606
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17102
17607
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17103
17608
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17170,14 +17675,34 @@ ul.pf-v6-c-list {
17170
17675
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
17171
17676
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17172
17677
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17173
- --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17678
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17174
17679
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
17175
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17680
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17176
17681
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
17177
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17682
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17178
17683
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17179
17684
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
17180
17685
  }
17686
+ @media (prefers-reduced-motion: no-preference) {
17687
+ .pf-v6-c-menu {
17688
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17689
+ }
17690
+ }
17691
+ @media (prefers-reduced-motion: no-preference) {
17692
+ .pf-v6-c-menu {
17693
+ --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17694
+ }
17695
+ }
17696
+ @media (prefers-reduced-motion: no-preference) {
17697
+ .pf-v6-c-menu {
17698
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17699
+ }
17700
+ }
17701
+ @media (prefers-reduced-motion: no-preference) {
17702
+ .pf-v6-c-menu {
17703
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17704
+ }
17705
+ }
17181
17706
 
17182
17707
  .pf-v6-c-menu__content,
17183
17708
  .pf-v6-c-menu__list-item,
@@ -17711,6 +18236,14 @@ ul.pf-v6-c-list {
17711
18236
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17712
18237
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17713
18238
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
18239
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
18240
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
18241
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
18242
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
18243
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
18244
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
18245
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
18246
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
17714
18247
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17715
18248
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17716
18249
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -17808,6 +18341,11 @@ ul.pf-v6-c-list {
17808
18341
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17809
18342
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17810
18343
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
18344
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18345
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
18346
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18347
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18348
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
17811
18349
  }
17812
18350
 
17813
18351
  .pf-v6-c-menu-toggle {
@@ -17921,6 +18459,10 @@ ul.pf-v6-c-list {
17921
18459
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
17922
18460
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
17923
18461
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
18462
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
18463
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
18464
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
18465
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
17924
18466
  }
17925
18467
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
17926
18468
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -17976,6 +18518,15 @@ ul.pf-v6-c-list {
17976
18518
  opacity: 1;
17977
18519
  }
17978
18520
  }
18521
+ .pf-v6-c-menu-toggle.pf-m-settings {
18522
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
18523
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
18524
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
18525
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
18526
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
18527
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
18528
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
18529
+ }
17979
18530
  .pf-v6-c-menu-toggle.pf-m-placeholder {
17980
18531
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
17981
18532
  }
@@ -18137,6 +18688,10 @@ ul.pf-v6-c-list {
18137
18688
 
18138
18689
  .pf-v6-c-menu-toggle__icon {
18139
18690
  flex-shrink: 0;
18691
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
18692
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
18693
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
18694
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
18140
18695
  }
18141
18696
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
18142
18697
  vertical-align: middle;
@@ -18628,9 +19183,13 @@ ul.pf-v6-c-list {
18628
19183
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18629
19184
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18630
19185
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18631
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18632
- --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
19186
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
19187
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
19188
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
19189
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
18633
19190
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
19191
+ --pf-v6-c-nav__subnav--TranslateY: 0;
19192
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
18634
19193
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18635
19194
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18636
19195
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18659,6 +19218,13 @@ ul.pf-v6-c-list {
18659
19218
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18660
19219
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18661
19220
  }
19221
+ @media screen and (prefers-reduced-motion: no-preference) {
19222
+ .pf-v6-c-nav {
19223
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
19224
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
19225
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
19226
+ }
19227
+ }
18662
19228
 
18663
19229
  .pf-v6-c-nav,
18664
19230
  .pf-v6-c-nav__section,
@@ -18729,24 +19295,27 @@ ul.pf-v6-c-list {
18729
19295
 
18730
19296
  .pf-v6-c-nav__subnav {
18731
19297
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18732
- grid-template-rows: 1fr;
18733
- min-height: 0;
19298
+ max-height: 99999px;
18734
19299
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18735
19300
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18736
19301
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18737
19302
  overflow-y: clip;
18738
- transition-delay: 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
19303
+ visibility: visible;
19304
+ transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
18739
19305
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18740
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18741
- transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
19306
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
19307
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
19308
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
18742
19309
  }
18743
19310
  .pf-v6-c-nav__subnav[hidden] {
18744
19311
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18745
19312
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
19313
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
18746
19314
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18747
19315
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19316
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18748
19317
  display: grid;
18749
- grid-template-rows: 0fr;
19318
+ max-height: 0;
18750
19319
  visibility: hidden;
18751
19320
  opacity: 0;
18752
19321
  }
@@ -19236,9 +19805,13 @@ ul.pf-v6-c-list {
19236
19805
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19237
19806
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19238
19807
  --pf-v6-c-page__sidebar--BoxShadow: none;
19239
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19240
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19808
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
19809
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19810
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19241
19811
  --pf-v6-c-page__sidebar--TranslateX: -100%;
19812
+ --pf-v6-c-page__sidebar--Opacity: 0;
19813
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
19814
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
19242
19815
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19243
19816
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19244
19817
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19316,9 +19889,17 @@ ul.pf-v6-c-list {
19316
19889
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19317
19890
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19318
19891
  }
19892
+ @media screen and (prefers-reduced-motion: no-preference) {
19893
+ .pf-v6-c-page {
19894
+ --pf-v6-c-page__sidebar--Opacity: 1;
19895
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
19896
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19897
+ }
19898
+ }
19319
19899
  @media screen and (min-width: 75rem) {
19320
19900
  .pf-v6-c-page {
19321
19901
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
19902
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
19322
19903
  }
19323
19904
  }
19324
19905
 
@@ -19339,6 +19920,51 @@ ul.pf-v6-c-list {
19339
19920
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19340
19921
  }
19341
19922
  }
19923
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19924
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19925
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19926
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19927
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19928
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19929
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19930
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19931
+ }
19932
+ .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
19933
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19934
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19935
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19936
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19937
+ --pf-v6-c-button__icon--ScaleX: 1;
19938
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19939
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19940
+ }
19941
+ @media (min-width: 75rem) {
19942
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
19943
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
19944
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
19945
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
19946
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
19947
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
19948
+ }
19949
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19950
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19951
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19952
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19953
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19954
+ --pf-v6-c-button__icon--ScaleX: 1;
19955
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19956
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19957
+ }
19958
+ .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19959
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19960
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19961
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19962
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19963
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19964
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19965
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19966
+ }
19967
+ }
19342
19968
 
19343
19969
  .pf-v6-c-page > .pf-v6-c-masthead {
19344
19970
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19367,7 +19993,8 @@ ul.pf-v6-c-list {
19367
19993
  overflow-y: auto;
19368
19994
  -webkit-overflow-scrolling: touch;
19369
19995
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
19370
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19996
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
19997
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19371
19998
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19372
19999
  }
19373
20000
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19376,6 +20003,7 @@ ul.pf-v6-c-list {
19376
20003
 
19377
20004
  .pf-v6-c-page__sidebar.pf-m-expanded {
19378
20005
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
20006
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
19379
20007
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19380
20008
  }
19381
20009
  @media screen and (min-width: 75rem) {
@@ -20636,6 +21264,22 @@ ul.pf-v6-c-list {
20636
21264
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20637
21265
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20638
21266
  }
21267
+ @media (prefers-reduced-motion: no-preference) {
21268
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
21269
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
21270
+ animation-name: pf-v6-global-danger-jiggle-motion;
21271
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
21272
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
21273
+ animation-fill-mode: both;
21274
+ }
21275
+ }
21276
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
21277
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
21278
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
21279
+ animation-name: pf-v6-global-fade-in;
21280
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
21281
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
21282
+ }
20639
21283
 
20640
21284
  .pf-v6-c-progress__description {
20641
21285
  grid-column: 1/2;
@@ -22233,6 +22877,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22233
22877
  --pf-v6-c-spinner--StrokeWidth: 10;
22234
22878
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22235
22879
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
22880
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22236
22881
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22237
22882
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22238
22883
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22249,6 +22894,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22249
22894
  .pf-v6-c-spinner.pf-m-inline {
22250
22895
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22251
22896
  }
22897
+ .pf-v6-c-spinner.pf-m-xs {
22898
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
22899
+ --pf-v6-c-spinner--StrokeWidth: 15;
22900
+ }
22252
22901
  .pf-v6-c-spinner.pf-m-sm {
22253
22902
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22254
22903
  }
@@ -22530,6 +23179,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22530
23179
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22531
23180
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22532
23181
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
23182
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22533
23183
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22534
23184
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22535
23185
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22593,6 +23243,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22593
23243
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22594
23244
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22595
23245
  }
23246
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23247
+ --pf-v6-c-table__expandable-row--Display: block;
23248
+ }
23249
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
23250
+ content: none;
23251
+ }
22596
23252
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
22597
23253
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22598
23254
  }
@@ -22649,12 +23305,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22649
23305
  grid-template-columns: 1fr minmax(0, 1.5fr);
22650
23306
  align-items: start;
22651
23307
  }
23308
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23309
+ align-items: center;
23310
+ }
22652
23311
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22653
23312
  grid-column: 2;
22654
23313
  }
22655
23314
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22656
23315
  position: revert;
22657
- font-weight: bold;
23316
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22658
23317
  text-align: start;
22659
23318
  content: attr(data-label);
22660
23319
  }
@@ -22893,6 +23552,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22893
23552
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22894
23553
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22895
23554
  }
23555
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23556
+ --pf-v6-c-table__expandable-row--Display: block;
23557
+ }
23558
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
23559
+ content: none;
23560
+ }
22896
23561
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
22897
23562
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22898
23563
  }
@@ -22949,12 +23614,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22949
23614
  grid-template-columns: 1fr minmax(0, 1.5fr);
22950
23615
  align-items: start;
22951
23616
  }
23617
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23618
+ align-items: center;
23619
+ }
22952
23620
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22953
23621
  grid-column: 2;
22954
23622
  }
22955
23623
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22956
23624
  position: revert;
22957
- font-weight: bold;
23625
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22958
23626
  text-align: start;
22959
23627
  content: attr(data-label);
22960
23628
  }
@@ -23196,6 +23864,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23196
23864
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23197
23865
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23198
23866
  }
23867
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
23868
+ --pf-v6-c-table__expandable-row--Display: block;
23869
+ }
23870
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
23871
+ content: none;
23872
+ }
23199
23873
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23200
23874
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23201
23875
  }
@@ -23252,12 +23926,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23252
23926
  grid-template-columns: 1fr minmax(0, 1.5fr);
23253
23927
  align-items: start;
23254
23928
  }
23929
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23930
+ align-items: center;
23931
+ }
23255
23932
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23256
23933
  grid-column: 2;
23257
23934
  }
23258
23935
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23259
23936
  position: revert;
23260
- font-weight: bold;
23937
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23261
23938
  text-align: start;
23262
23939
  content: attr(data-label);
23263
23940
  }
@@ -23499,6 +24176,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23499
24176
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23500
24177
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23501
24178
  }
24179
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24180
+ --pf-v6-c-table__expandable-row--Display: block;
24181
+ }
24182
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24183
+ content: none;
24184
+ }
23502
24185
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
23503
24186
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23504
24187
  }
@@ -23555,12 +24238,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23555
24238
  grid-template-columns: 1fr minmax(0, 1.5fr);
23556
24239
  align-items: start;
23557
24240
  }
24241
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24242
+ align-items: center;
24243
+ }
23558
24244
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23559
24245
  grid-column: 2;
23560
24246
  }
23561
24247
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23562
24248
  position: revert;
23563
- font-weight: bold;
24249
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23564
24250
  text-align: start;
23565
24251
  content: attr(data-label);
23566
24252
  }
@@ -23802,6 +24488,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23802
24488
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23803
24489
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23804
24490
  }
24491
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24492
+ --pf-v6-c-table__expandable-row--Display: block;
24493
+ }
24494
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
24495
+ content: none;
24496
+ }
23805
24497
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
23806
24498
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23807
24499
  }
@@ -23858,12 +24550,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23858
24550
  grid-template-columns: 1fr minmax(0, 1.5fr);
23859
24551
  align-items: start;
23860
24552
  }
24553
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24554
+ align-items: center;
24555
+ }
23861
24556
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23862
24557
  grid-column: 2;
23863
24558
  }
23864
24559
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23865
24560
  position: revert;
23866
- font-weight: bold;
24561
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23867
24562
  text-align: start;
23868
24563
  content: attr(data-label);
23869
24564
  }
@@ -24077,7 +24772,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24077
24772
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
24078
24773
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
24079
24774
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
24080
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24775
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24776
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24081
24777
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24082
24778
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24083
24779
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -24141,6 +24837,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24141
24837
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24142
24838
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24143
24839
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24840
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24841
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24842
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24843
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24844
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24845
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24846
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24847
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24848
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24144
24849
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24145
24850
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24146
24851
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24176,6 +24881,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24176
24881
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24177
24882
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24178
24883
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24884
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24885
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24886
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24887
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24179
24888
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24180
24889
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24181
24890
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -24201,6 +24910,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24201
24910
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24202
24911
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24203
24912
  }
24913
+ @media screen and (prefers-reduced-motion: no-preference) {
24914
+ .pf-v6-c-table {
24915
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
24916
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
24917
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
24918
+ }
24919
+ }
24204
24920
 
24205
24921
  .pf-v6-c-table {
24206
24922
  width: 100%;
@@ -24397,6 +25113,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24397
25113
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
24398
25114
  overflow-wrap: break-word;
24399
25115
  }
25116
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
25117
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
25118
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
25119
+ }
24400
25120
  .pf-v6-c-table .pf-v6-c-table__sort {
24401
25121
  min-width: var(--pf-v6-c-table__sort--MinWidth);
24402
25122
  }
@@ -24465,6 +25185,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24465
25185
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24466
25186
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24467
25187
  }
25188
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
25189
+ border-block-end: 0;
25190
+ }
25191
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25192
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25193
+ visibility: hidden;
25194
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25195
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25196
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25197
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
25198
+ transition-property: opacity, translate, visibility, background-color;
25199
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25200
+ }
25201
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25202
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25203
+ }
25204
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25205
+ visibility: visible;
25206
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25207
+ transition-delay: 0s;
25208
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25209
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25210
+ }
25211
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25212
+ max-height: 99999px;
25213
+ }
25214
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25215
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25216
+ padding: 0;
25217
+ overflow: hidden;
25218
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25219
+ transition-property: padding, max-height, overflow;
25220
+ }
25221
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25222
+ max-height: 0;
25223
+ }
25224
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25225
+ border-block-end: 0;
25226
+ }
25227
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
25228
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25229
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25230
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
25231
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
25232
+ }
24468
25233
 
24469
25234
  [class*=pf-v6-c-table].pf-m-truncate {
24470
25235
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24611,6 +25376,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24611
25376
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
24612
25377
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
24613
25378
  }
25379
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
25380
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
25381
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
25382
+ line-height: 1lh;
25383
+ }
25384
+
24614
25385
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
24615
25386
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24616
25387
  }
@@ -24733,6 +25504,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24733
25504
  align-self: last baseline;
24734
25505
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24735
25506
  }
25507
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
25508
+ line-height: 1lh;
25509
+ }
24736
25510
 
24737
25511
  .pf-v6-c-table__sort {
24738
25512
  vertical-align: bottom;
@@ -24774,7 +25548,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24774
25548
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24775
25549
  padding-block-start: 0;
24776
25550
  }
24777
-
25551
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):not(.pf-m-no-padding) {
25552
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25553
+ }
24778
25554
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24779
25555
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
24780
25556
  padding-block-start: 0;
@@ -24785,6 +25561,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24785
25561
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24786
25562
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24787
25563
  padding: 0;
25564
+ border-radius: 0;
24788
25565
  }
24789
25566
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24790
25567
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24794,6 +25571,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24794
25571
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24795
25572
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24796
25573
  }
25574
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25575
+ background-color: transparent;
25576
+ }
24797
25577
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24798
25578
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24799
25579
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24825,6 +25605,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24825
25605
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
24826
25606
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
24827
25607
  }
25608
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
25609
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
25610
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
25611
+ }
24828
25612
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
24829
25613
  width: auto;
24830
25614
  min-width: 0;
@@ -24833,6 +25617,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24833
25617
 
24834
25618
  .pf-v6-c-table__thead {
24835
25619
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
25620
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
24836
25621
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
24837
25622
  vertical-align: bottom;
24838
25623
  }
@@ -24862,6 +25647,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24862
25647
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24863
25648
  border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
24864
25649
  }
25650
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
25651
+ border-block-end: 0;
25652
+ }
24865
25653
 
24866
25654
  .pf-v6-c-table__tr {
24867
25655
  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
@@ -25919,25 +26707,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25919
26707
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
25920
26708
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
25921
26709
  --pf-v6-c-tabs--link-accent--start: 0;
25922
- --pf-v6-c-tabs--link-accent--length: auto;
26710
+ --pf-v6-c-tabs--link-accent--length: 0;
25923
26711
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
25924
26712
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26713
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26714
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
25925
26715
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
25926
26716
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
25927
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26717
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
25928
26718
  --pf-v6-c-tabs--link-accent--Width: initial;
25929
26719
  --pf-v6-c-tabs--link-accent--Height: 0;
25930
26720
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25931
26721
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
25932
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26722
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26723
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26724
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26725
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
25933
26726
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
25934
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
25935
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
25936
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
25937
26727
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
25938
26728
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25939
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
25940
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26729
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26730
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26731
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
25941
26732
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25942
26733
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25943
26734
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26097,11 +26888,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26097
26888
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26098
26889
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26099
26890
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26100
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26101
26891
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26102
26892
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26103
26893
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26104
26894
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26895
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
26896
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
26897
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26105
26898
  display: inline-flex;
26106
26899
  flex-direction: column;
26107
26900
  height: 100%;
@@ -26678,15 +27471,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26678
27471
  }
26679
27472
 
26680
27473
  @media (prefers-reduced-motion: no-preference) {
26681
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26682
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
27474
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27475
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26683
27476
  content: revert;
26684
27477
  }
26685
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27478
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26686
27479
  position: absolute;
26687
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27480
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26688
27481
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26689
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
27482
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26690
27483
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26691
27484
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26692
27485
  content: "";
@@ -26695,7 +27488,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26695
27488
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26696
27489
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26697
27490
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26698
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
27491
+ transition-property: width, height, translate;
27492
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27493
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27494
+ }
27495
+ :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 {
27496
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26699
27497
  }
26700
27498
  .pf-v6-c-tabs.pf-m-initializing-accent {
26701
27499
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26734,6 +27532,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26734
27532
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
26735
27533
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
26736
27534
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
27535
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
26737
27536
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
26738
27537
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
26739
27538
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -26780,6 +27579,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26780
27579
  }
26781
27580
  .pf-v6-c-text-input-group.pf-m-disabled {
26782
27581
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27582
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27583
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
26783
27584
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
26784
27585
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
26785
27586
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -26806,6 +27607,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26806
27607
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26807
27608
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
26808
27609
  }
27610
+ @media (prefers-reduced-motion: no-preference) {
27611
+ .pf-v6-c-text-input-group.pf-m-error {
27612
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
27613
+ animation-name: pf-v6-global-danger-jiggle-motion;
27614
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
27615
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
27616
+ animation-fill-mode: both;
27617
+ }
27618
+ }
27619
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
27620
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
27621
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
27622
+ animation-name: pf-v6-global-fade-in;
27623
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
27624
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
27625
+ }
26809
27626
  .pf-v6-c-text-input-group:hover {
26810
27627
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26811
27628
  }
@@ -26874,6 +27691,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26874
27691
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
26875
27692
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
26876
27693
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
27694
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
26877
27695
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
26878
27696
  border: 0;
26879
27697
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -27037,6 +27855,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27037
27855
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27038
27856
  }
27039
27857
 
27858
+ .pf-v6-c-timestamp__text {
27859
+ text-decoration: inherit;
27860
+ }
27861
+
27040
27862
  .pf-v6-c-title {
27041
27863
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27042
27864
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29311,6 +30133,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29311
30133
  grid-auto-flow: column;
29312
30134
  align-items: baseline;
29313
30135
  min-width: var(--pf-v6-c-truncate--MinWidth);
30136
+ text-decoration: inherit;
29314
30137
  }
29315
30138
  .pf-v6-c-truncate.pf-m-fixed {
29316
30139
  display: inline;
@@ -29407,6 +30230,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29407
30230
  --pf-v6-c-tree-view__node-container--Display: contents;
29408
30231
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29409
30232
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30233
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30234
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30235
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30236
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30237
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30238
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30239
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30240
+ --pf-v6-c-tree-view__list--Opacity: 0;
30241
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30242
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30243
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29410
30244
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29411
30245
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29412
30246
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29422,6 +30256,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29422
30256
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29423
30257
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29424
30258
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30259
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30260
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29425
30261
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29426
30262
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29427
30263
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29497,6 +30333,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29497
30333
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29498
30334
  --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);
29499
30335
  }
30336
+ @media screen and (prefers-reduced-motion: no-preference) {
30337
+ .pf-v6-c-tree-view {
30338
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30339
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30340
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30341
+ }
30342
+ }
29500
30343
 
29501
30344
  .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 {
29502
30345
  position: relative;
@@ -29612,12 +30455,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29612
30455
  display: inline-block;
29613
30456
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29614
30457
  text-align: center;
30458
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29615
30459
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29616
30460
  }
29617
30461
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29618
30462
  scale: -1 1;
29619
30463
  }
29620
30464
 
30465
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30466
+ max-height: 0;
30467
+ visibility: hidden;
30468
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30469
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30470
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30471
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30472
+ transition-property: opacity, translate, visibility, max-height;
30473
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30474
+ }
29621
30475
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29622
30476
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29623
30477
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29626,6 +30480,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29626
30480
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29627
30481
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29628
30482
  }
30483
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30484
+ max-height: 99999px;
30485
+ visibility: revert;
30486
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30487
+ transition-delay: 0s;
30488
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30489
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30490
+ }
29629
30491
 
29630
30492
  .pf-v6-c-tree-view__node,
29631
30493
  .pf-v6-c-tree-view__node-container {