@patternfly/patternfly 6.5.0-prerelease.32 → 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 (77) 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 +32 -18
  39. package/components/Masthead/masthead.scss +8 -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 +17 -9
  44. package/components/Nav/nav.scss +5 -0
  45. package/components/NotificationDrawer/notification-drawer.css +6 -6
  46. package/components/Page/page.css +35 -29
  47. package/components/Page/page.scss +17 -5
  48. package/components/Pagination/pagination.scss +5 -1
  49. package/components/ProgressStepper/progress-stepper.scss +5 -1
  50. package/components/Sidebar/sidebar.css +1 -1
  51. package/components/Sidebar/sidebar.scss +7 -3
  52. package/components/Skeleton/skeleton.css +16 -15
  53. package/components/Slider/slider.css +32 -18
  54. package/components/Switch/switch.css +3 -1
  55. package/components/Table/table-tree-view.css +4 -2
  56. package/components/Table/table.css +31 -27
  57. package/components/Tabs/tabs.css +17 -15
  58. package/components/Tabs/tabs.scss +12 -4
  59. package/components/Toolbar/toolbar.css +14 -8
  60. package/components/Toolbar/toolbar.scss +5 -1
  61. package/components/TreeView/tree-view.css +44 -13
  62. package/components/TreeView/tree-view.scss +31 -0
  63. package/components/Wizard/wizard.css +20 -16
  64. package/components/Wizard/wizard.scss +3 -3
  65. package/components/_index.css +613 -426
  66. package/docs/components/TreeView/examples/TreeView.md +38 -26
  67. package/layouts/Flex/flex.scss +83 -19
  68. package/layouts/Gallery/gallery.css +6 -2
  69. package/layouts/_index.css +6 -2
  70. package/package.json +4 -2
  71. package/patternfly-charts.css +3 -3
  72. package/patternfly-no-globals.css +604 -413
  73. package/patternfly.css +604 -413
  74. package/patternfly.min.css +1 -1
  75. package/patternfly.min.css.map +1 -1
  76. package/sass-utilities/functions.scss +32 -25
  77. 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,7 +19138,33 @@ 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 {
19156
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19157
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19158
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19159
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19160
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19161
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19162
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19163
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19164
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19165
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19166
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19167
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19073
19168
  --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19074
19169
  --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19075
19170
  --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
@@ -19091,8 +19186,8 @@ ul.pf-v6-c-list {
19091
19186
  backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19092
19187
  }
19093
19188
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19094
- flex-direction: column;
19095
19189
  flex-grow: 1;
19190
+ flex-direction: column;
19096
19191
  align-self: revert;
19097
19192
  }
19098
19193
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
@@ -19562,6 +19657,13 @@ ul.pf-v6-c-list {
19562
19657
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19563
19658
  --pf-v6-c-menu--TransitionDuration: 0s;
19564
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 {
19565
19667
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19566
19668
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19567
19669
  --pf-v6-c-menu__content--Height: auto;
@@ -19641,33 +19743,34 @@ ul.pf-v6-c-list {
19641
19743
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19642
19744
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19643
19745
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19644
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19645
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19646
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19647
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19648
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19649
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19650
- }
19651
- @media (prefers-reduced-motion: no-preference) {
19652
- .pf-v6-c-menu {
19653
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19654
- }
19655
19746
  }
19656
19747
  @media (prefers-reduced-motion: no-preference) {
19657
19748
  .pf-v6-c-menu {
19658
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);
19659
19750
  }
19660
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
+ }
19661
19757
  @media (prefers-reduced-motion: no-preference) {
19662
19758
  .pf-v6-c-menu {
19663
19759
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19664
19760
  }
19665
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
+ }
19666
19766
  @media (prefers-reduced-motion: no-preference) {
19667
19767
  .pf-v6-c-menu {
19668
19768
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19669
19769
  }
19670
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
+ }
19671
19774
 
19672
19775
  .pf-v6-c-menu__content,
19673
19776
  .pf-v6-c-menu__list-item,
@@ -20125,13 +20228,14 @@ ul.pf-v6-c-list {
20125
20228
  --pf-v6-c-check__input--TranslateY: none;
20126
20229
  }
20127
20230
 
20128
- .pf-v6-c-menu__item-toggle-icon {
20129
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20130
- }
20131
20231
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
20132
20232
  scale: -1 1;
20133
20233
  }
20134
20234
 
20235
+ .pf-v6-c-menu__item-toggle-icon {
20236
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20237
+ }
20238
+
20135
20239
  .pf-v6-c-menu__item-icon {
20136
20240
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
20137
20241
  }
@@ -20722,6 +20826,13 @@ ul.pf-v6-c-list {
20722
20826
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20723
20827
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20724
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 {
20725
20836
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20726
20837
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20727
20838
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20753,11 +20864,6 @@ ul.pf-v6-c-list {
20753
20864
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20754
20865
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20755
20866
  }
20756
- @media (min-width: 75rem) {
20757
- .pf-v6-c-modal-box {
20758
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20759
- }
20760
- }
20761
20867
 
20762
20868
  .pf-v6-c-modal-box {
20763
20869
  position: relative;
@@ -20819,8 +20925,8 @@ ul.pf-v6-c-list {
20819
20925
 
20820
20926
  .pf-v6-c-modal-box__header {
20821
20927
  display: flex;
20822
- flex-direction: column;
20823
20928
  flex-shrink: 0;
20929
+ flex-direction: column;
20824
20930
  gap: var(--pf-v6-c-modal-box__header--Gap);
20825
20931
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20826
20932
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20837,8 +20943,8 @@ ul.pf-v6-c-list {
20837
20943
 
20838
20944
  .pf-v6-c-modal-box__header-main {
20839
20945
  display: flex;
20840
- flex-direction: column;
20841
20946
  flex-grow: 1;
20947
+ flex-direction: column;
20842
20948
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20843
20949
  min-width: 0;
20844
20950
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -21192,6 +21298,15 @@ ul.pf-v6-c-list {
21192
21298
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
21193
21299
  --pf-v6-c-nav__subnav--TranslateY: 0;
21194
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 {
21195
21310
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21196
21311
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21197
21312
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -21227,13 +21342,6 @@ ul.pf-v6-c-list {
21227
21342
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21228
21343
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21229
21344
  }
21230
- @media screen and (prefers-reduced-motion: no-preference) {
21231
- .pf-v6-c-nav {
21232
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21233
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21234
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21235
- }
21236
- }
21237
21345
 
21238
21346
  .pf-v6-c-nav,
21239
21347
  .pf-v6-c-nav__section,
@@ -21281,6 +21389,10 @@ ul.pf-v6-c-list {
21281
21389
  position: relative;
21282
21390
  align-self: center;
21283
21391
  min-width: 1lh;
21392
+ text-align: center;
21393
+ }
21394
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21395
+ display: none;
21284
21396
  }
21285
21397
  .pf-v6-c-nav .pf-v6-c-menu {
21286
21398
  --pf-v6-c-menu--MinWidth: 100%;
@@ -21514,12 +21626,14 @@ ul.pf-v6-c-list {
21514
21626
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21515
21627
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21516
21628
  -webkit-overflow-scrolling: touch;
21517
- scrollbar-width: none;
21518
- -ms-overflow-style: -ms-autohiding-scrollbar;
21519
21629
  }
21520
21630
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
21521
21631
  display: none;
21522
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
+ }
21523
21637
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21524
21638
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21525
21639
  }
@@ -21734,9 +21848,9 @@ ul.pf-v6-c-list {
21734
21848
  }
21735
21849
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21736
21850
  display: -webkit-box;
21851
+ overflow: hidden;
21737
21852
  -webkit-box-orient: vertical;
21738
21853
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21739
- overflow: hidden;
21740
21854
  }
21741
21855
 
21742
21856
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21790,9 +21904,9 @@ ul.pf-v6-c-list {
21790
21904
 
21791
21905
  .pf-v6-c-notification-drawer__group-toggle-title {
21792
21906
  display: -webkit-box;
21907
+ overflow: hidden;
21793
21908
  -webkit-box-orient: vertical;
21794
21909
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21795
- overflow: hidden;
21796
21910
  flex: 1;
21797
21911
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21798
21912
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21805,15 +21919,15 @@ ul.pf-v6-c-list {
21805
21919
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21806
21920
  }
21807
21921
 
21922
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21923
+ scale: -1 1;
21924
+ }
21925
+
21808
21926
  .pf-v6-c-notification-drawer__group-toggle-icon {
21809
21927
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21810
21928
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21811
21929
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21812
21930
  }
21813
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21814
- scale: -1 1;
21815
- }
21816
-
21817
21931
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21818
21932
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21819
21933
  }
@@ -21882,6 +21996,15 @@ ul.pf-v6-c-list {
21882
21996
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21883
21997
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21884
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 {
21885
22008
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21886
22009
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21887
22010
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21897,6 +22020,15 @@ ul.pf-v6-c-list {
21897
22020
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21898
22021
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21899
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 {
21900
22032
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21901
22033
  --pf-v6-c-page__main-container--GridArea: main;
21902
22034
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21919,6 +22051,17 @@ ul.pf-v6-c-list {
21919
22051
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21920
22052
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21921
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 {
21922
22065
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21923
22066
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21924
22067
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21971,29 +22114,6 @@ ul.pf-v6-c-list {
21971
22114
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
21972
22115
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21973
22116
  }
21974
- @media screen and (prefers-reduced-motion: no-preference) {
21975
- .pf-v6-c-page {
21976
- --pf-v6-c-page__sidebar--Opacity: 1;
21977
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21978
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21979
- }
21980
- }
21981
- @media screen and (min-width: 75rem) {
21982
- .pf-v6-c-page {
21983
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21984
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21985
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21986
- }
21987
- }
21988
- @media screen and (max-width: calc(48rem - 1px)) {
21989
- .pf-v6-c-page {
21990
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21991
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21992
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21993
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21994
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21995
- }
21996
- }
21997
22117
 
21998
22118
  .pf-v6-c-page {
21999
22119
  display: grid;
@@ -22068,15 +22188,15 @@ ul.pf-v6-c-list {
22068
22188
  }
22069
22189
  }
22070
22190
 
22071
- .pf-v6-c-page > .pf-v6-c-masthead {
22072
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22073
- grid-area: header;
22074
- }
22075
22191
  @media (min-width: 75rem) {
22076
22192
  .pf-v6-c-page > .pf-v6-c-masthead {
22077
22193
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
22078
22194
  }
22079
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
+ }
22080
22200
 
22081
22201
  .pf-v6-c-page__dock {
22082
22202
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -22193,8 +22313,8 @@ ul.pf-v6-c-list {
22193
22313
  .pf-v6-c-page__main-group,
22194
22314
  .pf-v6-c-page__main-subnav {
22195
22315
  display: flex;
22196
- flex-direction: column;
22197
22316
  flex-shrink: 0;
22317
+ flex-direction: column;
22198
22318
  }
22199
22319
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
22200
22320
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -22438,8 +22558,8 @@ ul.pf-v6-c-list {
22438
22558
  .pf-v6-c-page__main-drawer,
22439
22559
  .pf-v6-c-page__main-group {
22440
22560
  display: flex;
22441
- flex-direction: column;
22442
22561
  flex-grow: 1;
22562
+ flex-direction: column;
22443
22563
  }
22444
22564
 
22445
22565
  .pf-v6-c-page__main {
@@ -24353,8 +24473,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24353
24473
  position: var(--pf-v6-c-sidebar__panel--Position);
24354
24474
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
24355
24475
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
24356
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24357
24476
  flex-shrink: 0;
24477
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24358
24478
  order: var(--pf-v6-c-sidebar__panel--Order);
24359
24479
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
24360
24480
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24651,7 +24771,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24651
24771
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24652
24772
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24653
24773
  --pf-v6-c-skeleton--before--Height: auto;
24654
- --pf-v6-c-skeleton--before--Content: " ";
24774
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24655
24775
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24656
24776
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24657
24777
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24662,6 +24782,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24662
24782
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24663
24783
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24664
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 {
24665
24796
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24666
24797
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24667
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));
@@ -24689,15 +24820,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24689
24820
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24690
24821
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24691
24822
  }
24692
- @media screen and (prefers-reduced-motion: no-preference) {
24693
- .pf-v6-c-skeleton {
24694
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24695
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24696
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24697
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24698
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24699
- }
24700
- }
24701
24823
 
24702
24824
  .pf-v6-c-skeleton {
24703
24825
  position: relative;
@@ -24714,6 +24836,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24714
24836
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24715
24837
  content: var(--pf-v6-c-skeleton--before--Content);
24716
24838
  }
24839
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24840
+ scale: -1 1;
24841
+ }
24842
+
24717
24843
  .pf-v6-c-skeleton::after {
24718
24844
  position: absolute;
24719
24845
  inset: 0;
@@ -24723,10 +24849,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24723
24849
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24724
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);
24725
24851
  }
24726
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24727
- scale: -1 1;
24728
- }
24729
-
24730
24852
  .pf-v6-c-skeleton.pf-m-circle {
24731
24853
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24732
24854
  }
@@ -24914,12 +25036,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24914
25036
 
24915
25037
  .pf-v6-c-slider {
24916
25038
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24917
- display: flex;
24918
25039
  }
24919
25040
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24920
25041
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24921
25042
  }
24922
25043
 
25044
+ .pf-v6-c-slider {
25045
+ display: flex;
25046
+ }
24923
25047
  .pf-v6-c-slider.pf-m-disabled {
24924
25048
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24925
25049
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24982,6 +25106,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24982
25106
 
24983
25107
  .pf-v6-c-slider__step-tick {
24984
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 {
24985
25115
  position: absolute;
24986
25116
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
24987
25117
  inset-inline-start: 0;
@@ -24991,22 +25121,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24991
25121
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
24992
25122
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
24993
25123
  }
24994
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
24995
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24996
- }
24997
25124
 
24998
25125
  .pf-v6-c-slider__step-label {
24999
25126
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
25000
- position: absolute;
25001
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25002
- word-break: normal;
25003
25127
  }
25004
25128
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
25005
25129
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25006
25130
  }
25007
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
+
25008
25138
  .pf-v6-c-slider__thumb {
25009
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 {
25010
25146
  position: absolute;
25011
25147
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
25012
25148
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -25018,12 +25154,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25018
25154
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
25019
25155
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
25020
25156
  }
25021
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25022
- 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));
25023
25162
  }
25024
25163
 
25025
25164
  .pf-v6-c-slider__thumb::before {
25026
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25027
25165
  position: absolute;
25028
25166
  inset-block-start: 50%;
25029
25167
  inset-inline-start: 50%;
@@ -25032,10 +25170,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25032
25170
  content: "";
25033
25171
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
25034
25172
  }
25035
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25036
- 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));
25037
- }
25038
-
25039
25173
  .pf-v6-c-slider__thumb:hover {
25040
25174
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
25041
25175
  }
@@ -25052,16 +25186,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25052
25186
  }
25053
25187
  .pf-v6-c-slider__value.pf-m-floating {
25054
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 {
25055
25195
  --pf-v6-c-slider__value--MarginInlineStart: 0;
25056
25196
  position: absolute;
25057
25197
  inset-block-start: 0;
25058
25198
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
25059
25199
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
25060
25200
  }
25061
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25062
- 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));
25063
- }
25064
-
25065
25201
  .pf-v6-c-slider__value .pf-v6-c-form-control {
25066
25202
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
25067
25203
  }
@@ -25239,12 +25375,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25239
25375
  }
25240
25376
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25241
25377
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
25242
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25243
25378
  }
25244
25379
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25245
25380
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
25246
25381
  }
25247
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
+ }
25248
25386
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
25249
25387
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
25250
25388
  }
@@ -27066,6 +27204,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27066
27204
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
27067
27205
  --pf-v6-c-table__expandable-row--TranslateY: 0;
27068
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 {
27069
27216
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
27070
27217
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
27071
27218
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -27134,13 +27281,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27134
27281
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
27135
27282
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
27136
27283
  }
27137
- @media screen and (prefers-reduced-motion: no-preference) {
27138
- .pf-v6-c-table {
27139
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27140
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27141
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27142
- }
27143
- }
27144
27284
 
27145
27285
  .pf-v6-c-table {
27146
27286
  width: 100%;
@@ -27205,22 +27345,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27205
27345
  --pf-v6-hidden-visible--hidden--Display: none;
27206
27346
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27207
27347
  display: var(--pf-v6-hidden-visible--Display);
27208
- position: relative;
27209
- width: var(--pf-v6-c-table--cell--Width);
27210
- min-width: var(--pf-v6-c-table--cell--MinWidth);
27211
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
27212
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27213
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27214
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27215
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27216
- overflow: var(--pf-v6-c-table--cell--Overflow);
27217
- font-size: var(--pf-v6-c-table--cell--FontSize);
27218
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
27219
- line-height: var(--pf-v6-c-table--cell--LineHeight);
27220
- color: var(--pf-v6-c-table--cell--Color);
27221
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27222
- word-break: var(--pf-v6-c-table--cell--WordBreak);
27223
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27224
27348
  }
27225
27349
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
27226
27350
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -27265,6 +27389,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27265
27389
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27266
27390
  }
27267
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
+ }
27268
27410
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27269
27411
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
27270
27412
  }
@@ -27621,16 +27763,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27621
27763
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27622
27764
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27623
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
+
27624
27770
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27625
27771
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27626
27772
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27627
27773
  transition-property: transform;
27628
27774
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27629
27775
  }
27630
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27631
- scale: -1 1;
27632
- }
27633
-
27634
27776
  .pf-v6-c-table__toggle svg {
27635
27777
  pointer-events: none;
27636
27778
  }
@@ -28107,13 +28249,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28107
28249
  }
28108
28250
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28109
28251
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
28110
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28111
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28112
28252
  }
28113
28253
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28114
28254
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
28115
28255
  }
28116
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
+ }
28117
28261
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28118
28262
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28119
28263
  }
@@ -29163,8 +29307,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29163
29307
  }
29164
29308
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
29165
29309
  position: relative;
29166
- flex-direction: column;
29167
29310
  flex-grow: 1;
29311
+ flex-direction: column;
29168
29312
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
29169
29313
  }
29170
29314
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -29329,15 +29473,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29329
29473
  white-space: normal;
29330
29474
  }
29331
29475
 
29476
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29477
+ scale: -1 1;
29478
+ }
29479
+
29332
29480
  .pf-v6-c-tabs__toggle-icon {
29333
29481
  display: inline-block;
29334
29482
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
29335
29483
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
29336
29484
  }
29337
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29338
- scale: -1 1;
29339
- }
29340
29485
 
29486
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29487
+ display: none;
29488
+ }
29341
29489
  .pf-v6-c-tabs__list {
29342
29490
  scrollbar-width: none;
29343
29491
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -29349,20 +29497,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29349
29497
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
29350
29498
  -webkit-overflow-scrolling: touch;
29351
29499
  }
29352
- .pf-v6-c-tabs__list::-webkit-scrollbar {
29353
- display: none;
29354
- }
29355
29500
 
29356
29501
  .pf-v6-c-tabs__item {
29357
29502
  position: relative;
29358
29503
  display: flex;
29359
29504
  flex: none;
29360
29505
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
29361
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29362
29506
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
29363
29507
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
29364
29508
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
29365
29509
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29510
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29366
29511
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
29367
29512
  }
29368
29513
  .pf-v6-c-tabs__item.pf-m-current {
@@ -29415,6 +29560,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29415
29560
  border: 0;
29416
29561
  }
29417
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
+
29418
29567
  .pf-v6-c-tabs__link {
29419
29568
  display: flex;
29420
29569
  flex: 1;
@@ -29432,10 +29581,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29432
29581
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
29433
29582
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
29434
29583
  }
29435
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29436
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29437
- }
29438
-
29439
29584
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
29440
29585
  pointer-events: none;
29441
29586
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -29490,6 +29635,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29490
29635
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
29491
29636
  }
29492
29637
 
29638
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29639
+ scale: -1 1;
29640
+ }
29641
+
29493
29642
  .pf-v6-c-tabs__link-toggle-icon {
29494
29643
  align-self: end;
29495
29644
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -29497,9 +29646,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29497
29646
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
29498
29647
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
29499
29648
  }
29500
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29501
- scale: -1 1;
29502
- }
29503
29649
 
29504
29650
  .pf-v6-c-tabs__item-action {
29505
29651
  display: flex;
@@ -30517,9 +30663,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30517
30663
  --pf-v6-hidden-visible--hidden--Display: none;
30518
30664
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30519
30665
  display: var(--pf-v6-hidden-visible--Display);
30520
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30521
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
30522
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
30523
30666
  }
30524
30667
  .pf-v6-c-toolbar__content.pf-m-hidden {
30525
30668
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -30564,6 +30707,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30564
30707
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30565
30708
  }
30566
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
+ }
30567
30715
 
30568
30716
  .pf-v6-c-toolbar__content-section {
30569
30717
  flex-wrap: wrap;
@@ -30637,11 +30785,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30637
30785
 
30638
30786
  .pf-v6-c-toolbar__item {
30639
30787
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30640
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30641
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30642
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30643
- width: var(--pf-v6-c-toolbar__item--Width--base);
30644
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30645
30788
  }
30646
30789
  @media (min-width: 36rem) {
30647
30790
  .pf-v6-c-toolbar__item {
@@ -30668,6 +30811,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30668
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))))));
30669
30812
  }
30670
30813
  }
30814
+ .pf-v6-c-toolbar__item {
30815
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30816
+ }
30671
30817
  @media (min-width: 36rem) {
30672
30818
  .pf-v6-c-toolbar__item {
30673
30819
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30693,6 +30839,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30693
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))))));
30694
30840
  }
30695
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
+ }
30696
30848
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30697
30849
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30698
30850
  }
@@ -32566,6 +32718,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32566
32718
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
32567
32719
  --pf-v6-c-tree-view__list--TranslateY: 0;
32568
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 {
32569
32730
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
32570
32731
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
32571
32732
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -32594,6 +32755,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32594
32755
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32595
32756
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32596
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);
32597
32761
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32598
32762
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32599
32763
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32649,6 +32813,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32649
32813
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32650
32814
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32651
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);
32652
32822
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32653
32823
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32654
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));
@@ -32658,13 +32828,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32658
32828
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32659
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);
32660
32830
  }
32661
- @media screen and (prefers-reduced-motion: no-preference) {
32662
- .pf-v6-c-tree-view {
32663
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32664
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32665
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32666
- }
32667
- }
32668
32831
 
32669
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 {
32670
32833
  position: relative;
@@ -32745,11 +32908,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32745
32908
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32746
32909
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32747
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);
32748
32912
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32749
32913
  }
32750
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 {
32751
32915
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32752
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);
32753
32921
  }
32754
32922
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32755
32923
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32774,6 +32942,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32774
32942
  }
32775
32943
  .pf-v6-c-tree-view.pf-m-no-background {
32776
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;
32777
32952
  }
32778
32953
 
32779
32954
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32783,9 +32958,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32783
32958
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32784
32959
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32785
32960
  }
32786
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32787
- scale: -1 1;
32788
- }
32789
32961
 
32790
32962
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32791
32963
  max-height: 0;
@@ -32849,6 +33021,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32849
33021
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32850
33022
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32851
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
+ }
32852
33030
 
32853
33031
  .pf-v6-c-tree-view__node-container {
32854
33032
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32891,6 +33069,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32891
33069
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32892
33070
  }
32893
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
+
32894
33076
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32895
33077
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32896
33078
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32906,6 +33088,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32906
33088
  white-space: nowrap;
32907
33089
  }
32908
33090
 
33091
+ label.pf-v6-c-tree-view__node-text {
33092
+ cursor: pointer;
33093
+ }
33094
+
32909
33095
  .pf-v6-c-tree-view__node-text {
32910
33096
  font-weight: inherit;
32911
33097
  color: inherit;
@@ -32913,9 +33099,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32913
33099
  background-color: transparent;
32914
33100
  border: 0;
32915
33101
  }
32916
- label.pf-v6-c-tree-view__node-text {
32917
- cursor: pointer;
32918
- }
32919
33102
 
32920
33103
  .pf-v6-c-tree-view__node-title {
32921
33104
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -33144,6 +33327,15 @@ label.pf-v6-c-tree-view__node-text {
33144
33327
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
33145
33328
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
33146
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 {
33147
33339
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
33148
33340
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
33149
33341
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -33168,13 +33360,6 @@ label.pf-v6-c-tree-view__node-text {
33168
33360
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
33169
33361
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
33170
33362
  }
33171
- @media screen and (min-width: 62rem) {
33172
- .pf-v6-c-wizard {
33173
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33174
- --pf-v6-c-wizard__nav--BoxShadow: none;
33175
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33176
- }
33177
- }
33178
33363
 
33179
33364
  .pf-v6-c-wizard {
33180
33365
  position: relative;
@@ -33310,13 +33495,14 @@ label.pf-v6-c-tree-view__node-text {
33310
33495
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
33311
33496
  }
33312
33497
 
33313
- .pf-v6-c-wizard__toggle-separator {
33314
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
33315
- }
33316
33498
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
33317
33499
  scale: -1 1;
33318
33500
  }
33319
33501
 
33502
+ .pf-v6-c-wizard__toggle-separator {
33503
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33504
+ }
33505
+
33320
33506
  .pf-v6-c-wizard__toggle-icon {
33321
33507
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
33322
33508
  }
@@ -33324,8 +33510,8 @@ label.pf-v6-c-tree-view__node-text {
33324
33510
  .pf-v6-c-wizard__outer-wrap {
33325
33511
  position: relative;
33326
33512
  display: flex;
33327
- flex-direction: column;
33328
33513
  flex-grow: 1;
33514
+ flex-direction: column;
33329
33515
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
33330
33516
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
33331
33517
  }
@@ -33338,8 +33524,8 @@ label.pf-v6-c-tree-view__node-text {
33338
33524
  .pf-v6-c-wizard__inner-wrap {
33339
33525
  position: relative;
33340
33526
  display: flex;
33341
- flex-direction: column;
33342
33527
  flex-grow: 1;
33528
+ flex-direction: column;
33343
33529
  min-height: 0;
33344
33530
  }
33345
33531
  @media screen and (min-width: 62rem) {
@@ -33517,6 +33703,10 @@ label.pf-v6-c-tree-view__node-text {
33517
33703
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
33518
33704
  }
33519
33705
 
33706
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33707
+ scale: -1 1;
33708
+ }
33709
+
33520
33710
  .pf-v6-c-wizard__nav-link-toggle-icon {
33521
33711
  display: inline-block;
33522
33712
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -33524,15 +33714,12 @@ label.pf-v6-c-tree-view__node-text {
33524
33714
  transition-property: transform;
33525
33715
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
33526
33716
  }
33527
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33528
- scale: -1 1;
33529
- }
33530
33717
 
33531
33718
  .pf-v6-c-wizard__main {
33532
33719
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
33533
33720
  display: flex;
33534
- flex-direction: column;
33535
33721
  flex-grow: 1;
33722
+ flex-direction: column;
33536
33723
  overflow-x: hidden;
33537
33724
  overflow-y: auto;
33538
33725
  word-break: break-word;
@@ -35970,12 +36157,13 @@ label.pf-v6-c-tree-view__node-text {
35970
36157
  display: grid;
35971
36158
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35972
36159
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35973
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35974
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35975
36160
  }
35976
36161
  .pf-v6-l-gallery.pf-m-gutter {
35977
36162
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35978
36163
  }
36164
+ .pf-v6-l-gallery {
36165
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36166
+ }
35979
36167
  @media (min-width: 36rem) {
35980
36168
  .pf-v6-l-gallery {
35981
36169
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -36001,6 +36189,9 @@ label.pf-v6-c-tree-view__node-text {
36001
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))))));
36002
36190
  }
36003
36191
  }
36192
+ .pf-v6-l-gallery {
36193
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36194
+ }
36004
36195
  @media (min-width: 36rem) {
36005
36196
  .pf-v6-l-gallery {
36006
36197
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));