@patternfly/patternfly 6.3.0-prerelease.5 → 6.3.0-prerelease.50

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 (128) hide show
  1. package/README.md +5 -5
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/normalize.scss +4 -0
  6. package/base/patternfly-common.css +46 -11
  7. package/base/patternfly-common.scss +58 -13
  8. package/components/Accordion/accordion.css +72 -3
  9. package/components/Accordion/accordion.scss +78 -6
  10. package/components/Alert/alert-group.css +52 -31
  11. package/components/Alert/alert-group.scss +77 -46
  12. package/components/Button/button.css +155 -6
  13. package/components/Button/button.scss +161 -8
  14. package/components/Card/card.css +0 -1
  15. package/components/Card/card.scss +0 -1
  16. package/components/DataList/data-list.css +2 -2
  17. package/components/DataList/data-list.scss +2 -2
  18. package/components/DualListSelector/dual-list-selector.css +36 -0
  19. package/components/DualListSelector/dual-list-selector.scss +43 -0
  20. package/components/ExpandableSection/expandable-section.css +63 -1
  21. package/components/ExpandableSection/expandable-section.scss +76 -2
  22. package/components/FileUpload/file-upload.css +3 -3
  23. package/components/FileUpload/file-upload.scss +3 -3
  24. package/components/Form/form.css +40 -1
  25. package/components/Form/form.scss +47 -1
  26. package/components/FormControl/form-control.css +16 -0
  27. package/components/FormControl/form-control.scss +9 -0
  28. package/components/InputGroup/input-group.css +80 -0
  29. package/components/InputGroup/input-group.scss +95 -0
  30. package/components/Menu/menu.css +24 -4
  31. package/components/Menu/menu.scss +20 -5
  32. package/components/MenuToggle/menu-toggle.css +38 -4
  33. package/components/MenuToggle/menu-toggle.scss +48 -3
  34. package/components/Nav/nav.css +22 -8
  35. package/components/Nav/nav.scss +22 -9
  36. package/components/Page/page.css +66 -6
  37. package/components/Page/page.scss +48 -5
  38. package/components/Progress/progress.css +16 -0
  39. package/components/Progress/progress.scss +11 -1
  40. package/components/ProgressStepper/progress-stepper.scss +1 -0
  41. package/components/Skeleton/skeleton.css +22 -2
  42. package/components/Skeleton/skeleton.scss +25 -3
  43. package/components/Spinner/spinner.css +5 -0
  44. package/components/Spinner/spinner.scss +6 -0
  45. package/components/Table/table-grid.css +51 -5
  46. package/components/Table/table-grid.scss +22 -1
  47. package/components/Table/table.css +95 -2
  48. package/components/Table/table.scss +138 -3
  49. package/components/Tabs/tabs.css +25 -15
  50. package/components/Tabs/tabs.scss +26 -13
  51. package/components/TextInputGroup/text-input-group.css +23 -0
  52. package/components/TextInputGroup/text-input-group.scss +16 -1
  53. package/components/Timestamp/timestamp.css +4 -0
  54. package/components/Timestamp/timestamp.scss +7 -0
  55. package/components/TreeView/tree-view.css +39 -0
  56. package/components/TreeView/tree-view.scss +42 -2
  57. package/components/Truncate/truncate.css +1 -0
  58. package/components/Truncate/truncate.scss +3 -0
  59. package/components/Wizard/wizard.css +11 -5
  60. package/components/Wizard/wizard.scss +13 -5
  61. package/components/_index.css +961 -99
  62. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  63. package/docs/components/Button/examples/Button.md +161 -6
  64. package/docs/components/Card/examples/Card.md +8 -8
  65. package/docs/components/CodeBlock/examples/CodeBlock.md +11 -11
  66. package/docs/components/CodeEditor/examples/CodeEditor.md +29 -5
  67. package/docs/components/DataList/examples/DataList.md +23 -23
  68. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  69. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  70. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  71. package/docs/components/ExpandableSection/examples/ExpandableSection.md +32 -21
  72. package/docs/components/Form/examples/Form.md +1179 -114
  73. package/docs/components/Hint/examples/Hint.md +3 -3
  74. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -6
  75. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  76. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  77. package/docs/components/Label/examples/Label.md +2 -2
  78. package/docs/components/Masthead/examples/masthead.md +90 -12
  79. package/docs/components/Menu/examples/Menu.md +122 -6
  80. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  81. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  82. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  83. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  84. package/docs/components/Page/examples/Page.md +148 -14
  85. package/docs/components/Pagination/examples/Pagination.md +12 -12
  86. package/docs/components/Popover/examples/Popover.md +0 -4
  87. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  88. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  89. package/docs/components/Slider/examples/Slider.md +2 -2
  90. package/docs/components/Spinner/examples/Spinner.md +10 -0
  91. package/docs/components/Table/examples/Table.md +9462 -6183
  92. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  93. package/docs/components/TextInputGroup/examples/TextInputGroup.md +73 -5
  94. package/docs/components/Title/examples/Title.md +8 -8
  95. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  96. package/docs/components/Wizard/examples/Wizard.md +583 -0
  97. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  98. package/docs/demos/Alert/examples/Alert.md +66 -9
  99. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  100. package/docs/demos/Banner/examples/Banner.md +47 -6
  101. package/docs/demos/Card/examples/Card.md +13 -67
  102. package/docs/demos/CardView/examples/CardView.md +24 -5
  103. package/docs/demos/Dashboard/examples/Dashboard.md +29 -7
  104. package/docs/demos/DataList/examples/DataList.md +100 -24
  105. package/docs/demos/DescriptionList/examples/DescriptionList.md +79 -50
  106. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  107. package/docs/demos/Form/examples/BasicForms.md +142 -22
  108. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  109. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  110. package/docs/demos/Modal/examples/Modal.md +171 -21
  111. package/docs/demos/Nav/examples/Nav.md +113 -18
  112. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  113. package/docs/demos/Page/examples/Page.md +661 -40
  114. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  115. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  116. package/docs/demos/Skeleton/examples/Skeleton.md +25 -4
  117. package/docs/demos/Table/examples/Table.md +475 -157
  118. package/docs/demos/Tabs/examples/Tabs.md +139 -594
  119. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  120. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  121. package/package.json +5 -5
  122. package/patternfly-base-no-globals.css +45 -11
  123. package/patternfly-base.css +49 -11
  124. package/patternfly-no-globals.css +1006 -110
  125. package/patternfly.css +1010 -110
  126. package/patternfly.min.css +1 -1
  127. package/patternfly.min.css.map +1 -1
  128. 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,97 @@ 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);
9698
+ outline-offset: var(--pf-t--global--focus-ring--position--offset);
9479
9699
  }
9480
- .pf-v6-c-button.pf-m-clicked {
9700
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9481
9701
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9482
9702
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9483
9703
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9484
9704
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9485
9705
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9486
9706
  }
9707
+ .pf-v6-c-button:active {
9708
+ background-size: 100% 100%;
9709
+ transition-duration: 0s;
9710
+ }
9487
9711
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9488
9712
  pointer-events: none;
9489
9713
  }
9490
9714
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9491
9715
  color: var(--pf-v6-c-button--disabled--Color);
9492
9716
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9493
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9717
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9494
9718
  }
9495
9719
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9496
9720
  border-color: transparent;
@@ -9531,6 +9755,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9531
9755
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
9532
9756
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
9533
9757
  color: var(--pf-v6-c-button__icon--Color);
9758
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
9759
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
9760
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9761
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9762
+ rotate: var(--pf-v6-c-button__icon--Rotate);
9763
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9534
9764
  }
9535
9765
  .pf-v6-c-button__icon.pf-m-start {
9536
9766
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9539,6 +9769,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9539
9769
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9540
9770
  }
9541
9771
 
9772
+ .pf-v6-c-button__icon-favorite,
9773
+ .pf-v6-c-button__icon-favorited {
9774
+ grid-area: 1/1/1/1;
9775
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9776
+ transition-property: opacity;
9777
+ }
9778
+
9779
+ .pf-v6-c-button__icon-favorite {
9780
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9781
+ }
9782
+
9783
+ .pf-v6-c-button__icon-favorited {
9784
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9785
+ }
9786
+
9542
9787
  .pf-v6-c-button__progress {
9543
9788
  position: absolute;
9544
9789
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9551,11 +9796,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9551
9796
  --pf-v6-c-spinner--Color: currentcolor;
9552
9797
  }
9553
9798
 
9799
+ .pf-v6-c-button__text {
9800
+ text-decoration: inherit;
9801
+ }
9802
+
9554
9803
  .pf-v6-c-button__count {
9555
9804
  display: inline-flex;
9556
9805
  align-items: center;
9557
9806
  }
9558
9807
 
9808
+ .pf-v6-c-button--hamburger-icon path {
9809
+ fill: none;
9810
+ stroke: currentcolor;
9811
+ stroke-linecap: round;
9812
+ stroke-linejoin: round;
9813
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
9814
+ }
9815
+
9816
+ .pf-v6-c-button--hamburger-icon--top {
9817
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
9818
+ }
9819
+
9820
+ .pf-v6-c-button--hamburger-icon--middle {
9821
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
9822
+ }
9823
+
9824
+ .pf-v6-c-button--hamburger-icon--arrow {
9825
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
9826
+ }
9827
+
9828
+ .pf-v6-c-button--hamburger-icon--bottom {
9829
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
9830
+ }
9831
+
9559
9832
  @keyframes pf-v6-c-button-icon-notify {
9560
9833
  33% {
9561
9834
  transform: rotate(30deg);
@@ -9566,7 +9839,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9566
9839
  }
9567
9840
  @keyframes pf-v6-c-button-icon-favorited {
9568
9841
  50% {
9569
- transform: scale(1.5);
9842
+ scale: 1.5;
9570
9843
  }
9571
9844
  }
9572
9845
  .pf-v6-c-calendar-month {
@@ -10004,7 +10277,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10004
10277
  }
10005
10278
 
10006
10279
  .pf-v6-c-card__title-text {
10007
- overflow: auto;
10008
10280
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
10009
10281
  font-size: var(--pf-v6-c-card__title-text--FontSize);
10010
10282
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
@@ -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
  }
@@ -18128,16 +18679,24 @@ ul.pf-v6-c-list {
18128
18679
  flex-wrap: nowrap;
18129
18680
  }
18130
18681
 
18131
- .pf-v6-c-menu-toggle__icon {
18132
- flex-shrink: 0;
18133
- }
18134
18682
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18135
18683
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18136
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18684
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
18137
18685
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18138
18686
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18139
18687
  }
18140
18688
 
18689
+ .pf-v6-c-menu-toggle__icon {
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);
18695
+ }
18696
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18697
+ vertical-align: middle;
18698
+ }
18699
+
18141
18700
  .pf-v6-c-menu-toggle__controls {
18142
18701
  display: flex;
18143
18702
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -18624,9 +19183,13 @@ ul.pf-v6-c-list {
18624
19183
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18625
19184
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18626
19185
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18627
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18628
- --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;
18629
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;
18630
19193
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18631
19194
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18632
19195
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18655,6 +19218,13 @@ ul.pf-v6-c-list {
18655
19218
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18656
19219
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18657
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
+ }
18658
19228
 
18659
19229
  .pf-v6-c-nav,
18660
19230
  .pf-v6-c-nav__section,
@@ -18725,24 +19295,27 @@ ul.pf-v6-c-list {
18725
19295
 
18726
19296
  .pf-v6-c-nav__subnav {
18727
19297
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18728
- grid-template-rows: 1fr;
18729
- min-height: 0;
19298
+ max-height: 99999px;
18730
19299
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18731
19300
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18732
19301
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18733
19302
  overflow-y: clip;
18734
- 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);
18735
19305
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18736
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18737
- 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);
18738
19309
  }
18739
19310
  .pf-v6-c-nav__subnav[hidden] {
18740
19311
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18741
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);
18742
19314
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18743
19315
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19316
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18744
19317
  display: grid;
18745
- grid-template-rows: 0fr;
19318
+ max-height: 0;
18746
19319
  visibility: hidden;
18747
19320
  opacity: 0;
18748
19321
  }
@@ -19227,13 +19800,18 @@ ul.pf-v6-c-list {
19227
19800
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19228
19801
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19229
19802
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19230
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19231
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19803
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19804
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19805
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19232
19806
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19233
19807
  --pf-v6-c-page__sidebar--BoxShadow: none;
19234
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19235
- --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);
19236
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;
19237
19815
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19238
19816
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19239
19817
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19311,9 +19889,17 @@ ul.pf-v6-c-list {
19311
19889
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19312
19890
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19313
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
+ }
19314
19899
  @media screen and (min-width: 75rem) {
19315
19900
  .pf-v6-c-page {
19316
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);
19317
19903
  }
19318
19904
  }
19319
19905
 
@@ -19334,6 +19920,51 @@ ul.pf-v6-c-list {
19334
19920
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19335
19921
  }
19336
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
+ }
19337
19968
 
19338
19969
  .pf-v6-c-page > .pf-v6-c-masthead {
19339
19970
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19362,7 +19993,8 @@ ul.pf-v6-c-list {
19362
19993
  overflow-y: auto;
19363
19994
  -webkit-overflow-scrolling: touch;
19364
19995
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
19365
- 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);
19366
19998
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19367
19999
  }
19368
20000
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19371,6 +20003,7 @@ ul.pf-v6-c-list {
19371
20003
 
19372
20004
  .pf-v6-c-page__sidebar.pf-m-expanded {
19373
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);
19374
20007
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19375
20008
  }
19376
20009
  @media screen and (min-width: 75rem) {
@@ -19656,7 +20289,7 @@ ul.pf-v6-c-list {
19656
20289
  -webkit-overflow-scrolling: touch;
19657
20290
  }
19658
20291
  @media screen and (min-width: 75rem) {
19659
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
20292
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19660
20293
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19661
20294
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19662
20295
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -20631,6 +21264,22 @@ ul.pf-v6-c-list {
20631
21264
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20632
21265
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20633
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
+ }
20634
21283
 
20635
21284
  .pf-v6-c-progress__description {
20636
21285
  grid-column: 1/2;
@@ -21808,8 +22457,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21808
22457
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21809
22458
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21810
22459
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
21811
- --pf-v6-c-skeleton--after--TranslateX: -100%;
21812
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22460
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22461
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21813
22462
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21814
22463
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21815
22464
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21841,6 +22490,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21841
22490
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21842
22491
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21843
22492
  }
22493
+ @media screen and (prefers-reduced-motion: no-preference) {
22494
+ .pf-v6-c-skeleton {
22495
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22496
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22497
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22498
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22499
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22500
+ }
22501
+ }
21844
22502
 
21845
22503
  .pf-v6-c-skeleton {
21846
22504
  position: relative;
@@ -21961,6 +22619,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21961
22619
  transform: translateX(100%);
21962
22620
  }
21963
22621
  }
22622
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22623
+ 0% {
22624
+ opacity: 0.25;
22625
+ }
22626
+ 60% {
22627
+ opacity: 1;
22628
+ }
22629
+ 100% {
22630
+ opacity: 0.25;
22631
+ }
22632
+ }
21964
22633
  .pf-v6-c-skip-to-content {
21965
22634
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21966
22635
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22208,6 +22877,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22208
22877
  --pf-v6-c-spinner--StrokeWidth: 10;
22209
22878
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22210
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);
22211
22881
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22212
22882
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22213
22883
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22224,6 +22894,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22224
22894
  .pf-v6-c-spinner.pf-m-inline {
22225
22895
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22226
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
+ }
22227
22901
  .pf-v6-c-spinner.pf-m-sm {
22228
22902
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22229
22903
  }
@@ -22505,6 +23179,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22505
23179
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22506
23180
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22507
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);
22508
23183
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22509
23184
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22510
23185
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22568,6 +23243,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22568
23243
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22569
23244
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22570
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
+ }
22571
23252
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
22572
23253
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22573
23254
  }
@@ -22624,12 +23305,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22624
23305
  grid-template-columns: 1fr minmax(0, 1.5fr);
22625
23306
  align-items: start;
22626
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
+ }
22627
23311
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22628
23312
  grid-column: 2;
22629
23313
  }
22630
23314
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22631
23315
  position: revert;
22632
- font-weight: bold;
23316
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22633
23317
  text-align: start;
22634
23318
  content: attr(data-label);
22635
23319
  }
@@ -22868,6 +23552,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22868
23552
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22869
23553
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22870
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
+ }
22871
23561
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
22872
23562
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22873
23563
  }
@@ -22924,12 +23614,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22924
23614
  grid-template-columns: 1fr minmax(0, 1.5fr);
22925
23615
  align-items: start;
22926
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
+ }
22927
23620
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
22928
23621
  grid-column: 2;
22929
23622
  }
22930
23623
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22931
23624
  position: revert;
22932
- font-weight: bold;
23625
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22933
23626
  text-align: start;
22934
23627
  content: attr(data-label);
22935
23628
  }
@@ -23171,6 +23864,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23171
23864
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23172
23865
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23173
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
+ }
23174
23873
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23175
23874
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23176
23875
  }
@@ -23227,12 +23926,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23227
23926
  grid-template-columns: 1fr minmax(0, 1.5fr);
23228
23927
  align-items: start;
23229
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
+ }
23230
23932
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23231
23933
  grid-column: 2;
23232
23934
  }
23233
23935
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23234
23936
  position: revert;
23235
- font-weight: bold;
23937
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23236
23938
  text-align: start;
23237
23939
  content: attr(data-label);
23238
23940
  }
@@ -23474,6 +24176,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23474
24176
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23475
24177
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23476
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
+ }
23477
24185
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
23478
24186
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23479
24187
  }
@@ -23530,12 +24238,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23530
24238
  grid-template-columns: 1fr minmax(0, 1.5fr);
23531
24239
  align-items: start;
23532
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
+ }
23533
24244
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23534
24245
  grid-column: 2;
23535
24246
  }
23536
24247
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23537
24248
  position: revert;
23538
- font-weight: bold;
24249
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23539
24250
  text-align: start;
23540
24251
  content: attr(data-label);
23541
24252
  }
@@ -23777,6 +24488,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23777
24488
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23778
24489
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23779
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
+ }
23780
24497
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
23781
24498
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23782
24499
  }
@@ -23833,12 +24550,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23833
24550
  grid-template-columns: 1fr minmax(0, 1.5fr);
23834
24551
  align-items: start;
23835
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
+ }
23836
24556
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23837
24557
  grid-column: 2;
23838
24558
  }
23839
24559
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23840
24560
  position: revert;
23841
- font-weight: bold;
24561
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23842
24562
  text-align: start;
23843
24563
  content: attr(data-label);
23844
24564
  }
@@ -24052,7 +24772,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24052
24772
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
24053
24773
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
24054
24774
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
24055
- --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);
24056
24777
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24057
24778
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24058
24779
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -24116,6 +24837,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24116
24837
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24117
24838
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24118
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;
24119
24849
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24120
24850
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24121
24851
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24151,6 +24881,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24151
24881
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24152
24882
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24153
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);
24154
24888
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24155
24889
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24156
24890
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -24176,6 +24910,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24176
24910
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24177
24911
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24178
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
+ }
24179
24920
 
24180
24921
  .pf-v6-c-table {
24181
24922
  width: 100%;
@@ -24372,6 +25113,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24372
25113
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
24373
25114
  overflow-wrap: break-word;
24374
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
+ }
24375
25120
  .pf-v6-c-table .pf-v6-c-table__sort {
24376
25121
  min-width: var(--pf-v6-c-table__sort--MinWidth);
24377
25122
  }
@@ -24440,6 +25185,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24440
25185
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24441
25186
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24442
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
+ }
24443
25233
 
24444
25234
  [class*=pf-v6-c-table].pf-m-truncate {
24445
25235
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24586,6 +25376,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24586
25376
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
24587
25377
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
24588
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
+
24589
25385
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
24590
25386
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24591
25387
  }
@@ -24708,6 +25504,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24708
25504
  align-self: last baseline;
24709
25505
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24710
25506
  }
25507
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
25508
+ line-height: 1lh;
25509
+ }
24711
25510
 
24712
25511
  .pf-v6-c-table__sort {
24713
25512
  vertical-align: bottom;
@@ -24749,7 +25548,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24749
25548
  :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24750
25549
  padding-block-start: 0;
24751
25550
  }
24752
-
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
+ }
24753
25554
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24754
25555
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
24755
25556
  padding-block-start: 0;
@@ -24760,6 +25561,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24760
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,
24761
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 {
24762
25563
  padding: 0;
25564
+ border-radius: 0;
24763
25565
  }
24764
25566
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24765
25567
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24769,6 +25571,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24769
25571
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24770
25572
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24771
25573
  }
25574
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25575
+ background-color: transparent;
25576
+ }
24772
25577
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24773
25578
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24774
25579
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24800,6 +25605,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24800
25605
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
24801
25606
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
24802
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
+ }
24803
25612
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
24804
25613
  width: auto;
24805
25614
  min-width: 0;
@@ -24808,6 +25617,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24808
25617
 
24809
25618
  .pf-v6-c-table__thead {
24810
25619
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
25620
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
24811
25621
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
24812
25622
  vertical-align: bottom;
24813
25623
  }
@@ -24837,6 +25647,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24837
25647
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24838
25648
  border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
24839
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
+ }
24840
25653
 
24841
25654
  .pf-v6-c-table__tr {
24842
25655
  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
@@ -25894,25 +26707,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25894
26707
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
25895
26708
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
25896
26709
  --pf-v6-c-tabs--link-accent--start: 0;
25897
- --pf-v6-c-tabs--link-accent--length: auto;
26710
+ --pf-v6-c-tabs--link-accent--length: 0;
25898
26711
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
25899
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);
25900
26715
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
25901
26716
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
25902
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26717
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
25903
26718
  --pf-v6-c-tabs--link-accent--Width: initial;
25904
26719
  --pf-v6-c-tabs--link-accent--Height: 0;
25905
26720
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25906
26721
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
25907
- --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;
25908
26726
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
25909
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
25910
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
25911
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
25912
26727
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
25913
26728
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25914
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
25915
- --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;
25916
26732
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25917
26733
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25918
26734
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26072,11 +26888,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26072
26888
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26073
26889
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26074
26890
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26075
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26076
26891
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26077
26892
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26078
26893
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26079
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);
26080
26898
  display: inline-flex;
26081
26899
  flex-direction: column;
26082
26900
  height: 100%;
@@ -26653,15 +27471,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26653
27471
  }
26654
27472
 
26655
27473
  @media (prefers-reduced-motion: no-preference) {
26656
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26657
- .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 {
26658
27476
  content: revert;
26659
27477
  }
26660
- .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 {
26661
27479
  position: absolute;
26662
- 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);
26663
27481
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26664
- 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);
26665
27483
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26666
27484
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26667
27485
  content: "";
@@ -26670,7 +27488,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26670
27488
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26671
27489
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26672
27490
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26673
- 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);
26674
27497
  }
26675
27498
  .pf-v6-c-tabs.pf-m-initializing-accent {
26676
27499
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26709,6 +27532,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26709
27532
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
26710
27533
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
26711
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);
26712
27536
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
26713
27537
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
26714
27538
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -26755,6 +27579,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26755
27579
  }
26756
27580
  .pf-v6-c-text-input-group.pf-m-disabled {
26757
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);
26758
27584
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
26759
27585
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
26760
27586
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -26781,12 +27607,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26781
27607
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26782
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);
26783
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
+ }
26784
27626
  .pf-v6-c-text-input-group:hover {
26785
27627
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26786
27628
  }
26787
27629
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
26788
27630
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
26789
27631
  }
27632
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
27633
+ --pf-v6-c-text-input-group__text--Position: relative;
27634
+ }
26790
27635
  .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
26791
27636
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
26792
27637
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
@@ -26849,6 +27694,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26849
27694
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
26850
27695
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
26851
27696
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
27697
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
26852
27698
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
26853
27699
  border: 0;
26854
27700
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -27012,6 +27858,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27012
27858
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27013
27859
  }
27014
27860
 
27861
+ .pf-v6-c-timestamp__text {
27862
+ text-decoration: inherit;
27863
+ }
27864
+
27015
27865
  .pf-v6-c-title {
27016
27866
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27017
27867
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29286,6 +30136,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29286
30136
  grid-auto-flow: column;
29287
30137
  align-items: baseline;
29288
30138
  min-width: var(--pf-v6-c-truncate--MinWidth);
30139
+ text-decoration: inherit;
29289
30140
  }
29290
30141
  .pf-v6-c-truncate.pf-m-fixed {
29291
30142
  display: inline;
@@ -29382,6 +30233,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29382
30233
  --pf-v6-c-tree-view__node-container--Display: contents;
29383
30234
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29384
30235
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30236
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30237
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30238
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30239
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30240
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30241
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30242
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30243
+ --pf-v6-c-tree-view__list--Opacity: 0;
30244
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30245
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30246
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29385
30247
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29386
30248
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29387
30249
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29397,6 +30259,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29397
30259
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29398
30260
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29399
30261
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30262
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30263
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29400
30264
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29401
30265
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29402
30266
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29472,6 +30336,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29472
30336
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29473
30337
  --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);
29474
30338
  }
30339
+ @media screen and (prefers-reduced-motion: no-preference) {
30340
+ .pf-v6-c-tree-view {
30341
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30342
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30343
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30344
+ }
30345
+ }
29475
30346
 
29476
30347
  .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 {
29477
30348
  position: relative;
@@ -29587,12 +30458,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29587
30458
  display: inline-block;
29588
30459
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29589
30460
  text-align: center;
30461
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29590
30462
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29591
30463
  }
29592
30464
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29593
30465
  scale: -1 1;
29594
30466
  }
29595
30467
 
30468
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30469
+ max-height: 0;
30470
+ visibility: hidden;
30471
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30472
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30473
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30474
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30475
+ transition-property: opacity, translate, visibility, max-height;
30476
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30477
+ }
29596
30478
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29597
30479
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29598
30480
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29601,6 +30483,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29601
30483
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29602
30484
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29603
30485
  }
30486
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30487
+ max-height: 99999px;
30488
+ visibility: revert;
30489
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30490
+ transition-delay: 0s;
30491
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30492
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30493
+ }
29604
30494
 
29605
30495
  .pf-v6-c-tree-view__node,
29606
30496
  .pf-v6-c-tree-view__node-container {
@@ -29877,6 +30767,7 @@ label.pf-v6-c-tree-view__node-text {
29877
30767
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
29878
30768
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
29879
30769
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30770
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
29880
30771
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
29881
30772
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
29882
30773
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -29895,6 +30786,7 @@ label.pf-v6-c-tree-view__node-text {
29895
30786
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
29896
30787
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
29897
30788
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30789
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
29898
30790
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
29899
30791
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
29900
30792
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -30055,6 +30947,9 @@ label.pf-v6-c-tree-view__node-text {
30055
30947
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
30056
30948
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
30057
30949
  }
30950
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
30951
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
30952
+ }
30058
30953
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
30059
30954
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
30060
30955
  }
@@ -30188,6 +31083,7 @@ label.pf-v6-c-tree-view__node-text {
30188
31083
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
30189
31084
  position: relative;
30190
31085
  display: inline-flex;
31086
+ flex-shrink: 0;
30191
31087
  align-items: center;
30192
31088
  justify-content: center;
30193
31089
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -30212,12 +31108,15 @@ label.pf-v6-c-tree-view__node-text {
30212
31108
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
30213
31109
  }
30214
31110
 
30215
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
31111
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
30216
31112
  display: none;
30217
31113
  }
30218
31114
  .pf-v6-c-wizard__nav-link.pf-m-success {
30219
31115
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
30220
31116
  }
31117
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
31118
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
31119
+ }
30221
31120
  .pf-v6-c-wizard__nav-link.pf-m-danger {
30222
31121
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
30223
31122
  }
@@ -30235,12 +31134,9 @@ label.pf-v6-c-tree-view__node-text {
30235
31134
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
30236
31135
  }
30237
31136
 
30238
- .pf-v6-c-wizard__nav-link-text {
30239
- flex-grow: 1;
30240
- }
30241
-
30242
31137
  .pf-v6-c-wizard__nav-link-main {
30243
31138
  display: flex;
31139
+ flex-grow: 1;
30244
31140
  justify-content: space-between;
30245
31141
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
30246
31142
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);