@patternfly/patternfly 6.5.0-prerelease.33 → 6.5.0-prerelease.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/assets/fontawesome/_variables.scss +2 -1
  2. package/base/tokens/tokens-local.scss +1 -1
  3. package/components/AboutModalBox/about-modal-box.css +36 -26
  4. package/components/Accordion/accordion.css +16 -13
  5. package/components/Alert/alert.css +5 -4
  6. package/components/Avatar/avatar.css +12 -4
  7. package/components/BackgroundImage/background-image.css +6 -3
  8. package/components/Banner/banner.css +8 -6
  9. package/components/Brand/brand.css +3 -1
  10. package/components/Breadcrumb/breadcrumb.css +4 -3
  11. package/components/Button/button.css +6 -6
  12. package/components/CalendarMonth/calendar-month.css +4 -3
  13. package/components/Card/card.css +7 -6
  14. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  15. package/components/CodeEditor/code-editor.css +1 -1
  16. package/components/CodeEditor/code-editor.scss +1 -1
  17. package/components/Compass/compass.css +6 -2
  18. package/components/DataList/data-list.css +28 -21
  19. package/components/DescriptionList/description-list-order.scss +5 -1
  20. package/components/DescriptionList/description-list.css +7 -5
  21. package/components/DescriptionList/description-list.scss +5 -1
  22. package/components/Divider/divider.css +7 -5
  23. package/components/Drawer/drawer.css +38 -28
  24. package/components/Drawer/drawer.scss +12 -4
  25. package/components/DualListSelector/dual-list-selector.css +17 -11
  26. package/components/ExpandableSection/expandable-section.css +16 -14
  27. package/components/ExpandableSection/expandable-section.scss +1 -1
  28. package/components/Form/form.css +1 -1
  29. package/components/Form/form.scss +1 -1
  30. package/components/FormControl/form-control.css +1 -1
  31. package/components/FormControl/form-control.scss +1 -1
  32. package/components/JumpLinks/jump-links.css +4 -3
  33. package/components/JumpLinks/jump-links.scss +5 -1
  34. package/components/Label/label-group.css +2 -2
  35. package/components/Label/label-group.scss +2 -2
  36. package/components/Label/label.css +4 -3
  37. package/components/Login/login.css +51 -37
  38. package/components/Masthead/masthead.css +20 -18
  39. package/components/Masthead/masthead.scss +6 -2
  40. package/components/Menu/menu.css +23 -14
  41. package/components/ModalBox/modal-box.css +9 -7
  42. package/components/ModalBox/modal-box.scss +2 -2
  43. package/components/Nav/nav.css +13 -9
  44. package/components/NotificationDrawer/notification-drawer.css +6 -6
  45. package/components/Page/page.css +35 -29
  46. package/components/Page/page.scss +17 -5
  47. package/components/Pagination/pagination.scss +5 -1
  48. package/components/ProgressStepper/progress-stepper.scss +5 -1
  49. package/components/Sidebar/sidebar.css +1 -1
  50. package/components/Sidebar/sidebar.scss +7 -3
  51. package/components/Skeleton/skeleton.css +16 -15
  52. package/components/Slider/slider.css +32 -18
  53. package/components/Switch/switch.css +3 -1
  54. package/components/Table/table-tree-view.css +4 -2
  55. package/components/Table/table.css +31 -27
  56. package/components/Tabs/tabs.css +17 -15
  57. package/components/Tabs/tabs.scss +12 -4
  58. package/components/Toolbar/toolbar.css +14 -8
  59. package/components/Toolbar/toolbar.scss +5 -1
  60. package/components/TreeView/tree-view.css +44 -13
  61. package/components/TreeView/tree-view.scss +31 -0
  62. package/components/Wizard/wizard.css +20 -16
  63. package/components/Wizard/wizard.scss +3 -3
  64. package/components/_index.css +598 -427
  65. package/docs/components/TreeView/examples/TreeView.md +38 -26
  66. package/layouts/Flex/flex.scss +83 -19
  67. package/layouts/Gallery/gallery.css +6 -2
  68. package/layouts/_index.css +6 -2
  69. package/package.json +4 -2
  70. package/patternfly-charts.css +3 -3
  71. package/patternfly-no-globals.css +588 -413
  72. package/patternfly.css +588 -413
  73. package/patternfly.min.css +1 -1
  74. package/patternfly.min.css.map +1 -1
  75. package/sass-utilities/functions.scss +32 -25
  76. package/sass-utilities/mixins.scss +36 -20
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .pf-v6-screen-reader {
3
2
  position: fixed;
4
3
  inset-block-start: 0;
@@ -8773,31 +8772,6 @@
8773
8772
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8774
8773
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8775
8774
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8776
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8777
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8778
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8779
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8780
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8781
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8782
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8783
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8784
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8785
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8786
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8787
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8788
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8789
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8790
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8791
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8792
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8793
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8794
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8795
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8796
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8797
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8798
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8799
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8800
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8801
8775
  }
8802
8776
  @media screen and (min-width: 36rem) {
8803
8777
  .pf-v6-c-about-modal-box {
@@ -8806,6 +8780,14 @@
8806
8780
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8807
8781
  }
8808
8782
  }
8783
+ .pf-v6-c-about-modal-box {
8784
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8785
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8786
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8787
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8788
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8789
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8790
+ }
8809
8791
  @media only screen and (min-width: 36rem) {
8810
8792
  .pf-v6-c-about-modal-box {
8811
8793
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8816,17 +8798,42 @@
8816
8798
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8817
8799
  }
8818
8800
  }
8801
+ .pf-v6-c-about-modal-box {
8802
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8803
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8804
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8805
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8806
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8807
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8808
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8809
+ }
8819
8810
  @media only screen and (min-width: 36rem) {
8820
8811
  .pf-v6-c-about-modal-box {
8821
8812
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8822
8813
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8823
8814
  }
8824
8815
  }
8816
+ .pf-v6-c-about-modal-box {
8817
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8818
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8819
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8820
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8821
+ }
8825
8822
  @media only screen and (min-width: 36rem) {
8826
8823
  .pf-v6-c-about-modal-box {
8827
8824
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8828
8825
  }
8829
8826
  }
8827
+ .pf-v6-c-about-modal-box {
8828
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8829
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8830
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8831
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8832
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8833
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8834
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8835
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8836
+ }
8830
8837
  @media only screen and (min-width: 36rem) {
8831
8838
  .pf-v6-c-about-modal-box {
8832
8839
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8850,7 +8857,6 @@
8850
8857
  background-repeat: no-repeat;
8851
8858
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8852
8859
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8853
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8854
8860
  }
8855
8861
  @media only screen and (min-width: 36rem) {
8856
8862
  .pf-v6-c-about-modal-box {
@@ -8866,6 +8872,9 @@
8866
8872
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8867
8873
  }
8868
8874
  }
8875
+ .pf-v6-c-about-modal-box {
8876
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8877
+ }
8869
8878
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8870
8879
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8871
8880
  }
@@ -9006,6 +9015,18 @@
9006
9015
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
9007
9016
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
9008
9017
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9018
+ }
9019
+ @media screen and (prefers-reduced-motion: no-preference) {
9020
+ .pf-v6-c-accordion {
9021
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9022
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9023
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9024
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9025
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9026
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9027
+ }
9028
+ }
9029
+ .pf-v6-c-accordion {
9009
9030
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9010
9031
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9011
9032
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -9031,16 +9052,6 @@
9031
9052
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9032
9053
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9033
9054
  }
9034
- @media screen and (prefers-reduced-motion: no-preference) {
9035
- .pf-v6-c-accordion {
9036
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9037
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9038
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9039
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9040
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9041
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9042
- }
9043
- }
9044
9055
 
9045
9056
  .pf-v6-c-accordion {
9046
9057
  display: flex;
@@ -9151,13 +9162,14 @@
9151
9162
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9152
9163
  }
9153
9164
 
9165
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9166
+ scale: -1 1;
9167
+ }
9168
+
9154
9169
  .pf-v6-c-accordion__toggle-icon {
9155
9170
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9156
9171
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9157
9172
  }
9158
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9159
- scale: -1 1;
9160
- }
9161
9173
 
9162
9174
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9163
9175
  display: revert;
@@ -9377,14 +9389,15 @@
9377
9389
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9378
9390
  }
9379
9391
 
9392
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9393
+ scale: -1 1;
9394
+ }
9395
+
9380
9396
  .pf-v6-c-alert__toggle-icon {
9381
9397
  display: inline-block;
9382
9398
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9383
9399
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9384
9400
  }
9385
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9386
- scale: -1 1;
9387
- }
9388
9401
 
9389
9402
  .pf-v6-c-alert__icon {
9390
9403
  grid-area: icon;
@@ -9401,9 +9414,9 @@
9401
9414
  }
9402
9415
  .pf-v6-c-alert__title.pf-m-truncate {
9403
9416
  display: -webkit-box;
9417
+ overflow: hidden;
9404
9418
  -webkit-box-orient: vertical;
9405
9419
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9406
- overflow: hidden;
9407
9420
  }
9408
9421
 
9409
9422
  .pf-v6-c-alert__description {
@@ -9640,7 +9653,6 @@
9640
9653
  }
9641
9654
  .pf-v6-c-avatar.pf-m-sm {
9642
9655
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9643
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9644
9656
  }
9645
9657
  @media (min-width: 36rem) {
9646
9658
  .pf-v6-c-avatar.pf-m-sm {
@@ -9667,6 +9679,9 @@
9667
9679
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
9668
9680
  }
9669
9681
  }
9682
+ .pf-v6-c-avatar.pf-m-sm {
9683
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9684
+ }
9670
9685
  @media (min-width: 36rem) {
9671
9686
  .pf-v6-c-avatar.pf-m-sm {
9672
9687
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9694,7 +9709,6 @@
9694
9709
  }
9695
9710
  .pf-v6-c-avatar.pf-m-md {
9696
9711
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9697
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9698
9712
  }
9699
9713
  @media (min-width: 36rem) {
9700
9714
  .pf-v6-c-avatar.pf-m-md {
@@ -9721,6 +9735,9 @@
9721
9735
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
9722
9736
  }
9723
9737
  }
9738
+ .pf-v6-c-avatar.pf-m-md {
9739
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9740
+ }
9724
9741
  @media (min-width: 36rem) {
9725
9742
  .pf-v6-c-avatar.pf-m-md {
9726
9743
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9748,7 +9765,6 @@
9748
9765
  }
9749
9766
  .pf-v6-c-avatar.pf-m-lg {
9750
9767
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9751
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9752
9768
  }
9753
9769
  @media (min-width: 36rem) {
9754
9770
  .pf-v6-c-avatar.pf-m-lg {
@@ -9775,6 +9791,9 @@
9775
9791
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
9776
9792
  }
9777
9793
  }
9794
+ .pf-v6-c-avatar.pf-m-lg {
9795
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9796
+ }
9778
9797
  @media (min-width: 36rem) {
9779
9798
  .pf-v6-c-avatar.pf-m-lg {
9780
9799
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9802,7 +9821,6 @@
9802
9821
  }
9803
9822
  .pf-v6-c-avatar.pf-m-xl {
9804
9823
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9805
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9806
9824
  }
9807
9825
  @media (min-width: 36rem) {
9808
9826
  .pf-v6-c-avatar.pf-m-xl {
@@ -9829,6 +9847,9 @@
9829
9847
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
9830
9848
  }
9831
9849
  }
9850
+ .pf-v6-c-avatar.pf-m-xl {
9851
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9852
+ }
9832
9853
  @media (min-width: 36rem) {
9833
9854
  .pf-v6-c-avatar.pf-m-xl {
9834
9855
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9886,6 +9907,12 @@
9886
9907
 
9887
9908
  .pf-v6-c-background-image {
9888
9909
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
9910
+ }
9911
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9912
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
9913
+ }
9914
+
9915
+ .pf-v6-c-background-image {
9889
9916
  position: fixed;
9890
9917
  inset-block-start: 0;
9891
9918
  inset-inline-start: 0;
@@ -9898,9 +9925,6 @@
9898
9925
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9899
9926
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9900
9927
  }
9901
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9902
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9903
- }
9904
9928
 
9905
9929
  .pf-v6-c-back-to-top {
9906
9930
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -10018,6 +10042,14 @@
10018
10042
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10019
10043
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10020
10044
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10045
+ }
10046
+ @media (min-width: 48rem) {
10047
+ .pf-v6-c-banner {
10048
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10049
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10050
+ }
10051
+ }
10052
+ .pf-v6-c-banner {
10021
10053
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10022
10054
  --pf-v6-c-banner--link--TextDecoration: underline;
10023
10055
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -10051,12 +10083,6 @@
10051
10083
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10052
10084
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10053
10085
  }
10054
- @media (min-width: 48rem) {
10055
- .pf-v6-c-banner {
10056
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10057
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10058
- }
10059
- }
10060
10086
 
10061
10087
  .pf-v6-c-banner {
10062
10088
  flex-shrink: 0;
@@ -10159,7 +10185,6 @@
10159
10185
  width: var(--pf-v6-c-brand--Width--base);
10160
10186
  height: var(--pf-v6-c-brand--Height--base);
10161
10187
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10162
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10163
10188
  }
10164
10189
  @media (min-width: 36rem) {
10165
10190
  .pf-v6-c-brand {
@@ -10186,6 +10211,9 @@
10186
10211
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
10187
10212
  }
10188
10213
  }
10214
+ .pf-v6-c-brand {
10215
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10216
+ }
10189
10217
  @media (min-width: 36rem) {
10190
10218
  .pf-v6-c-brand {
10191
10219
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10266,15 +10294,16 @@
10266
10294
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10267
10295
  }
10268
10296
 
10297
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10298
+ scale: -1 1;
10299
+ }
10300
+
10269
10301
  .pf-v6-c-breadcrumb__item-divider {
10270
10302
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10271
10303
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10272
10304
  line-height: 1;
10273
10305
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10274
10306
  }
10275
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10276
- scale: -1 1;
10277
- }
10278
10307
 
10279
10308
  .pf-v6-c-breadcrumb__link {
10280
10309
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10776,6 +10805,12 @@ button.pf-v6-c-breadcrumb__link {
10776
10805
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10777
10806
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10778
10807
  }
10808
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10809
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10810
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10811
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
10812
+ }
10813
+
10779
10814
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10780
10815
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10781
10816
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10815,12 +10850,6 @@ button.pf-v6-c-breadcrumb__link {
10815
10850
  background: transparent;
10816
10851
  outline-offset: 0.125rem;
10817
10852
  }
10818
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10819
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10820
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10821
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
10822
- }
10823
-
10824
10853
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
10825
10854
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10826
10855
  }
@@ -11293,13 +11322,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11293
11322
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11294
11323
  }
11295
11324
 
11325
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11326
+ scale: -1 1;
11327
+ }
11328
+
11296
11329
  .pf-v6-c-calendar-month__header-nav-control {
11297
11330
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11298
11331
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11299
11332
  }
11300
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11301
- scale: -1 1;
11302
- }
11303
11333
 
11304
11334
  .pf-v6-c-calendar-month__header-month {
11305
11335
  flex-grow: 1;
@@ -11649,12 +11679,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11649
11679
  flex-wrap: wrap;
11650
11680
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11651
11681
  }
11652
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11653
- margin-inline-start: 0;
11654
- }
11655
11682
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11656
11683
  margin-inline-end: auto;
11657
11684
  }
11685
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11686
+ margin-inline-start: 0;
11687
+ }
11658
11688
 
11659
11689
  .pf-v6-c-card__header-main {
11660
11690
  flex-grow: 1;
@@ -11668,15 +11698,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11668
11698
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11669
11699
  }
11670
11700
 
11701
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11702
+ scale: -1 1;
11703
+ }
11704
+
11671
11705
  .pf-v6-c-card__header-toggle-icon {
11672
11706
  display: inline-block;
11673
11707
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11674
11708
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11675
11709
  transition-property: transform;
11676
11710
  }
11677
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11678
- scale: -1 1;
11679
- }
11680
11711
 
11681
11712
  .pf-v6-c-card__title-text {
11682
11713
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11942,13 +11973,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11942
11973
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11943
11974
  }
11944
11975
 
11945
- .pf-v6-c-clipboard-copy__toggle-icon {
11946
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11947
- }
11948
11976
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11949
11977
  scale: -1 1;
11950
11978
  }
11951
11979
 
11980
+ .pf-v6-c-clipboard-copy__toggle-icon {
11981
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11982
+ }
11983
+
11952
11984
  .pf-v6-c-clipboard-copy__expandable-content {
11953
11985
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11954
11986
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -12119,8 +12151,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12119
12151
 
12120
12152
  .pf-v6-c-code-editor__container {
12121
12153
  display: flex;
12122
- flex-direction: column;
12123
12154
  flex-grow: 1;
12155
+ flex-direction: column;
12124
12156
  }
12125
12157
 
12126
12158
  .pf-v6-c-code-editor__header {
@@ -12447,23 +12479,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12447
12479
  }
12448
12480
  .pf-v6-c-compass__sidebar.pf-m-start {
12449
12481
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12450
- grid-area: sidebar-start;
12451
12482
  }
12452
12483
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12453
12484
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12454
12485
  }
12455
12486
 
12487
+ .pf-v6-c-compass__sidebar.pf-m-start {
12488
+ grid-area: sidebar-start;
12489
+ }
12456
12490
  .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12457
12491
  margin-inline-end: var(--pf-v6-c-compass--Gap);
12458
12492
  }
12459
12493
  .pf-v6-c-compass__sidebar.pf-m-end {
12460
12494
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12461
- grid-area: sidebar-end;
12462
12495
  }
12463
12496
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12464
12497
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12465
12498
  }
12466
12499
 
12500
+ .pf-v6-c-compass__sidebar.pf-m-end {
12501
+ grid-area: sidebar-end;
12502
+ }
12467
12503
  .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12468
12504
  margin-inline-start: var(--pf-v6-c-compass--Gap);
12469
12505
  }
@@ -13272,6 +13308,14 @@ ul) {
13272
13308
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
13273
13309
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
13274
13310
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
13311
+ }
13312
+ @media screen and (min-width: 36rem) {
13313
+ .pf-v6-c-data-list {
13314
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13315
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13316
+ }
13317
+ }
13318
+ .pf-v6-c-data-list {
13275
13319
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13276
13320
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
13277
13321
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -13281,6 +13325,14 @@ ul) {
13281
13325
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
13282
13326
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13283
13327
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13328
+ }
13329
+ @media screen and (min-width: 36rem) {
13330
+ .pf-v6-c-data-list {
13331
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13332
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13333
+ }
13334
+ }
13335
+ .pf-v6-c-data-list {
13284
13336
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13285
13337
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
13286
13338
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -13376,18 +13428,6 @@ ul) {
13376
13428
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
13377
13429
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13378
13430
  }
13379
- @media screen and (min-width: 36rem) {
13380
- .pf-v6-c-data-list {
13381
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13382
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13383
- }
13384
- }
13385
- @media screen and (min-width: 36rem) {
13386
- .pf-v6-c-data-list {
13387
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13388
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13389
- }
13390
- }
13391
13431
 
13392
13432
  .pf-v6-c-data-list {
13393
13433
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -13550,12 +13590,6 @@ ul) {
13550
13590
  --pf-v6-hidden-visible--hidden--Display: none;
13551
13591
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13552
13592
  display: var(--pf-v6-hidden-visible--Display);
13553
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13554
- align-content: flex-start;
13555
- align-items: flex-start;
13556
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13557
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13558
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13559
13593
  }
13560
13594
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13561
13595
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13600,6 +13634,14 @@ ul) {
13600
13634
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13601
13635
  }
13602
13636
  }
13637
+ .pf-v6-c-data-list__item-action {
13638
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
13639
+ align-content: flex-start;
13640
+ align-items: flex-start;
13641
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13642
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13643
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13644
+ }
13603
13645
 
13604
13646
  .pf-v6-c-data-list__toggle {
13605
13647
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13607,15 +13649,16 @@ ul) {
13607
13649
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13608
13650
  }
13609
13651
 
13652
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13653
+ scale: -1 1;
13654
+ }
13655
+
13610
13656
  .pf-v6-c-data-list__toggle-icon {
13611
13657
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13612
13658
  pointer-events: none;
13613
13659
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13614
13660
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13615
13661
  }
13616
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13617
- scale: -1 1;
13618
- }
13619
13662
 
13620
13663
  .pf-v6-c-data-list__item-content {
13621
13664
  display: grid;
@@ -13710,6 +13753,13 @@ ul) {
13710
13753
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13711
13754
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13712
13755
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
13756
+ }
13757
+ @media screen and (min-width: 36rem) {
13758
+ .pf-v6-c-description-list {
13759
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13760
+ }
13761
+ }
13762
+ .pf-v6-c-description-list {
13713
13763
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13714
13764
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13715
13765
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13738,11 +13788,6 @@ ul) {
13738
13788
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13739
13789
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13740
13790
  }
13741
- @media screen and (min-width: 36rem) {
13742
- .pf-v6-c-description-list {
13743
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13744
- }
13745
- }
13746
13791
  @media (min-width: 36rem) {
13747
13792
  .pf-v6-c-description-list {
13748
13793
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
@@ -14124,6 +14169,15 @@ ul) {
14124
14169
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
14125
14170
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
14126
14171
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14172
+ }
14173
+ @media screen and (prefers-reduced-motion: no-preference) {
14174
+ .pf-v6-c-dual-list-selector {
14175
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14176
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14177
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14178
+ }
14179
+ }
14180
+ .pf-v6-c-dual-list-selector {
14127
14181
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
14128
14182
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
14129
14183
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -14165,13 +14219,6 @@ ul) {
14165
14219
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
14166
14220
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14167
14221
  }
14168
- @media screen and (prefers-reduced-motion: no-preference) {
14169
- .pf-v6-c-dual-list-selector {
14170
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14171
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14172
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14173
- }
14174
- }
14175
14222
 
14176
14223
  .pf-v6-c-dual-list-selector {
14177
14224
  display: grid;
@@ -14242,8 +14289,6 @@ ul) {
14242
14289
 
14243
14290
  .pf-v6-c-dual-list-selector__list {
14244
14291
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
14245
- display: flex;
14246
- flex-direction: column;
14247
14292
  }
14248
14293
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
14249
14294
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -14251,16 +14296,22 @@ ul) {
14251
14296
  }
14252
14297
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14253
14298
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
14254
- position: absolute;
14255
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14256
14299
  }
14257
14300
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14258
14301
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
14259
14302
  }
14260
14303
 
14304
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14305
+ position: absolute;
14306
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14307
+ }
14261
14308
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
14262
14309
  overflow-anchor: none;
14263
14310
  }
14311
+ .pf-v6-c-dual-list-selector__list {
14312
+ display: flex;
14313
+ flex-direction: column;
14314
+ }
14264
14315
 
14265
14316
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
14266
14317
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14545,11 +14596,6 @@ ul) {
14545
14596
  --pf-v6-hidden-visible--hidden--Display: none;
14546
14597
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14547
14598
  display: var(--pf-v6-hidden-visible--Display);
14548
- flex-shrink: 0;
14549
- align-items: stretch;
14550
- align-self: stretch;
14551
- justify-content: center;
14552
- border: 0;
14553
14599
  }
14554
14600
  .pf-v6-c-divider.pf-m-hidden {
14555
14601
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14594,6 +14640,13 @@ ul) {
14594
14640
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14595
14641
  }
14596
14642
  }
14643
+ .pf-v6-c-divider {
14644
+ flex-shrink: 0;
14645
+ align-items: stretch;
14646
+ align-self: stretch;
14647
+ justify-content: center;
14648
+ border: 0;
14649
+ }
14597
14650
  .pf-v6-c-divider::before {
14598
14651
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14599
14652
  content: "";
@@ -14895,6 +14948,19 @@ ul) {
14895
14948
  --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
14896
14949
  --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
14897
14950
  --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
14951
+ }
14952
+ @media screen and (prefers-reduced-motion: no-preference) {
14953
+ .pf-v6-c-drawer {
14954
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14955
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14956
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14957
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14958
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14959
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14960
+ --pf-v6-c-drawer__panel--Opacity: 1;
14961
+ }
14962
+ }
14963
+ .pf-v6-c-drawer {
14898
14964
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14899
14965
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14900
14966
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14957,6 +15023,17 @@ ul) {
14957
15023
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14958
15024
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14959
15025
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15026
+ }
15027
+ @media screen and (min-width: 75rem) {
15028
+ .pf-v6-c-drawer {
15029
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15030
+ }
15031
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15032
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15033
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15034
+ }
15035
+ }
15036
+ .pf-v6-c-drawer {
14960
15037
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14961
15038
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14962
15039
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14971,43 +15048,27 @@ ul) {
14971
15048
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14972
15049
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14973
15050
  }
14974
- @media screen and (prefers-reduced-motion: no-preference) {
14975
- .pf-v6-c-drawer {
14976
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14977
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14978
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14979
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14980
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14981
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14982
- --pf-v6-c-drawer__panel--Opacity: 1;
14983
- }
14984
- }
14985
- @media screen and (min-width: 75rem) {
14986
- .pf-v6-c-drawer {
14987
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14988
- }
14989
- .pf-v6-c-drawer.pf-m-panel-bottom {
14990
- --pf-v6-c-drawer__panel--MinWidth: auto;
14991
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14992
- }
14993
- }
14994
15051
 
14995
15052
  .pf-v6-c-drawer {
14996
15053
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14997
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14998
- display: flex;
14999
- flex-direction: column;
15000
- height: 100%;
15001
- overflow-x: hidden;
15002
15054
  }
15003
15055
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
15004
15056
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15005
15057
  }
15006
15058
 
15059
+ .pf-v6-c-drawer {
15060
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15061
+ }
15007
15062
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
15008
15063
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
15009
15064
  }
15010
15065
 
15066
+ .pf-v6-c-drawer {
15067
+ display: flex;
15068
+ flex-direction: column;
15069
+ height: 100%;
15070
+ overflow-x: hidden;
15071
+ }
15011
15072
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
15012
15073
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
15013
15074
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
@@ -15037,13 +15098,15 @@ ul) {
15037
15098
  }
15038
15099
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15039
15100
  transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15040
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15041
- visibility: visible;
15042
15101
  }
15043
15102
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15044
15103
  transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
15045
15104
  }
15046
15105
 
15106
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15107
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15108
+ visibility: visible;
15109
+ }
15047
15110
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15048
15111
  transform: translateX(0);
15049
15112
  }
@@ -15100,8 +15163,8 @@ ul) {
15100
15163
  .pf-v6-c-drawer__panel,
15101
15164
  .pf-v6-c-drawer__panel-main {
15102
15165
  display: flex;
15103
- flex-direction: column;
15104
15166
  flex-shrink: 0;
15167
+ flex-direction: column;
15105
15168
  overflow: auto;
15106
15169
  }
15107
15170
 
@@ -15908,6 +15971,17 @@ ul) {
15908
15971
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15909
15972
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15910
15973
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
15974
+ }
15975
+ @media screen and (prefers-reduced-motion: no-preference) {
15976
+ .pf-v6-c-expandable-section {
15977
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15978
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15979
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15980
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15981
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15982
+ }
15983
+ }
15984
+ .pf-v6-c-expandable-section {
15911
15985
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15912
15986
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15913
15987
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15924,15 +15998,6 @@ ul) {
15924
15998
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15925
15999
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15926
16000
  }
15927
- @media screen and (prefers-reduced-motion: no-preference) {
15928
- .pf-v6-c-expandable-section {
15929
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15930
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15931
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15932
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15933
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15934
- }
15935
- }
15936
16001
 
15937
16002
  .pf-v6-c-expandable-section {
15938
16003
  display: flex;
@@ -15991,9 +16056,13 @@ ul) {
15991
16056
  }
15992
16057
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15993
16058
  display: -webkit-box;
16059
+ overflow: hidden;
15994
16060
  -webkit-box-orient: vertical;
15995
16061
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15996
- overflow: hidden;
16062
+ }
16063
+
16064
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16065
+ scale: -1 1;
15997
16066
  }
15998
16067
 
15999
16068
  .pf-v6-c-expandable-section__toggle-icon {
@@ -16003,10 +16072,6 @@ ul) {
16003
16072
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16004
16073
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
16005
16074
  }
16006
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16007
- scale: -1 1;
16008
- }
16009
-
16010
16075
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16011
16076
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
16012
16077
  }
@@ -16589,8 +16654,8 @@ ul) {
16589
16654
 
16590
16655
  .pf-v6-c-form__field-group-header-main {
16591
16656
  display: flex;
16592
- flex-direction: column;
16593
16657
  flex-grow: 1;
16658
+ flex-direction: column;
16594
16659
  }
16595
16660
 
16596
16661
  .pf-v6-c-form__field-group-header-title {
@@ -16831,8 +16896,8 @@ ul) {
16831
16896
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16832
16897
  }
16833
16898
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16834
- outline-offset: 0;
16835
16899
  scrollbar-gutter: stable;
16900
+ outline-offset: 0;
16836
16901
  }
16837
16902
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16838
16903
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -17975,6 +18040,10 @@ label.pf-v6-c-input-group__text {
17975
18040
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17976
18041
  }
17977
18042
 
18043
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18044
+ scale: -1 1;
18045
+ }
18046
+
17978
18047
  .pf-v6-c-jump-links__toggle-icon {
17979
18048
  display: inline-block;
17980
18049
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17983,9 +18052,6 @@ label.pf-v6-c-input-group__text {
17983
18052
  transition-property: transform;
17984
18053
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17985
18054
  }
17986
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17987
- scale: -1 1;
17988
- }
17989
18055
 
17990
18056
  .pf-v6-c-label {
17991
18057
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -18482,6 +18548,10 @@ input.pf-v6-c-label__content {
18482
18548
  .pf-v6-c-label__actions {
18483
18549
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
18484
18550
  }
18551
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18552
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18553
+ }
18554
+
18485
18555
  .pf-v6-c-label__actions .pf-v6-c-button {
18486
18556
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
18487
18557
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -18492,9 +18562,6 @@ input.pf-v6-c-label__content {
18492
18562
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
18493
18563
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18494
18564
  }
18495
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18496
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18497
- }
18498
18565
 
18499
18566
  .pf-v6-c-label-group {
18500
18567
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18635,9 +18702,9 @@ input.pf-v6-c-label__content {
18635
18702
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18636
18703
  white-space: nowrap;
18637
18704
  resize: none;
18638
- border: 0;
18639
- -ms-overflow-style: none;
18640
18705
  scrollbar-width: none;
18706
+ -ms-overflow-style: none;
18707
+ border: 0;
18641
18708
  }
18642
18709
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18643
18710
  display: none;
@@ -18723,18 +18790,48 @@ ul.pf-v6-c-list {
18723
18790
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18724
18791
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18725
18792
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
18793
+ }
18794
+ @media (min-width: 75rem) {
18795
+ .pf-v6-c-login {
18796
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18797
+ }
18798
+ }
18799
+ .pf-v6-c-login {
18726
18800
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18727
18801
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18728
18802
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18803
+ }
18804
+ @media (min-width: 36rem) {
18805
+ .pf-v6-c-login {
18806
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
18807
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
18808
+ }
18809
+ }
18810
+ .pf-v6-c-login {
18729
18811
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18730
18812
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18731
18813
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18732
18814
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18815
+ }
18816
+ @media (min-width: 75rem) {
18817
+ .pf-v6-c-login {
18818
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18819
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18820
+ }
18821
+ }
18822
+ .pf-v6-c-login {
18733
18823
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18734
18824
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18735
18825
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18736
18826
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18737
18827
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
18828
+ }
18829
+ @media (min-width: 75rem) {
18830
+ .pf-v6-c-login {
18831
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
18832
+ }
18833
+ }
18834
+ .pf-v6-c-login {
18738
18835
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18739
18836
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18740
18837
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18746,11 +18843,28 @@ ul.pf-v6-c-list {
18746
18843
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18747
18844
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18748
18845
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
18846
+ }
18847
+ @media (min-width: 48rem) {
18848
+ .pf-v6-c-login {
18849
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18850
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18851
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18852
+ }
18853
+ }
18854
+ .pf-v6-c-login {
18749
18855
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18750
18856
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18751
18857
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18752
18858
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18753
18859
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
18860
+ }
18861
+ @media (min-width: 48rem) {
18862
+ .pf-v6-c-login {
18863
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18864
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18865
+ }
18866
+ }
18867
+ .pf-v6-c-login {
18754
18868
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18755
18869
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18756
18870
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18768,43 +18882,6 @@ ul.pf-v6-c-list {
18768
18882
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18769
18883
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18770
18884
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18771
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18772
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18773
- }
18774
- @media (min-width: 75rem) {
18775
- .pf-v6-c-login {
18776
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18777
- }
18778
- }
18779
- @media (min-width: 36rem) {
18780
- .pf-v6-c-login {
18781
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18782
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18783
- }
18784
- }
18785
- @media (min-width: 75rem) {
18786
- .pf-v6-c-login {
18787
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18788
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18789
- }
18790
- }
18791
- @media (min-width: 75rem) {
18792
- .pf-v6-c-login {
18793
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18794
- }
18795
- }
18796
- @media (min-width: 48rem) {
18797
- .pf-v6-c-login {
18798
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18799
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18800
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18801
- }
18802
- }
18803
- @media (min-width: 48rem) {
18804
- .pf-v6-c-login {
18805
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18806
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18807
- }
18808
18885
  }
18809
18886
  @media (min-width: 36rem) {
18810
18887
  .pf-v6-c-login {
@@ -18812,6 +18889,10 @@ ul.pf-v6-c-list {
18812
18889
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18813
18890
  }
18814
18891
  }
18892
+ .pf-v6-c-login {
18893
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18894
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18895
+ }
18815
18896
  @media (min-width: 75rem) {
18816
18897
  .pf-v6-c-login {
18817
18898
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -19022,6 +19103,11 @@ ul.pf-v6-c-list {
19022
19103
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
19023
19104
  }
19024
19105
 
19106
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19107
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19108
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19109
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19110
+ }
19025
19111
  .pf-v6-c-masthead {
19026
19112
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
19027
19113
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -19035,23 +19121,6 @@ ul.pf-v6-c-list {
19035
19121
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
19036
19122
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
19037
19123
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
19038
- display: grid;
19039
- grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19040
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19041
- row-gap: var(--pf-v6-c-masthead--RowGap);
19042
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
19043
- align-items: start;
19044
- min-width: 0;
19045
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19046
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19047
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19048
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19049
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
19050
- }
19051
- .pf-v6-c-masthead .pf-v6-c-toolbar {
19052
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19053
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19054
- --pf-v6-c-toolbar__content--MinWidth: 0;
19055
19124
  }
19056
19125
  @media screen and (min-width: 48rem) {
19057
19126
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -19069,6 +19138,20 @@ ul.pf-v6-c-list {
19069
19138
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19070
19139
  }
19071
19140
  }
19141
+ .pf-v6-c-masthead {
19142
+ display: grid;
19143
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19144
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19145
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19146
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19147
+ align-items: start;
19148
+ min-width: 0;
19149
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19150
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19151
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19152
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19153
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19154
+ }
19072
19155
  .pf-v6-c-masthead.pf-m-docked {
19073
19156
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19074
19157
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
@@ -19103,8 +19186,8 @@ ul.pf-v6-c-list {
19103
19186
  backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19104
19187
  }
19105
19188
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19106
- flex-direction: column;
19107
19189
  flex-grow: 1;
19190
+ flex-direction: column;
19108
19191
  align-self: revert;
19109
19192
  }
19110
19193
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
@@ -19574,6 +19657,13 @@ ul.pf-v6-c-list {
19574
19657
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19575
19658
  --pf-v6-c-menu--TransitionDuration: 0s;
19576
19659
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19660
+ }
19661
+ @media (prefers-reduced-motion: no-preference) {
19662
+ .pf-v6-c-menu {
19663
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19664
+ }
19665
+ }
19666
+ .pf-v6-c-menu {
19577
19667
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19578
19668
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19579
19669
  --pf-v6-c-menu__content--Height: auto;
@@ -19653,33 +19743,34 @@ ul.pf-v6-c-list {
19653
19743
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19654
19744
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19655
19745
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19656
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19657
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19658
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19659
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19660
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19661
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19662
- }
19663
- @media (prefers-reduced-motion: no-preference) {
19664
- .pf-v6-c-menu {
19665
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19666
- }
19667
19746
  }
19668
19747
  @media (prefers-reduced-motion: no-preference) {
19669
19748
  .pf-v6-c-menu {
19670
19749
  --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);
19671
19750
  }
19672
19751
  }
19752
+ .pf-v6-c-menu {
19753
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19754
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19755
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19756
+ }
19673
19757
  @media (prefers-reduced-motion: no-preference) {
19674
19758
  .pf-v6-c-menu {
19675
19759
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19676
19760
  }
19677
19761
  }
19762
+ .pf-v6-c-menu {
19763
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19764
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19765
+ }
19678
19766
  @media (prefers-reduced-motion: no-preference) {
19679
19767
  .pf-v6-c-menu {
19680
19768
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19681
19769
  }
19682
19770
  }
19771
+ .pf-v6-c-menu {
19772
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19773
+ }
19683
19774
 
19684
19775
  .pf-v6-c-menu__content,
19685
19776
  .pf-v6-c-menu__list-item,
@@ -20137,13 +20228,14 @@ ul.pf-v6-c-list {
20137
20228
  --pf-v6-c-check__input--TranslateY: none;
20138
20229
  }
20139
20230
 
20140
- .pf-v6-c-menu__item-toggle-icon {
20141
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20142
- }
20143
20231
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
20144
20232
  scale: -1 1;
20145
20233
  }
20146
20234
 
20235
+ .pf-v6-c-menu__item-toggle-icon {
20236
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20237
+ }
20238
+
20147
20239
  .pf-v6-c-menu__item-icon {
20148
20240
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
20149
20241
  }
@@ -20734,6 +20826,13 @@ ul.pf-v6-c-list {
20734
20826
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20735
20827
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20736
20828
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
20829
+ }
20830
+ @media (min-width: 75rem) {
20831
+ .pf-v6-c-modal-box {
20832
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20833
+ }
20834
+ }
20835
+ .pf-v6-c-modal-box {
20737
20836
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20738
20837
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20739
20838
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20765,11 +20864,6 @@ ul.pf-v6-c-list {
20765
20864
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20766
20865
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20767
20866
  }
20768
- @media (min-width: 75rem) {
20769
- .pf-v6-c-modal-box {
20770
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20771
- }
20772
- }
20773
20867
 
20774
20868
  .pf-v6-c-modal-box {
20775
20869
  position: relative;
@@ -20831,8 +20925,8 @@ ul.pf-v6-c-list {
20831
20925
 
20832
20926
  .pf-v6-c-modal-box__header {
20833
20927
  display: flex;
20834
- flex-direction: column;
20835
20928
  flex-shrink: 0;
20929
+ flex-direction: column;
20836
20930
  gap: var(--pf-v6-c-modal-box__header--Gap);
20837
20931
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20838
20932
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20849,8 +20943,8 @@ ul.pf-v6-c-list {
20849
20943
 
20850
20944
  .pf-v6-c-modal-box__header-main {
20851
20945
  display: flex;
20852
- flex-direction: column;
20853
20946
  flex-grow: 1;
20947
+ flex-direction: column;
20854
20948
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20855
20949
  min-width: 0;
20856
20950
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -21204,6 +21298,15 @@ ul.pf-v6-c-list {
21204
21298
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
21205
21299
  --pf-v6-c-nav__subnav--TranslateY: 0;
21206
21300
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21301
+ }
21302
+ @media screen and (prefers-reduced-motion: no-preference) {
21303
+ .pf-v6-c-nav {
21304
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21305
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21306
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21307
+ }
21308
+ }
21309
+ .pf-v6-c-nav {
21207
21310
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21208
21311
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21209
21312
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -21239,13 +21342,6 @@ ul.pf-v6-c-list {
21239
21342
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21240
21343
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21241
21344
  }
21242
- @media screen and (prefers-reduced-motion: no-preference) {
21243
- .pf-v6-c-nav {
21244
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21245
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21246
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21247
- }
21248
- }
21249
21345
 
21250
21346
  .pf-v6-c-nav,
21251
21347
  .pf-v6-c-nav__section,
@@ -21530,12 +21626,14 @@ ul.pf-v6-c-list {
21530
21626
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21531
21627
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21532
21628
  -webkit-overflow-scrolling: touch;
21533
- scrollbar-width: none;
21534
- -ms-overflow-style: -ms-autohiding-scrollbar;
21535
21629
  }
21536
21630
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
21537
21631
  display: none;
21538
21632
  }
21633
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21634
+ scrollbar-width: none;
21635
+ -ms-overflow-style: -ms-autohiding-scrollbar;
21636
+ }
21539
21637
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21540
21638
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21541
21639
  }
@@ -21750,9 +21848,9 @@ ul.pf-v6-c-list {
21750
21848
  }
21751
21849
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21752
21850
  display: -webkit-box;
21851
+ overflow: hidden;
21753
21852
  -webkit-box-orient: vertical;
21754
21853
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21755
- overflow: hidden;
21756
21854
  }
21757
21855
 
21758
21856
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21806,9 +21904,9 @@ ul.pf-v6-c-list {
21806
21904
 
21807
21905
  .pf-v6-c-notification-drawer__group-toggle-title {
21808
21906
  display: -webkit-box;
21907
+ overflow: hidden;
21809
21908
  -webkit-box-orient: vertical;
21810
21909
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21811
- overflow: hidden;
21812
21910
  flex: 1;
21813
21911
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21814
21912
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21821,15 +21919,15 @@ ul.pf-v6-c-list {
21821
21919
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21822
21920
  }
21823
21921
 
21922
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21923
+ scale: -1 1;
21924
+ }
21925
+
21824
21926
  .pf-v6-c-notification-drawer__group-toggle-icon {
21825
21927
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21826
21928
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21827
21929
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21828
21930
  }
21829
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21830
- scale: -1 1;
21831
- }
21832
-
21833
21931
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21834
21932
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21835
21933
  }
@@ -21898,6 +21996,15 @@ ul.pf-v6-c-list {
21898
21996
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21899
21997
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21900
21998
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
21999
+ }
22000
+ @media screen and (prefers-reduced-motion: no-preference) {
22001
+ .pf-v6-c-page {
22002
+ --pf-v6-c-page__sidebar--Opacity: 1;
22003
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22004
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22005
+ }
22006
+ }
22007
+ .pf-v6-c-page {
21901
22008
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21902
22009
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21903
22010
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21913,6 +22020,15 @@ ul.pf-v6-c-list {
21913
22020
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21914
22021
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21915
22022
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22023
+ }
22024
+ @media screen and (min-width: 75rem) {
22025
+ .pf-v6-c-page {
22026
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22027
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22028
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22029
+ }
22030
+ }
22031
+ .pf-v6-c-page {
21916
22032
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21917
22033
  --pf-v6-c-page__main-container--GridArea: main;
21918
22034
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21935,6 +22051,17 @@ ul.pf-v6-c-list {
21935
22051
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21936
22052
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21937
22053
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22054
+ }
22055
+ @media screen and (max-width: calc(48rem - 1px)) {
22056
+ .pf-v6-c-page {
22057
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22058
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22059
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22060
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22061
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22062
+ }
22063
+ }
22064
+ .pf-v6-c-page {
21938
22065
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21939
22066
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21940
22067
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21987,29 +22114,6 @@ ul.pf-v6-c-list {
21987
22114
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
21988
22115
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21989
22116
  }
21990
- @media screen and (prefers-reduced-motion: no-preference) {
21991
- .pf-v6-c-page {
21992
- --pf-v6-c-page__sidebar--Opacity: 1;
21993
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21994
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21995
- }
21996
- }
21997
- @media screen and (min-width: 75rem) {
21998
- .pf-v6-c-page {
21999
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22000
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22001
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22002
- }
22003
- }
22004
- @media screen and (max-width: calc(48rem - 1px)) {
22005
- .pf-v6-c-page {
22006
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22007
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22008
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22009
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22010
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22011
- }
22012
- }
22013
22117
 
22014
22118
  .pf-v6-c-page {
22015
22119
  display: grid;
@@ -22084,15 +22188,15 @@ ul.pf-v6-c-list {
22084
22188
  }
22085
22189
  }
22086
22190
 
22087
- .pf-v6-c-page > .pf-v6-c-masthead {
22088
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22089
- grid-area: header;
22090
- }
22091
22191
  @media (min-width: 75rem) {
22092
22192
  .pf-v6-c-page > .pf-v6-c-masthead {
22093
22193
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
22094
22194
  }
22095
22195
  }
22196
+ .pf-v6-c-page > .pf-v6-c-masthead {
22197
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22198
+ grid-area: header;
22199
+ }
22096
22200
 
22097
22201
  .pf-v6-c-page__dock {
22098
22202
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -22209,8 +22313,8 @@ ul.pf-v6-c-list {
22209
22313
  .pf-v6-c-page__main-group,
22210
22314
  .pf-v6-c-page__main-subnav {
22211
22315
  display: flex;
22212
- flex-direction: column;
22213
22316
  flex-shrink: 0;
22317
+ flex-direction: column;
22214
22318
  }
22215
22319
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
22216
22320
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -22454,8 +22558,8 @@ ul.pf-v6-c-list {
22454
22558
  .pf-v6-c-page__main-drawer,
22455
22559
  .pf-v6-c-page__main-group {
22456
22560
  display: flex;
22457
- flex-direction: column;
22458
22561
  flex-grow: 1;
22562
+ flex-direction: column;
22459
22563
  }
22460
22564
 
22461
22565
  .pf-v6-c-page__main {
@@ -24369,8 +24473,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24369
24473
  position: var(--pf-v6-c-sidebar__panel--Position);
24370
24474
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
24371
24475
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
24372
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24373
24476
  flex-shrink: 0;
24477
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24374
24478
  order: var(--pf-v6-c-sidebar__panel--Order);
24375
24479
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
24376
24480
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24667,7 +24771,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24667
24771
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24668
24772
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24669
24773
  --pf-v6-c-skeleton--before--Height: auto;
24670
- --pf-v6-c-skeleton--before--Content: " ";
24774
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24671
24775
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24672
24776
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24673
24777
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24678,6 +24782,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24678
24782
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24679
24783
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24680
24784
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
24785
+ }
24786
+ @media screen and (prefers-reduced-motion: no-preference) {
24787
+ .pf-v6-c-skeleton {
24788
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24789
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24790
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24791
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
24792
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24793
+ }
24794
+ }
24795
+ .pf-v6-c-skeleton {
24681
24796
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24682
24797
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24683
24798
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -24705,15 +24820,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24705
24820
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24706
24821
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24707
24822
  }
24708
- @media screen and (prefers-reduced-motion: no-preference) {
24709
- .pf-v6-c-skeleton {
24710
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24711
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24712
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24713
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24714
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24715
- }
24716
- }
24717
24823
 
24718
24824
  .pf-v6-c-skeleton {
24719
24825
  position: relative;
@@ -24730,6 +24836,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24730
24836
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24731
24837
  content: var(--pf-v6-c-skeleton--before--Content);
24732
24838
  }
24839
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24840
+ scale: -1 1;
24841
+ }
24842
+
24733
24843
  .pf-v6-c-skeleton::after {
24734
24844
  position: absolute;
24735
24845
  inset: 0;
@@ -24739,10 +24849,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24739
24849
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24740
24850
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
24741
24851
  }
24742
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24743
- scale: -1 1;
24744
- }
24745
-
24746
24852
  .pf-v6-c-skeleton.pf-m-circle {
24747
24853
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24748
24854
  }
@@ -24930,12 +25036,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24930
25036
 
24931
25037
  .pf-v6-c-slider {
24932
25038
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24933
- display: flex;
24934
25039
  }
24935
25040
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24936
25041
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24937
25042
  }
24938
25043
 
25044
+ .pf-v6-c-slider {
25045
+ display: flex;
25046
+ }
24939
25047
  .pf-v6-c-slider.pf-m-disabled {
24940
25048
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24941
25049
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24998,6 +25106,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24998
25106
 
24999
25107
  .pf-v6-c-slider__step-tick {
25000
25108
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25109
+ }
25110
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25111
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25112
+ }
25113
+
25114
+ .pf-v6-c-slider__step-tick {
25001
25115
  position: absolute;
25002
25116
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
25003
25117
  inset-inline-start: 0;
@@ -25007,22 +25121,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25007
25121
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
25008
25122
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
25009
25123
  }
25010
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25011
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25012
- }
25013
25124
 
25014
25125
  .pf-v6-c-slider__step-label {
25015
25126
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
25016
- position: absolute;
25017
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25018
- word-break: normal;
25019
25127
  }
25020
25128
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
25021
25129
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25022
25130
  }
25023
25131
 
25132
+ .pf-v6-c-slider__step-label {
25133
+ position: absolute;
25134
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25135
+ word-break: normal;
25136
+ }
25137
+
25024
25138
  .pf-v6-c-slider__thumb {
25025
25139
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25140
+ }
25141
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25142
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25143
+ }
25144
+
25145
+ .pf-v6-c-slider__thumb {
25026
25146
  position: absolute;
25027
25147
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
25028
25148
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -25034,12 +25154,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25034
25154
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
25035
25155
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
25036
25156
  }
25037
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25038
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25157
+ .pf-v6-c-slider__thumb::before {
25158
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25159
+ }
25160
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25161
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
25039
25162
  }
25040
25163
 
25041
25164
  .pf-v6-c-slider__thumb::before {
25042
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25043
25165
  position: absolute;
25044
25166
  inset-block-start: 50%;
25045
25167
  inset-inline-start: 50%;
@@ -25048,10 +25170,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25048
25170
  content: "";
25049
25171
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
25050
25172
  }
25051
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25052
- transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
25053
- }
25054
-
25055
25173
  .pf-v6-c-slider__thumb:hover {
25056
25174
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
25057
25175
  }
@@ -25068,16 +25186,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25068
25186
  }
25069
25187
  .pf-v6-c-slider__value.pf-m-floating {
25070
25188
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25189
+ }
25190
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25191
+ transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25192
+ }
25193
+
25194
+ .pf-v6-c-slider__value.pf-m-floating {
25071
25195
  --pf-v6-c-slider__value--MarginInlineStart: 0;
25072
25196
  position: absolute;
25073
25197
  inset-block-start: 0;
25074
25198
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
25075
25199
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
25076
25200
  }
25077
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25078
- transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25079
- }
25080
-
25081
25201
  .pf-v6-c-slider__value .pf-v6-c-form-control {
25082
25202
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
25083
25203
  }
@@ -25255,12 +25375,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25255
25375
  }
25256
25376
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25257
25377
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
25258
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25259
25378
  }
25260
25379
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25261
25380
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
25262
25381
  }
25263
25382
 
25383
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25384
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25385
+ }
25264
25386
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
25265
25387
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
25266
25388
  }
@@ -27082,6 +27204,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27082
27204
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
27083
27205
  --pf-v6-c-table__expandable-row--TranslateY: 0;
27084
27206
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27207
+ }
27208
+ @media screen and (prefers-reduced-motion: no-preference) {
27209
+ .pf-v6-c-table {
27210
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27211
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27212
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27213
+ }
27214
+ }
27215
+ .pf-v6-c-table {
27085
27216
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
27086
27217
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
27087
27218
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -27150,13 +27281,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27150
27281
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
27151
27282
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
27152
27283
  }
27153
- @media screen and (prefers-reduced-motion: no-preference) {
27154
- .pf-v6-c-table {
27155
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27156
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27157
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27158
- }
27159
- }
27160
27284
 
27161
27285
  .pf-v6-c-table {
27162
27286
  width: 100%;
@@ -27221,22 +27345,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27221
27345
  --pf-v6-hidden-visible--hidden--Display: none;
27222
27346
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27223
27347
  display: var(--pf-v6-hidden-visible--Display);
27224
- position: relative;
27225
- width: var(--pf-v6-c-table--cell--Width);
27226
- min-width: var(--pf-v6-c-table--cell--MinWidth);
27227
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
27228
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27229
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27230
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27231
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27232
- overflow: var(--pf-v6-c-table--cell--Overflow);
27233
- font-size: var(--pf-v6-c-table--cell--FontSize);
27234
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
27235
- line-height: var(--pf-v6-c-table--cell--LineHeight);
27236
- color: var(--pf-v6-c-table--cell--Color);
27237
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27238
- word-break: var(--pf-v6-c-table--cell--WordBreak);
27239
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27240
27348
  }
27241
27349
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
27242
27350
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -27281,6 +27389,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27281
27389
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27282
27390
  }
27283
27391
  }
27392
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27393
+ position: relative;
27394
+ width: var(--pf-v6-c-table--cell--Width);
27395
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27396
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27397
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27398
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27399
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27400
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27401
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27402
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27403
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27404
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27405
+ color: var(--pf-v6-c-table--cell--Color);
27406
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27407
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27408
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27409
+ }
27284
27410
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27285
27411
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
27286
27412
  }
@@ -27637,16 +27763,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27637
27763
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27638
27764
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27639
27765
  }
27766
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27767
+ scale: -1 1;
27768
+ }
27769
+
27640
27770
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27641
27771
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27642
27772
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27643
27773
  transition-property: transform;
27644
27774
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27645
27775
  }
27646
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27647
- scale: -1 1;
27648
- }
27649
-
27650
27776
  .pf-v6-c-table__toggle svg {
27651
27777
  pointer-events: none;
27652
27778
  }
@@ -28123,13 +28249,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28123
28249
  }
28124
28250
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28125
28251
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
28126
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28127
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28128
28252
  }
28129
28253
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28130
28254
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
28131
28255
  }
28132
28256
 
28257
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28258
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28259
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28260
+ }
28133
28261
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28134
28262
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28135
28263
  }
@@ -29179,8 +29307,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29179
29307
  }
29180
29308
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
29181
29309
  position: relative;
29182
- flex-direction: column;
29183
29310
  flex-grow: 1;
29311
+ flex-direction: column;
29184
29312
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
29185
29313
  }
29186
29314
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -29345,15 +29473,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29345
29473
  white-space: normal;
29346
29474
  }
29347
29475
 
29476
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29477
+ scale: -1 1;
29478
+ }
29479
+
29348
29480
  .pf-v6-c-tabs__toggle-icon {
29349
29481
  display: inline-block;
29350
29482
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
29351
29483
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
29352
29484
  }
29353
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29354
- scale: -1 1;
29355
- }
29356
29485
 
29486
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29487
+ display: none;
29488
+ }
29357
29489
  .pf-v6-c-tabs__list {
29358
29490
  scrollbar-width: none;
29359
29491
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -29365,20 +29497,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29365
29497
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
29366
29498
  -webkit-overflow-scrolling: touch;
29367
29499
  }
29368
- .pf-v6-c-tabs__list::-webkit-scrollbar {
29369
- display: none;
29370
- }
29371
29500
 
29372
29501
  .pf-v6-c-tabs__item {
29373
29502
  position: relative;
29374
29503
  display: flex;
29375
29504
  flex: none;
29376
29505
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
29377
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29378
29506
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
29379
29507
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
29380
29508
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
29381
29509
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29510
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29382
29511
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
29383
29512
  }
29384
29513
  .pf-v6-c-tabs__item.pf-m-current {
@@ -29431,6 +29560,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29431
29560
  border: 0;
29432
29561
  }
29433
29562
 
29563
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29564
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29565
+ }
29566
+
29434
29567
  .pf-v6-c-tabs__link {
29435
29568
  display: flex;
29436
29569
  flex: 1;
@@ -29448,10 +29581,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29448
29581
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
29449
29582
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
29450
29583
  }
29451
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29452
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29453
- }
29454
-
29455
29584
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
29456
29585
  pointer-events: none;
29457
29586
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -29506,6 +29635,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29506
29635
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
29507
29636
  }
29508
29637
 
29638
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29639
+ scale: -1 1;
29640
+ }
29641
+
29509
29642
  .pf-v6-c-tabs__link-toggle-icon {
29510
29643
  align-self: end;
29511
29644
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -29513,9 +29646,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29513
29646
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
29514
29647
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
29515
29648
  }
29516
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29517
- scale: -1 1;
29518
- }
29519
29649
 
29520
29650
  .pf-v6-c-tabs__item-action {
29521
29651
  display: flex;
@@ -30533,9 +30663,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30533
30663
  --pf-v6-hidden-visible--hidden--Display: none;
30534
30664
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30535
30665
  display: var(--pf-v6-hidden-visible--Display);
30536
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30537
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
30538
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
30539
30666
  }
30540
30667
  .pf-v6-c-toolbar__content.pf-m-hidden {
30541
30668
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -30580,6 +30707,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30580
30707
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30581
30708
  }
30582
30709
  }
30710
+ .pf-v6-c-toolbar__content {
30711
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30712
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
30713
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
30714
+ }
30583
30715
 
30584
30716
  .pf-v6-c-toolbar__content-section {
30585
30717
  flex-wrap: wrap;
@@ -30653,11 +30785,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30653
30785
 
30654
30786
  .pf-v6-c-toolbar__item {
30655
30787
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30656
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30657
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30658
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30659
- width: var(--pf-v6-c-toolbar__item--Width--base);
30660
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30661
30788
  }
30662
30789
  @media (min-width: 36rem) {
30663
30790
  .pf-v6-c-toolbar__item {
@@ -30684,6 +30811,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30684
30811
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
30685
30812
  }
30686
30813
  }
30814
+ .pf-v6-c-toolbar__item {
30815
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30816
+ }
30687
30817
  @media (min-width: 36rem) {
30688
30818
  .pf-v6-c-toolbar__item {
30689
30819
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30709,6 +30839,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30709
30839
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
30710
30840
  }
30711
30841
  }
30842
+ .pf-v6-c-toolbar__item {
30843
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30844
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30845
+ width: var(--pf-v6-c-toolbar__item--Width--base);
30846
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30847
+ }
30712
30848
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30713
30849
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30714
30850
  }
@@ -32582,6 +32718,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32582
32718
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
32583
32719
  --pf-v6-c-tree-view__list--TranslateY: 0;
32584
32720
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
32721
+ }
32722
+ @media screen and (prefers-reduced-motion: no-preference) {
32723
+ .pf-v6-c-tree-view {
32724
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32725
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32726
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32727
+ }
32728
+ }
32729
+ .pf-v6-c-tree-view {
32585
32730
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
32586
32731
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
32587
32732
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -32610,6 +32755,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32610
32755
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32611
32756
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32612
32757
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
32758
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
32759
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32760
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32613
32761
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32614
32762
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32615
32763
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32665,6 +32813,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32665
32813
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32666
32814
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32667
32815
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
32816
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
32817
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
32818
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
32819
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32820
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
32821
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32668
32822
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32669
32823
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32670
32824
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -32674,13 +32828,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32674
32828
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32675
32829
  --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);
32676
32830
  }
32677
- @media screen and (prefers-reduced-motion: no-preference) {
32678
- .pf-v6-c-tree-view {
32679
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32680
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32681
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32682
- }
32683
- }
32684
32831
 
32685
32832
  .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 {
32686
32833
  position: relative;
@@ -32761,11 +32908,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32761
32908
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32762
32909
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32763
32910
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
32911
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32764
32912
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32765
32913
  }
32766
32914
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
32767
32915
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32768
32916
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
32917
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
32918
+ }
32919
+ .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
32920
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32769
32921
  }
32770
32922
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32771
32923
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32790,6 +32942,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32790
32942
  }
32791
32943
  .pf-v6-c-tree-view.pf-m-no-background {
32792
32944
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
32945
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
32946
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
32947
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
32948
+ }
32949
+
32950
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32951
+ scale: -1 1;
32793
32952
  }
32794
32953
 
32795
32954
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32799,9 +32958,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32799
32958
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32800
32959
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32801
32960
  }
32802
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32803
- scale: -1 1;
32804
- }
32805
32961
 
32806
32962
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32807
32963
  max-height: 0;
@@ -32865,6 +33021,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32865
33021
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32866
33022
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32867
33023
  }
33024
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33025
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33026
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33027
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
33028
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
33029
+ }
32868
33030
 
32869
33031
  .pf-v6-c-tree-view__node-container {
32870
33032
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32907,6 +33069,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32907
33069
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32908
33070
  }
32909
33071
 
33072
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33073
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33074
+ }
33075
+
32910
33076
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32911
33077
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32912
33078
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32922,6 +33088,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32922
33088
  white-space: nowrap;
32923
33089
  }
32924
33090
 
33091
+ label.pf-v6-c-tree-view__node-text {
33092
+ cursor: pointer;
33093
+ }
33094
+
32925
33095
  .pf-v6-c-tree-view__node-text {
32926
33096
  font-weight: inherit;
32927
33097
  color: inherit;
@@ -32929,9 +33099,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32929
33099
  background-color: transparent;
32930
33100
  border: 0;
32931
33101
  }
32932
- label.pf-v6-c-tree-view__node-text {
32933
- cursor: pointer;
32934
- }
32935
33102
 
32936
33103
  .pf-v6-c-tree-view__node-title {
32937
33104
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -33160,6 +33327,15 @@ label.pf-v6-c-tree-view__node-text {
33160
33327
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
33161
33328
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
33162
33329
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33330
+ }
33331
+ @media screen and (min-width: 62rem) {
33332
+ .pf-v6-c-wizard {
33333
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33334
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33335
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33336
+ }
33337
+ }
33338
+ .pf-v6-c-wizard {
33163
33339
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
33164
33340
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
33165
33341
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -33184,13 +33360,6 @@ label.pf-v6-c-tree-view__node-text {
33184
33360
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
33185
33361
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
33186
33362
  }
33187
- @media screen and (min-width: 62rem) {
33188
- .pf-v6-c-wizard {
33189
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33190
- --pf-v6-c-wizard__nav--BoxShadow: none;
33191
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33192
- }
33193
- }
33194
33363
 
33195
33364
  .pf-v6-c-wizard {
33196
33365
  position: relative;
@@ -33326,13 +33495,14 @@ label.pf-v6-c-tree-view__node-text {
33326
33495
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
33327
33496
  }
33328
33497
 
33329
- .pf-v6-c-wizard__toggle-separator {
33330
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
33331
- }
33332
33498
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
33333
33499
  scale: -1 1;
33334
33500
  }
33335
33501
 
33502
+ .pf-v6-c-wizard__toggle-separator {
33503
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33504
+ }
33505
+
33336
33506
  .pf-v6-c-wizard__toggle-icon {
33337
33507
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
33338
33508
  }
@@ -33340,8 +33510,8 @@ label.pf-v6-c-tree-view__node-text {
33340
33510
  .pf-v6-c-wizard__outer-wrap {
33341
33511
  position: relative;
33342
33512
  display: flex;
33343
- flex-direction: column;
33344
33513
  flex-grow: 1;
33514
+ flex-direction: column;
33345
33515
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
33346
33516
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
33347
33517
  }
@@ -33354,8 +33524,8 @@ label.pf-v6-c-tree-view__node-text {
33354
33524
  .pf-v6-c-wizard__inner-wrap {
33355
33525
  position: relative;
33356
33526
  display: flex;
33357
- flex-direction: column;
33358
33527
  flex-grow: 1;
33528
+ flex-direction: column;
33359
33529
  min-height: 0;
33360
33530
  }
33361
33531
  @media screen and (min-width: 62rem) {
@@ -33533,6 +33703,10 @@ label.pf-v6-c-tree-view__node-text {
33533
33703
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
33534
33704
  }
33535
33705
 
33706
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33707
+ scale: -1 1;
33708
+ }
33709
+
33536
33710
  .pf-v6-c-wizard__nav-link-toggle-icon {
33537
33711
  display: inline-block;
33538
33712
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -33540,15 +33714,12 @@ label.pf-v6-c-tree-view__node-text {
33540
33714
  transition-property: transform;
33541
33715
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
33542
33716
  }
33543
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33544
- scale: -1 1;
33545
- }
33546
33717
 
33547
33718
  .pf-v6-c-wizard__main {
33548
33719
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
33549
33720
  display: flex;
33550
- flex-direction: column;
33551
33721
  flex-grow: 1;
33722
+ flex-direction: column;
33552
33723
  overflow-x: hidden;
33553
33724
  overflow-y: auto;
33554
33725
  word-break: break-word;
@@ -35986,12 +36157,13 @@ label.pf-v6-c-tree-view__node-text {
35986
36157
  display: grid;
35987
36158
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35988
36159
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35989
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35990
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35991
36160
  }
35992
36161
  .pf-v6-l-gallery.pf-m-gutter {
35993
36162
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35994
36163
  }
36164
+ .pf-v6-l-gallery {
36165
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36166
+ }
35995
36167
  @media (min-width: 36rem) {
35996
36168
  .pf-v6-l-gallery {
35997
36169
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -36017,6 +36189,9 @@ label.pf-v6-c-tree-view__node-text {
36017
36189
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
36018
36190
  }
36019
36191
  }
36192
+ .pf-v6-l-gallery {
36193
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36194
+ }
36020
36195
  @media (min-width: 36rem) {
36021
36196
  .pf-v6-l-gallery {
36022
36197
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));