@patternfly/patternfly 6.3.0-prerelease.3 → 6.3.0-prerelease.31

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 (112) hide show
  1. package/README.md +1 -1
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/patternfly-common.css +46 -11
  6. package/base/patternfly-common.scss +58 -13
  7. package/components/Accordion/accordion.css +72 -3
  8. package/components/Accordion/accordion.scss +78 -6
  9. package/components/Alert/alert-group.css +52 -31
  10. package/components/Alert/alert-group.scss +77 -46
  11. package/components/Button/button.css +154 -6
  12. package/components/Button/button.scss +160 -8
  13. package/components/CodeEditor/code-editor.css +3 -0
  14. package/components/CodeEditor/code-editor.scss +3 -1
  15. package/components/DualListSelector/dual-list-selector.css +36 -0
  16. package/components/DualListSelector/dual-list-selector.scss +43 -0
  17. package/components/ExpandableSection/expandable-section.css +45 -1
  18. package/components/ExpandableSection/expandable-section.scss +48 -1
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/Menu/menu.css +24 -4
  24. package/components/Menu/menu.scss +20 -5
  25. package/components/MenuToggle/menu-toggle.css +38 -4
  26. package/components/MenuToggle/menu-toggle.scss +48 -3
  27. package/components/Nav/nav.css +22 -8
  28. package/components/Nav/nav.scss +22 -9
  29. package/components/Page/page.css +66 -6
  30. package/components/Page/page.scss +48 -5
  31. package/components/Progress/progress.css +16 -0
  32. package/components/Progress/progress.scss +11 -1
  33. package/components/ProgressStepper/progress-stepper.scss +1 -0
  34. package/components/Skeleton/skeleton.css +22 -2
  35. package/components/Skeleton/skeleton.scss +25 -3
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +6 -5
  39. package/components/Table/table-grid.scss +2 -1
  40. package/components/Table/table.css +68 -8
  41. package/components/Table/table.scss +89 -5
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +16 -0
  45. package/components/TextInputGroup/text-input-group.scss +8 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +6 -0
  51. package/components/Truncate/truncate.scss +9 -0
  52. package/components/_index.css +775 -94
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +161 -6
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +1 -1
  57. package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
  58. package/docs/components/DataList/examples/DataList.md +23 -23
  59. package/docs/components/Divider/examples/Divider.md +1 -1
  60. package/docs/components/Drawer/examples/Drawer.md +4 -0
  61. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  62. package/docs/components/ExpandableSection/examples/ExpandableSection.md +6 -6
  63. package/docs/components/Form/examples/Form.md +1179 -114
  64. package/docs/components/Hint/examples/Hint.md +3 -3
  65. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  66. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  67. package/docs/components/Masthead/examples/masthead.md +90 -12
  68. package/docs/components/Menu/examples/Menu.md +122 -6
  69. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  70. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  71. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  72. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  73. package/docs/components/Page/examples/Page.md +148 -14
  74. package/docs/components/Pagination/examples/Pagination.md +12 -12
  75. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  76. package/docs/components/Spinner/examples/Spinner.md +10 -0
  77. package/docs/components/Table/examples/Table.md +9363 -6223
  78. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  79. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  80. package/docs/components/Truncate/examples/Truncate.md +53 -10
  81. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  82. package/docs/demos/Alert/examples/Alert.md +66 -9
  83. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  84. package/docs/demos/Banner/examples/Banner.md +47 -6
  85. package/docs/demos/Card/examples/Card.md +5 -62
  86. package/docs/demos/CardView/examples/CardView.md +24 -5
  87. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  88. package/docs/demos/DataList/examples/DataList.md +100 -24
  89. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  90. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  91. package/docs/demos/Form/examples/BasicForms.md +142 -22
  92. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  93. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  94. package/docs/demos/Modal/examples/Modal.md +171 -21
  95. package/docs/demos/Nav/examples/Nav.md +113 -18
  96. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  97. package/docs/demos/Page/examples/Page.md +661 -40
  98. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  99. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  100. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  101. package/docs/demos/Table/examples/Table.md +504 -175
  102. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  103. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  104. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  105. package/package.json +6 -6
  106. package/patternfly-base-no-globals.css +45 -11
  107. package/patternfly-base.css +45 -11
  108. package/patternfly-no-globals.css +820 -105
  109. package/patternfly.css +820 -105
  110. package/patternfly.min.css +1 -1
  111. package/patternfly.min.css.map +1 -1
  112. package/sass-utilities/mixins.scss +54 -0
@@ -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) 1%) center/15000%;
9188
9355
  border: 0;
9189
9356
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9190
9357
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
9191
9358
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
9192
9359
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
9360
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
9193
9361
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9194
9362
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9195
9363
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9364
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9196
9365
  }
9197
9366
  .pf-v6-c-button::after {
9198
9367
  position: absolute;
@@ -9301,6 +9470,7 @@ button.pf-v6-c-breadcrumb__link {
9301
9470
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9302
9471
  text-align: start;
9303
9472
  white-space: normal;
9473
+ background: transparent;
9304
9474
  outline-offset: 0.125rem;
9305
9475
  }
9306
9476
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -9434,6 +9604,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9434
9604
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9435
9605
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9436
9606
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9607
+ background: var(--pf-v6-c-button--BackgroundColor);
9437
9608
  }
9438
9609
  .pf-v6-c-button.pf-m-block {
9439
9610
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -9453,44 +9624,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9453
9624
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9454
9625
  }
9455
9626
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9627
+ display: grid;
9456
9628
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9457
9629
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9458
9630
  transition-property: color;
9459
9631
  }
9460
9632
  .pf-v6-c-button.pf-m-favorited {
9461
9633
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9634
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9462
9635
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9636
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9637
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
9638
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
9463
9639
  }
9464
9640
  .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9465
9641
  animation-name: pf-v6-c-button-icon-favorited;
9466
9642
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9467
9643
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9468
9644
  }
9645
+ .pf-v6-c-button.pf-m-settings {
9646
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
9647
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
9648
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
9649
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
9650
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
9651
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
9652
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
9653
+ }
9654
+ .pf-v6-c-button.pf-m-hamburger {
9655
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9656
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
9657
+ --pf-v6-c-button__icon--TransitionProperty: scale;
9658
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
9659
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9660
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
9661
+ }
9662
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
9663
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9664
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9665
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9666
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9667
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9668
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9669
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9670
+ }
9671
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9672
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9673
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9674
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9675
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
9676
+ --pf-v6-c-button__icon--ScaleX: 1;
9677
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9678
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9679
+ }
9469
9680
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9470
9681
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9471
9682
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9472
9683
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9473
9684
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9685
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9686
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9474
9687
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9475
9688
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9689
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9690
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9691
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9692
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9693
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9694
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9476
9695
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9477
9696
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9478
9697
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9479
9698
  }
9480
- .pf-v6-c-button.pf-m-clicked {
9699
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
9481
9700
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
9482
9701
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
9483
9702
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
9484
9703
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
9485
9704
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9486
9705
  }
9706
+ .pf-v6-c-button:active {
9707
+ background-size: 100%;
9708
+ transition-duration: 0s;
9709
+ }
9487
9710
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
9488
9711
  pointer-events: none;
9489
9712
  }
9490
9713
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9491
9714
  color: var(--pf-v6-c-button--disabled--Color);
9492
9715
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9493
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9716
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
9494
9717
  }
9495
9718
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
9496
9719
  border-color: transparent;
@@ -9531,6 +9754,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9531
9754
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
9532
9755
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
9533
9756
  color: var(--pf-v6-c-button__icon--Color);
9757
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
9758
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
9759
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9760
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9761
+ rotate: var(--pf-v6-c-button__icon--Rotate);
9762
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9534
9763
  }
9535
9764
  .pf-v6-c-button__icon.pf-m-start {
9536
9765
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9539,6 +9768,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9539
9768
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
9540
9769
  }
9541
9770
 
9771
+ .pf-v6-c-button__icon-favorite,
9772
+ .pf-v6-c-button__icon-favorited {
9773
+ grid-area: 1/1/1/1;
9774
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
9775
+ transition-property: opacity;
9776
+ }
9777
+
9778
+ .pf-v6-c-button__icon-favorite {
9779
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
9780
+ }
9781
+
9782
+ .pf-v6-c-button__icon-favorited {
9783
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
9784
+ }
9785
+
9542
9786
  .pf-v6-c-button__progress {
9543
9787
  position: absolute;
9544
9788
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9551,11 +9795,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9551
9795
  --pf-v6-c-spinner--Color: currentcolor;
9552
9796
  }
9553
9797
 
9798
+ .pf-v6-c-button__text {
9799
+ text-decoration: inherit;
9800
+ }
9801
+
9554
9802
  .pf-v6-c-button__count {
9555
9803
  display: inline-flex;
9556
9804
  align-items: center;
9557
9805
  }
9558
9806
 
9807
+ .pf-v6-c-button--hamburger-icon path {
9808
+ fill: none;
9809
+ stroke: currentcolor;
9810
+ stroke-linecap: round;
9811
+ stroke-linejoin: round;
9812
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
9813
+ }
9814
+
9815
+ .pf-v6-c-button--hamburger-icon--top {
9816
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
9817
+ }
9818
+
9819
+ .pf-v6-c-button--hamburger-icon--middle {
9820
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
9821
+ }
9822
+
9823
+ .pf-v6-c-button--hamburger-icon--arrow {
9824
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
9825
+ }
9826
+
9827
+ .pf-v6-c-button--hamburger-icon--bottom {
9828
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
9829
+ }
9830
+
9559
9831
  @keyframes pf-v6-c-button-icon-notify {
9560
9832
  33% {
9561
9833
  transform: rotate(30deg);
@@ -9566,7 +9838,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9566
9838
  }
9567
9839
  @keyframes pf-v6-c-button-icon-favorited {
9568
9840
  50% {
9569
- transform: scale(1.5);
9841
+ scale: 1.5;
9570
9842
  }
9571
9843
  }
9572
9844
  .pf-v6-c-calendar-month {
@@ -10513,6 +10785,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10513
10785
  .pf-v6-c-code-editor__main .monaco-editor {
10514
10786
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10515
10787
  }
10788
+ .pf-v6-c-code-editor__main a.label-name {
10789
+ text-decoration-line: none;
10790
+ }
10516
10791
 
10517
10792
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
10518
10793
  border-block-start-width: 0;
@@ -12086,6 +12361,17 @@ ul) {
12086
12361
  --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
12087
12362
  --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
12088
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;
12089
12375
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
12090
12376
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
12091
12377
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -12123,6 +12409,13 @@ ul) {
12123
12409
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12124
12410
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
12125
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
+ }
12126
12419
 
12127
12420
  .pf-v6-c-dual-list-selector {
12128
12421
  display: grid;
@@ -12218,9 +12511,27 @@ ul) {
12218
12511
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
12219
12512
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
12220
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
+ }
12221
12524
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
12222
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);
12223
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
+ }
12224
12535
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
12225
12536
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
12226
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);
@@ -13756,6 +14067,18 @@ ul) {
13756
14067
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13757
14068
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
13758
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-expanded__content--Opacity: 1;
14081
+ --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
13759
14082
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
13760
14083
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
13761
14084
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13767,20 +14090,39 @@ ul) {
13767
14090
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13768
14091
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13769
14092
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14093
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13770
14094
  --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));
13771
14095
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13772
14096
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
13773
14097
  }
14098
+ @media screen and (prefers-reduced-motion: no-preference) {
14099
+ .pf-v6-c-expandable-section {
14100
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14101
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14102
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
14103
+ }
14104
+ }
13774
14105
 
13775
14106
  .pf-v6-c-expandable-section {
13776
14107
  display: flex;
13777
14108
  flex-direction: column;
13778
- gap: var(--pf-v6-c-expandable-section--Gap);
14109
+ gap: 0;
14110
+ transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14111
+ transition-duration: 0s;
14112
+ transition-property: gap, padding-block-end;
13779
14113
  }
13780
14114
  .pf-v6-c-expandable-section.pf-m-expanded {
13781
14115
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
13782
14116
  --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);
13783
14117
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
14118
+ --pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
14119
+ --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14120
+ --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14121
+ --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14122
+ --pf-v6-c-expandable-section__content--Visibility: auto;
14123
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14124
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14125
+ gap: var(--pf-v6-c-expandable-section--Gap);
13784
14126
  }
13785
14127
  .pf-v6-c-expandable-section.pf-m-limit-width {
13786
14128
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -13827,6 +14169,19 @@ ul) {
13827
14169
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
13828
14170
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13829
14171
  }
14172
+ .pf-v6-c-expandable-section__content:where([hidden]) {
14173
+ display: revert;
14174
+ }
14175
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
14176
+ max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
14177
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
14178
+ opacity: var(--pf-v6-c-expandable-section__content--Opacity);
14179
+ transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
14180
+ transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
14181
+ transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
14182
+ transition-property: opacity, translate, visibility, max-height;
14183
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
14184
+ }
13830
14185
 
13831
14186
  .pf-v6-c-file-upload {
13832
14187
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13938,7 +14293,7 @@ ul) {
13938
14293
  --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));
13939
14294
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
13940
14295
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
13941
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
14296
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
13942
14297
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
13943
14298
  --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);
13944
14299
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -13958,6 +14313,8 @@ ul) {
13958
14313
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
13959
14314
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
13960
14315
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14316
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14317
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
13961
14318
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
13962
14319
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
13963
14320
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -13965,6 +14322,19 @@ ul) {
13965
14322
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
13966
14323
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
13967
14324
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
14325
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
14326
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
14327
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
14328
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
14329
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
14330
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
14331
+ }
14332
+ @media screen and (prefers-reduced-motion: no-preference) {
14333
+ .pf-v6-c-form {
14334
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14335
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14336
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
14337
+ }
13968
14338
  }
13969
14339
 
13970
14340
  .pf-v6-c-form {
@@ -14321,6 +14691,16 @@ ul) {
14321
14691
  .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
14322
14692
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14323
14693
  }
14694
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14695
+ max-height: 99999px;
14696
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14697
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14698
+ visibility: visible;
14699
+ opacity: 1;
14700
+ transition-delay: 0s;
14701
+ 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;
14702
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
14703
+ }
14324
14704
 
14325
14705
  .pf-v6-c-form__field-group-toggle {
14326
14706
  grid-row: 1/2;
@@ -14379,6 +14759,8 @@ ul) {
14379
14759
  }
14380
14760
 
14381
14761
  .pf-v6-c-form__field-group-header-actions {
14762
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14763
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14382
14764
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14383
14765
  white-space: nowrap;
14384
14766
  }
@@ -14390,6 +14772,18 @@ ul) {
14390
14772
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14391
14773
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14392
14774
  }
14775
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14776
+ max-height: 0;
14777
+ padding-block-start: 0;
14778
+ padding-block-end: 0;
14779
+ visibility: hidden;
14780
+ opacity: 0;
14781
+ 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);
14782
+ 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;
14783
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
14784
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
14785
+ }
14786
+
14393
14787
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
14394
14788
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
14395
14789
  --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
@@ -14626,6 +15020,22 @@ ul) {
14626
15020
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14627
15021
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14628
15022
  }
15023
+ @media (prefers-reduced-motion: no-preference) {
15024
+ .pf-v6-c-form-control.pf-m-error {
15025
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
15026
+ animation-name: pf-v6-global-danger-jiggle-motion;
15027
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
15028
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
15029
+ animation-fill-mode: both;
15030
+ }
15031
+ }
15032
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
15033
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
15034
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
15035
+ animation-name: pf-v6-global-fade-in;
15036
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
15037
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
15038
+ }
14629
15039
  .pf-v6-c-form-control.pf-m-error > textarea {
14630
15040
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14631
15041
  }
@@ -17094,7 +17504,7 @@ ul.pf-v6-c-list {
17094
17504
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
17095
17505
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
17096
17506
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
17097
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17507
+ --pf-v6-c-menu--TransitionDuration: 0s;
17098
17508
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17099
17509
  --pf-v6-c-menu--m-plain--BoxShadow: none;
17100
17510
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -17167,14 +17577,34 @@ ul.pf-v6-c-list {
17167
17577
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
17168
17578
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
17169
17579
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17170
- --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);
17580
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
17171
17581
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
17172
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17582
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
17173
17583
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
17174
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17584
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
17175
17585
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
17176
17586
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
17177
17587
  }
17588
+ @media (prefers-reduced-motion: no-preference) {
17589
+ .pf-v6-c-menu {
17590
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17591
+ }
17592
+ }
17593
+ @media (prefers-reduced-motion: no-preference) {
17594
+ .pf-v6-c-menu {
17595
+ --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);
17596
+ }
17597
+ }
17598
+ @media (prefers-reduced-motion: no-preference) {
17599
+ .pf-v6-c-menu {
17600
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17601
+ }
17602
+ }
17603
+ @media (prefers-reduced-motion: no-preference) {
17604
+ .pf-v6-c-menu {
17605
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
17606
+ }
17607
+ }
17178
17608
 
17179
17609
  .pf-v6-c-menu__content,
17180
17610
  .pf-v6-c-menu__list-item,
@@ -17708,6 +18138,14 @@ ul.pf-v6-c-list {
17708
18138
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17709
18139
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17710
18140
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
18141
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
18142
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
18143
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
18144
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
18145
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
18146
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
18147
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
18148
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
17711
18149
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17712
18150
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17713
18151
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -17805,6 +18243,11 @@ ul.pf-v6-c-list {
17805
18243
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17806
18244
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17807
18245
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
18246
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18247
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
18248
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
18249
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
18250
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
17808
18251
  }
17809
18252
 
17810
18253
  .pf-v6-c-menu-toggle {
@@ -17918,6 +18361,10 @@ ul.pf-v6-c-list {
17918
18361
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
17919
18362
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
17920
18363
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
18364
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
18365
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
18366
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
18367
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
17921
18368
  }
17922
18369
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
17923
18370
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -17973,6 +18420,15 @@ ul.pf-v6-c-list {
17973
18420
  opacity: 1;
17974
18421
  }
17975
18422
  }
18423
+ .pf-v6-c-menu-toggle.pf-m-settings {
18424
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
18425
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
18426
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
18427
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
18428
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
18429
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
18430
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
18431
+ }
17976
18432
  .pf-v6-c-menu-toggle.pf-m-placeholder {
17977
18433
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
17978
18434
  }
@@ -18125,16 +18581,24 @@ ul.pf-v6-c-list {
18125
18581
  flex-wrap: nowrap;
18126
18582
  }
18127
18583
 
18128
- .pf-v6-c-menu-toggle__icon {
18129
- flex-shrink: 0;
18130
- }
18131
18584
  .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
18132
18585
  .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
18133
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
18586
+ .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 {
18134
18587
  margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
18135
18588
  margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
18136
18589
  }
18137
18590
 
18591
+ .pf-v6-c-menu-toggle__icon {
18592
+ flex-shrink: 0;
18593
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
18594
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
18595
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
18596
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
18597
+ }
18598
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
18599
+ vertical-align: middle;
18600
+ }
18601
+
18138
18602
  .pf-v6-c-menu-toggle__controls {
18139
18603
  display: flex;
18140
18604
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
@@ -18621,9 +19085,13 @@ ul.pf-v6-c-list {
18621
19085
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18622
19086
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18623
19087
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18624
- --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18625
- --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
19088
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
19089
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
19090
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
19091
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
18626
19092
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
19093
+ --pf-v6-c-nav__subnav--TranslateY: 0;
19094
+ --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
18627
19095
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18628
19096
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18629
19097
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18652,6 +19120,13 @@ ul.pf-v6-c-list {
18652
19120
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18653
19121
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18654
19122
  }
19123
+ @media screen and (prefers-reduced-motion: no-preference) {
19124
+ .pf-v6-c-nav {
19125
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
19126
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
19127
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
19128
+ }
19129
+ }
18655
19130
 
18656
19131
  .pf-v6-c-nav,
18657
19132
  .pf-v6-c-nav__section,
@@ -18722,24 +19197,27 @@ ul.pf-v6-c-list {
18722
19197
 
18723
19198
  .pf-v6-c-nav__subnav {
18724
19199
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18725
- grid-template-rows: 1fr;
18726
- min-height: 0;
19200
+ max-height: 99999px;
18727
19201
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18728
19202
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18729
19203
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18730
19204
  overflow-y: clip;
18731
- 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);
19205
+ visibility: visible;
19206
+ 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);
18732
19207
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18733
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18734
- transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
19208
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
19209
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
19210
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
18735
19211
  }
18736
19212
  .pf-v6-c-nav__subnav[hidden] {
18737
19213
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18738
19214
  --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
19215
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
18739
19216
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18740
19217
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
19218
+ --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
18741
19219
  display: grid;
18742
- grid-template-rows: 0fr;
19220
+ max-height: 0;
18743
19221
  visibility: hidden;
18744
19222
  opacity: 0;
18745
19223
  }
@@ -19224,13 +19702,18 @@ ul.pf-v6-c-list {
19224
19702
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19225
19703
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19226
19704
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19227
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19228
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19705
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19706
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19707
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19229
19708
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19230
19709
  --pf-v6-c-page__sidebar--BoxShadow: none;
19231
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19232
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19710
+ --pf-v6-c-page__sidebar--TransitionProperty: opacity;
19711
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19712
+ --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
19233
19713
  --pf-v6-c-page__sidebar--TranslateX: -100%;
19714
+ --pf-v6-c-page__sidebar--Opacity: 0;
19715
+ --pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
19716
+ --pf-v6-c-page__sidebar--xl--Opacity: 1;
19234
19717
  --pf-v6-c-page__sidebar--TranslateZ: 0;
19235
19718
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
19236
19719
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
@@ -19308,9 +19791,17 @@ ul.pf-v6-c-list {
19308
19791
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
19309
19792
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19310
19793
  }
19794
+ @media screen and (prefers-reduced-motion: no-preference) {
19795
+ .pf-v6-c-page {
19796
+ --pf-v6-c-page__sidebar--Opacity: 1;
19797
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
19798
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
19799
+ }
19800
+ }
19311
19801
  @media screen and (min-width: 75rem) {
19312
19802
  .pf-v6-c-page {
19313
19803
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
19804
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
19314
19805
  }
19315
19806
  }
19316
19807
 
@@ -19331,6 +19822,51 @@ ul.pf-v6-c-list {
19331
19822
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19332
19823
  }
19333
19824
  }
19825
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19826
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19827
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19828
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19829
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19830
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19831
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19832
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19833
+ }
19834
+ .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) {
19835
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19836
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19837
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19838
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19839
+ --pf-v6-c-button__icon--ScaleX: 1;
19840
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19841
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19842
+ }
19843
+ @media (min-width: 75rem) {
19844
+ .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) {
19845
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
19846
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
19847
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
19848
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
19849
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
19850
+ }
19851
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19852
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19853
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19854
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19855
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19856
+ --pf-v6-c-button__icon--ScaleX: 1;
19857
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19858
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19859
+ }
19860
+ .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) {
19861
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19862
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19863
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19864
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
19865
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19866
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19867
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19868
+ }
19869
+ }
19334
19870
 
19335
19871
  .pf-v6-c-page > .pf-v6-c-masthead {
19336
19872
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -19359,7 +19895,8 @@ ul.pf-v6-c-list {
19359
19895
  overflow-y: auto;
19360
19896
  -webkit-overflow-scrolling: touch;
19361
19897
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
19362
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19898
+ opacity: var(--pf-v6-c-page__sidebar--Opacity);
19899
+ transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
19363
19900
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
19364
19901
  }
19365
19902
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
@@ -19368,6 +19905,7 @@ ul.pf-v6-c-list {
19368
19905
 
19369
19906
  .pf-v6-c-page__sidebar.pf-m-expanded {
19370
19907
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
19908
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
19371
19909
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
19372
19910
  }
19373
19911
  @media screen and (min-width: 75rem) {
@@ -19653,7 +20191,7 @@ ul.pf-v6-c-list {
19653
20191
  -webkit-overflow-scrolling: touch;
19654
20192
  }
19655
20193
  @media screen and (min-width: 75rem) {
19656
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
20194
+ .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,
19657
20195
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19658
20196
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19659
20197
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -20628,6 +21166,22 @@ ul.pf-v6-c-list {
20628
21166
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
20629
21167
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
20630
21168
  }
21169
+ @media (prefers-reduced-motion: no-preference) {
21170
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
21171
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
21172
+ animation-name: pf-v6-global-danger-jiggle-motion;
21173
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
21174
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
21175
+ animation-fill-mode: both;
21176
+ }
21177
+ }
21178
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
21179
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
21180
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
21181
+ animation-name: pf-v6-global-fade-in;
21182
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
21183
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
21184
+ }
20631
21185
 
20632
21186
  .pf-v6-c-progress__description {
20633
21187
  grid-column: 1/2;
@@ -21805,8 +22359,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21805
22359
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
21806
22360
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
21807
22361
  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
21808
- --pf-v6-c-skeleton--after--TranslateX: -100%;
21809
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22362
+ --pf-v6-c-skeleton--after--TranslateX: 0;
22363
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
21810
22364
  --pf-v6-c-skeleton--after--AnimationDuration: 3s;
21811
22365
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
21812
22366
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
@@ -21838,6 +22392,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21838
22392
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
21839
22393
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
21840
22394
  }
22395
+ @media screen and (prefers-reduced-motion: no-preference) {
22396
+ .pf-v6-c-skeleton {
22397
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
22398
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
22399
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
22400
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
22401
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
22402
+ }
22403
+ }
21841
22404
 
21842
22405
  .pf-v6-c-skeleton {
21843
22406
  position: relative;
@@ -21958,6 +22521,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21958
22521
  transform: translateX(100%);
21959
22522
  }
21960
22523
  }
22524
+ @keyframes pf-v6-c-skeleton-loading-reduced-motion {
22525
+ 0% {
22526
+ opacity: 0.25;
22527
+ }
22528
+ 60% {
22529
+ opacity: 1;
22530
+ }
22531
+ 100% {
22532
+ opacity: 0.25;
22533
+ }
22534
+ }
21961
22535
  .pf-v6-c-skip-to-content {
21962
22536
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21963
22537
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -22205,6 +22779,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22205
22779
  --pf-v6-c-spinner--StrokeWidth: 10;
22206
22780
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
22207
22781
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
22782
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
22208
22783
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
22209
22784
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
22210
22785
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -22221,6 +22796,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22221
22796
  .pf-v6-c-spinner.pf-m-inline {
22222
22797
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
22223
22798
  }
22799
+ .pf-v6-c-spinner.pf-m-xs {
22800
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
22801
+ --pf-v6-c-spinner--StrokeWidth: 15;
22802
+ }
22224
22803
  .pf-v6-c-spinner.pf-m-sm {
22225
22804
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
22226
22805
  }
@@ -22502,6 +23081,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22502
23081
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22503
23082
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
22504
23083
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
23084
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
22505
23085
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22506
23086
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22507
23087
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -22626,7 +23206,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22626
23206
  }
22627
23207
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22628
23208
  position: revert;
22629
- font-weight: bold;
23209
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22630
23210
  text-align: start;
22631
23211
  content: attr(data-label);
22632
23212
  }
@@ -22926,7 +23506,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22926
23506
  }
22927
23507
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22928
23508
  position: revert;
22929
- font-weight: bold;
23509
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
22930
23510
  text-align: start;
22931
23511
  content: attr(data-label);
22932
23512
  }
@@ -23229,7 +23809,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23229
23809
  }
23230
23810
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23231
23811
  position: revert;
23232
- font-weight: bold;
23812
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23233
23813
  text-align: start;
23234
23814
  content: attr(data-label);
23235
23815
  }
@@ -23532,7 +24112,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23532
24112
  }
23533
24113
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23534
24114
  position: revert;
23535
- font-weight: bold;
24115
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23536
24116
  text-align: start;
23537
24117
  content: attr(data-label);
23538
24118
  }
@@ -23835,7 +24415,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23835
24415
  }
23836
24416
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
23837
24417
  position: revert;
23838
- font-weight: bold;
24418
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23839
24419
  text-align: start;
23840
24420
  content: attr(data-label);
23841
24421
  }
@@ -24113,6 +24693,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24113
24693
  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24114
24694
  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24115
24695
  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24696
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
24697
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24698
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24699
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24700
+ --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24701
+ --pf-v6-c-table__expandable-row--Opacity: 0;
24702
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
24703
+ --pf-v6-c-table__expandable-row--TranslateY: 0;
24704
+ --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
24116
24705
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
24117
24706
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
24118
24707
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -24173,6 +24762,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24173
24762
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
24174
24763
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
24175
24764
  }
24765
+ @media screen and (prefers-reduced-motion: no-preference) {
24766
+ .pf-v6-c-table {
24767
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
24768
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
24769
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
24770
+ }
24771
+ }
24176
24772
 
24177
24773
  .pf-v6-c-table {
24178
24774
  width: 100%;
@@ -24437,6 +25033,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24437
25033
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
24438
25034
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
24439
25035
  }
25036
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25037
+ display: revert;
25038
+ visibility: hidden;
25039
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25040
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25041
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25042
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
25043
+ transition-property: opacity, translate, visibility;
25044
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25045
+ }
25046
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25047
+ display: revert;
25048
+ }
25049
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25050
+ visibility: visible;
25051
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25052
+ transition-delay: 0s;
25053
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25054
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25055
+ }
25056
+ .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 {
25057
+ max-height: 99999px;
25058
+ }
25059
+ .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),
25060
+ .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 {
25061
+ padding: 0;
25062
+ overflow: hidden;
25063
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25064
+ transition-property: padding, max-height, overflow;
25065
+ }
25066
+ .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 {
25067
+ max-height: 0;
25068
+ }
24440
25069
 
24441
25070
  [class*=pf-v6-c-table].pf-m-truncate {
24442
25071
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -24742,21 +25371,25 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24742
25371
  position: relative;
24743
25372
  border-block-end: 0 solid transparent;
24744
25373
  }
24745
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
24746
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25374
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25375
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
24747
25376
  padding-block-start: 0;
24748
25377
  }
24749
-
24750
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
24751
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
25378
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25379
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25380
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25381
+ }
25382
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25383
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
24752
25384
  padding-block-start: 0;
24753
25385
  padding-block-end: 0;
24754
25386
  padding-inline-start: 0;
24755
25387
  padding-inline-end: 0;
24756
25388
  }
24757
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24758
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25389
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25390
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24759
25391
  padding: 0;
25392
+ border-radius: 0;
24760
25393
  }
24761
25394
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24762
25395
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -24766,6 +25399,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24766
25399
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
24767
25400
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
24768
25401
  }
25402
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25403
+ background-color: transparent;
25404
+ }
24769
25405
  .pf-v6-c-table__expandable-row.pf-m-expanded {
24770
25406
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
24771
25407
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -24777,6 +25413,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24777
25413
  border-block-end: 0;
24778
25414
  }
24779
25415
 
25416
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25417
+ border-block-end: 0;
25418
+ }
25419
+
24780
25420
  .pf-v6-c-table.pf-m-compact {
24781
25421
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
24782
25422
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -24832,7 +25472,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24832
25472
  }
24833
25473
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
24834
25474
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
24835
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
25475
+ border-block-end: 0;
24836
25476
  }
24837
25477
 
24838
25478
  .pf-v6-c-table__tr {
@@ -25891,25 +26531,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25891
26531
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
25892
26532
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
25893
26533
  --pf-v6-c-tabs--link-accent--start: 0;
25894
- --pf-v6-c-tabs--link-accent--length: auto;
26534
+ --pf-v6-c-tabs--link-accent--length: 0;
25895
26535
  --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
25896
26536
  --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26537
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26538
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
25897
26539
  --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
25898
26540
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
25899
- --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26541
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
25900
26542
  --pf-v6-c-tabs--link-accent--Width: initial;
25901
26543
  --pf-v6-c-tabs--link-accent--Height: 0;
25902
26544
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25903
26545
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
25904
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26546
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
26547
+ --pf-v6-c-tabs--link-accent--TranslateY: 0;
26548
+ --pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
26549
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
25905
26550
  --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
25906
- --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
25907
- --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
25908
- --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
25909
26551
  --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
25910
26552
  --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
25911
- --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
25912
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
26553
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
26554
+ --pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
26555
+ --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
25913
26556
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25914
26557
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25915
26558
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -26069,11 +26712,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26069
26712
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26070
26713
  --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26071
26714
  --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26072
- --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26073
26715
  --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26074
26716
  --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26075
26717
  --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26076
26718
  --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
26719
+ --pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
26720
+ --pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
26721
+ --pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
26077
26722
  display: inline-flex;
26078
26723
  flex-direction: column;
26079
26724
  height: 100%;
@@ -26650,15 +27295,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26650
27295
  }
26651
27296
 
26652
27297
  @media (prefers-reduced-motion: no-preference) {
26653
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26654
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
27298
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
27299
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26655
27300
  content: revert;
26656
27301
  }
26657
- .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
27302
+ .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26658
27303
  position: absolute;
26659
- inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
27304
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
26660
27305
  inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26661
- inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
27306
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
26662
27307
  width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26663
27308
  height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26664
27309
  content: "";
@@ -26667,7 +27312,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26667
27312
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26668
27313
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26669
27314
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26670
- transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
27315
+ transition-property: width, height, translate;
27316
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
27317
+ translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
27318
+ }
27319
+ :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 {
27320
+ translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
26671
27321
  }
26672
27322
  .pf-v6-c-tabs.pf-m-initializing-accent {
26673
27323
  --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
@@ -26778,6 +27428,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26778
27428
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
26779
27429
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
26780
27430
  }
27431
+ @media (prefers-reduced-motion: no-preference) {
27432
+ .pf-v6-c-text-input-group.pf-m-error {
27433
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
27434
+ animation-name: pf-v6-global-danger-jiggle-motion;
27435
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
27436
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
27437
+ animation-fill-mode: both;
27438
+ }
27439
+ }
27440
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
27441
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
27442
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
27443
+ animation-name: pf-v6-global-fade-in;
27444
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
27445
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
27446
+ }
26781
27447
  .pf-v6-c-text-input-group:hover {
26782
27448
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
26783
27449
  }
@@ -27009,6 +27675,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27009
27675
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
27010
27676
  }
27011
27677
 
27678
+ .pf-v6-c-timestamp__text {
27679
+ text-decoration: inherit;
27680
+ }
27681
+
27012
27682
  .pf-v6-c-title {
27013
27683
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
27014
27684
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29283,6 +29953,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29283
29953
  grid-auto-flow: column;
29284
29954
  align-items: baseline;
29285
29955
  min-width: var(--pf-v6-c-truncate--MinWidth);
29956
+ text-decoration: inherit;
29957
+ }
29958
+ .pf-v6-c-truncate.pf-m-fixed {
29959
+ display: inline;
29960
+ align-items: revert;
29961
+ min-width: revert;
29286
29962
  }
29287
29963
 
29288
29964
  .pf-v6-c-truncate__start,
@@ -29374,6 +30050,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29374
30050
  --pf-v6-c-tree-view__node-container--Display: contents;
29375
30051
  --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
29376
30052
  --pf-v6-c-tree-view__node-content--Overflow: visible;
30053
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
30054
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
30055
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
30056
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
30057
+ --pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
30058
+ --pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
30059
+ --pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30060
+ --pf-v6-c-tree-view__list--Opacity: 0;
30061
+ --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
30062
+ --pf-v6-c-tree-view__list--TranslateY: 0;
30063
+ --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
29377
30064
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
29378
30065
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
29379
30066
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -29389,6 +30076,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29389
30076
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
29390
30077
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
29391
30078
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
30079
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30080
+ --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29392
30081
  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
29393
30082
  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
29394
30083
  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29464,6 +30153,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29464
30153
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
29465
30154
  --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);
29466
30155
  }
30156
+ @media screen and (prefers-reduced-motion: no-preference) {
30157
+ .pf-v6-c-tree-view {
30158
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
30159
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
30160
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
30161
+ }
30162
+ }
29467
30163
 
29468
30164
  .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 {
29469
30165
  position: relative;
@@ -29579,12 +30275,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29579
30275
  display: inline-block;
29580
30276
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
29581
30277
  text-align: center;
30278
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
29582
30279
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
29583
30280
  }
29584
30281
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
29585
30282
  scale: -1 1;
29586
30283
  }
29587
30284
 
30285
+ .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30286
+ max-height: 0;
30287
+ visibility: hidden;
30288
+ opacity: var(--pf-v6-c-tree-view__list--Opacity);
30289
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30290
+ transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30291
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30292
+ transition-property: opacity, translate, visibility, max-height;
30293
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30294
+ }
29588
30295
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
29589
30296
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
29590
30297
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
@@ -29593,6 +30300,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29593
30300
  --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
29594
30301
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29595
30302
  }
30303
+ .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30304
+ max-height: 99999px;
30305
+ visibility: revert;
30306
+ opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30307
+ transition-delay: 0s;
30308
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30309
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30310
+ }
29596
30311
 
29597
30312
  .pf-v6-c-tree-view__node,
29598
30313
  .pf-v6-c-tree-view__node-container {