@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
package/patternfly.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  :where(html,
3
2
  body,
4
3
  p,
@@ -8920,31 +8919,6 @@ button) {
8920
8919
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8921
8920
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8922
8921
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8923
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8924
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8925
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8926
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8927
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8928
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8929
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8930
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8931
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8932
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8933
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8934
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8935
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8936
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8937
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8938
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8939
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8940
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8941
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8942
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8943
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8944
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8945
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8946
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8947
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8948
8922
  }
8949
8923
  @media screen and (min-width: 36rem) {
8950
8924
  .pf-v6-c-about-modal-box {
@@ -8953,6 +8927,14 @@ button) {
8953
8927
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8954
8928
  }
8955
8929
  }
8930
+ .pf-v6-c-about-modal-box {
8931
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8932
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8933
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8934
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8935
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8936
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8937
+ }
8956
8938
  @media only screen and (min-width: 36rem) {
8957
8939
  .pf-v6-c-about-modal-box {
8958
8940
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8963,17 +8945,42 @@ button) {
8963
8945
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8964
8946
  }
8965
8947
  }
8948
+ .pf-v6-c-about-modal-box {
8949
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8950
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8951
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8952
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8953
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8954
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8955
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8956
+ }
8966
8957
  @media only screen and (min-width: 36rem) {
8967
8958
  .pf-v6-c-about-modal-box {
8968
8959
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8969
8960
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8970
8961
  }
8971
8962
  }
8963
+ .pf-v6-c-about-modal-box {
8964
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8965
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8966
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8967
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8968
+ }
8972
8969
  @media only screen and (min-width: 36rem) {
8973
8970
  .pf-v6-c-about-modal-box {
8974
8971
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8975
8972
  }
8976
8973
  }
8974
+ .pf-v6-c-about-modal-box {
8975
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8976
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8977
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8978
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8979
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8980
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8981
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8982
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8983
+ }
8977
8984
  @media only screen and (min-width: 36rem) {
8978
8985
  .pf-v6-c-about-modal-box {
8979
8986
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8997,7 +9004,6 @@ button) {
8997
9004
  background-repeat: no-repeat;
8998
9005
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8999
9006
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
9000
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9001
9007
  }
9002
9008
  @media only screen and (min-width: 36rem) {
9003
9009
  .pf-v6-c-about-modal-box {
@@ -9013,6 +9019,9 @@ button) {
9013
9019
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
9014
9020
  }
9015
9021
  }
9022
+ .pf-v6-c-about-modal-box {
9023
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9024
+ }
9016
9025
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
9017
9026
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
9018
9027
  }
@@ -9153,6 +9162,18 @@ button) {
9153
9162
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
9154
9163
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
9155
9164
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9165
+ }
9166
+ @media screen and (prefers-reduced-motion: no-preference) {
9167
+ .pf-v6-c-accordion {
9168
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9169
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9170
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9171
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9172
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9173
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9174
+ }
9175
+ }
9176
+ .pf-v6-c-accordion {
9156
9177
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9157
9178
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9158
9179
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -9178,16 +9199,6 @@ button) {
9178
9199
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9179
9200
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9180
9201
  }
9181
- @media screen and (prefers-reduced-motion: no-preference) {
9182
- .pf-v6-c-accordion {
9183
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9184
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9185
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9186
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9187
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9188
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9189
- }
9190
- }
9191
9202
 
9192
9203
  .pf-v6-c-accordion {
9193
9204
  display: flex;
@@ -9298,13 +9309,14 @@ button) {
9298
9309
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9299
9310
  }
9300
9311
 
9312
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9313
+ scale: -1 1;
9314
+ }
9315
+
9301
9316
  .pf-v6-c-accordion__toggle-icon {
9302
9317
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9303
9318
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9304
9319
  }
9305
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9306
- scale: -1 1;
9307
- }
9308
9320
 
9309
9321
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9310
9322
  display: revert;
@@ -9524,14 +9536,15 @@ button) {
9524
9536
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9525
9537
  }
9526
9538
 
9539
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9540
+ scale: -1 1;
9541
+ }
9542
+
9527
9543
  .pf-v6-c-alert__toggle-icon {
9528
9544
  display: inline-block;
9529
9545
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9530
9546
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9531
9547
  }
9532
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9533
- scale: -1 1;
9534
- }
9535
9548
 
9536
9549
  .pf-v6-c-alert__icon {
9537
9550
  grid-area: icon;
@@ -9548,9 +9561,9 @@ button) {
9548
9561
  }
9549
9562
  .pf-v6-c-alert__title.pf-m-truncate {
9550
9563
  display: -webkit-box;
9564
+ overflow: hidden;
9551
9565
  -webkit-box-orient: vertical;
9552
9566
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9553
- overflow: hidden;
9554
9567
  }
9555
9568
 
9556
9569
  .pf-v6-c-alert__description {
@@ -9787,7 +9800,6 @@ button) {
9787
9800
  }
9788
9801
  .pf-v6-c-avatar.pf-m-sm {
9789
9802
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9790
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9791
9803
  }
9792
9804
  @media (min-width: 36rem) {
9793
9805
  .pf-v6-c-avatar.pf-m-sm {
@@ -9814,6 +9826,9 @@ button) {
9814
9826
  --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))))));
9815
9827
  }
9816
9828
  }
9829
+ .pf-v6-c-avatar.pf-m-sm {
9830
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9831
+ }
9817
9832
  @media (min-width: 36rem) {
9818
9833
  .pf-v6-c-avatar.pf-m-sm {
9819
9834
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9841,7 +9856,6 @@ button) {
9841
9856
  }
9842
9857
  .pf-v6-c-avatar.pf-m-md {
9843
9858
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9844
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9845
9859
  }
9846
9860
  @media (min-width: 36rem) {
9847
9861
  .pf-v6-c-avatar.pf-m-md {
@@ -9868,6 +9882,9 @@ button) {
9868
9882
  --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))))));
9869
9883
  }
9870
9884
  }
9885
+ .pf-v6-c-avatar.pf-m-md {
9886
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9887
+ }
9871
9888
  @media (min-width: 36rem) {
9872
9889
  .pf-v6-c-avatar.pf-m-md {
9873
9890
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9895,7 +9912,6 @@ button) {
9895
9912
  }
9896
9913
  .pf-v6-c-avatar.pf-m-lg {
9897
9914
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9898
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9899
9915
  }
9900
9916
  @media (min-width: 36rem) {
9901
9917
  .pf-v6-c-avatar.pf-m-lg {
@@ -9922,6 +9938,9 @@ button) {
9922
9938
  --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))))));
9923
9939
  }
9924
9940
  }
9941
+ .pf-v6-c-avatar.pf-m-lg {
9942
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9943
+ }
9925
9944
  @media (min-width: 36rem) {
9926
9945
  .pf-v6-c-avatar.pf-m-lg {
9927
9946
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9949,7 +9968,6 @@ button) {
9949
9968
  }
9950
9969
  .pf-v6-c-avatar.pf-m-xl {
9951
9970
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9952
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9953
9971
  }
9954
9972
  @media (min-width: 36rem) {
9955
9973
  .pf-v6-c-avatar.pf-m-xl {
@@ -9976,6 +9994,9 @@ button) {
9976
9994
  --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))))));
9977
9995
  }
9978
9996
  }
9997
+ .pf-v6-c-avatar.pf-m-xl {
9998
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9999
+ }
9979
10000
  @media (min-width: 36rem) {
9980
10001
  .pf-v6-c-avatar.pf-m-xl {
9981
10002
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -10033,6 +10054,12 @@ button) {
10033
10054
 
10034
10055
  .pf-v6-c-background-image {
10035
10056
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10057
+ }
10058
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10059
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10060
+ }
10061
+
10062
+ .pf-v6-c-background-image {
10036
10063
  position: fixed;
10037
10064
  inset-block-start: 0;
10038
10065
  inset-inline-start: 0;
@@ -10045,9 +10072,6 @@ button) {
10045
10072
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
10046
10073
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
10047
10074
  }
10048
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10049
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
10050
- }
10051
10075
 
10052
10076
  .pf-v6-c-back-to-top {
10053
10077
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -10165,6 +10189,14 @@ button) {
10165
10189
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10166
10190
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10167
10191
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10192
+ }
10193
+ @media (min-width: 48rem) {
10194
+ .pf-v6-c-banner {
10195
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10196
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10197
+ }
10198
+ }
10199
+ .pf-v6-c-banner {
10168
10200
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10169
10201
  --pf-v6-c-banner--link--TextDecoration: underline;
10170
10202
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -10198,12 +10230,6 @@ button) {
10198
10230
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10199
10231
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10200
10232
  }
10201
- @media (min-width: 48rem) {
10202
- .pf-v6-c-banner {
10203
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10204
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10205
- }
10206
- }
10207
10233
 
10208
10234
  .pf-v6-c-banner {
10209
10235
  flex-shrink: 0;
@@ -10306,7 +10332,6 @@ button) {
10306
10332
  width: var(--pf-v6-c-brand--Width--base);
10307
10333
  height: var(--pf-v6-c-brand--Height--base);
10308
10334
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10309
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10310
10335
  }
10311
10336
  @media (min-width: 36rem) {
10312
10337
  .pf-v6-c-brand {
@@ -10333,6 +10358,9 @@ button) {
10333
10358
  --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))))));
10334
10359
  }
10335
10360
  }
10361
+ .pf-v6-c-brand {
10362
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10363
+ }
10336
10364
  @media (min-width: 36rem) {
10337
10365
  .pf-v6-c-brand {
10338
10366
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10413,15 +10441,16 @@ button) {
10413
10441
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10414
10442
  }
10415
10443
 
10444
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10445
+ scale: -1 1;
10446
+ }
10447
+
10416
10448
  .pf-v6-c-breadcrumb__item-divider {
10417
10449
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10418
10450
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10419
10451
  line-height: 1;
10420
10452
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10421
10453
  }
10422
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10423
- scale: -1 1;
10424
- }
10425
10454
 
10426
10455
  .pf-v6-c-breadcrumb__link {
10427
10456
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10923,6 +10952,12 @@ button.pf-v6-c-breadcrumb__link {
10923
10952
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10924
10953
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10925
10954
  }
10955
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10956
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10957
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10958
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
10959
+ }
10960
+
10926
10961
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10927
10962
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10928
10963
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10962,12 +10997,6 @@ button.pf-v6-c-breadcrumb__link {
10962
10997
  background: transparent;
10963
10998
  outline-offset: 0.125rem;
10964
10999
  }
10965
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10966
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10967
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10968
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
10969
- }
10970
-
10971
11000
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
10972
11001
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10973
11002
  }
@@ -11440,13 +11469,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11440
11469
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11441
11470
  }
11442
11471
 
11472
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11473
+ scale: -1 1;
11474
+ }
11475
+
11443
11476
  .pf-v6-c-calendar-month__header-nav-control {
11444
11477
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11445
11478
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11446
11479
  }
11447
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11448
- scale: -1 1;
11449
- }
11450
11480
 
11451
11481
  .pf-v6-c-calendar-month__header-month {
11452
11482
  flex-grow: 1;
@@ -11796,12 +11826,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11796
11826
  flex-wrap: wrap;
11797
11827
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11798
11828
  }
11799
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11800
- margin-inline-start: 0;
11801
- }
11802
11829
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11803
11830
  margin-inline-end: auto;
11804
11831
  }
11832
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11833
+ margin-inline-start: 0;
11834
+ }
11805
11835
 
11806
11836
  .pf-v6-c-card__header-main {
11807
11837
  flex-grow: 1;
@@ -11815,15 +11845,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11815
11845
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11816
11846
  }
11817
11847
 
11848
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11849
+ scale: -1 1;
11850
+ }
11851
+
11818
11852
  .pf-v6-c-card__header-toggle-icon {
11819
11853
  display: inline-block;
11820
11854
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11821
11855
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11822
11856
  transition-property: transform;
11823
11857
  }
11824
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11825
- scale: -1 1;
11826
- }
11827
11858
 
11828
11859
  .pf-v6-c-card__title-text {
11829
11860
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -12089,13 +12120,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12089
12120
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
12090
12121
  }
12091
12122
 
12092
- .pf-v6-c-clipboard-copy__toggle-icon {
12093
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12094
- }
12095
12123
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
12096
12124
  scale: -1 1;
12097
12125
  }
12098
12126
 
12127
+ .pf-v6-c-clipboard-copy__toggle-icon {
12128
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12129
+ }
12130
+
12099
12131
  .pf-v6-c-clipboard-copy__expandable-content {
12100
12132
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
12101
12133
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -12266,8 +12298,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12266
12298
 
12267
12299
  .pf-v6-c-code-editor__container {
12268
12300
  display: flex;
12269
- flex-direction: column;
12270
12301
  flex-grow: 1;
12302
+ flex-direction: column;
12271
12303
  }
12272
12304
 
12273
12305
  .pf-v6-c-code-editor__header {
@@ -12594,23 +12626,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12594
12626
  }
12595
12627
  .pf-v6-c-compass__sidebar.pf-m-start {
12596
12628
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12597
- grid-area: sidebar-start;
12598
12629
  }
12599
12630
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12600
12631
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12601
12632
  }
12602
12633
 
12634
+ .pf-v6-c-compass__sidebar.pf-m-start {
12635
+ grid-area: sidebar-start;
12636
+ }
12603
12637
  .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12604
12638
  margin-inline-end: var(--pf-v6-c-compass--Gap);
12605
12639
  }
12606
12640
  .pf-v6-c-compass__sidebar.pf-m-end {
12607
12641
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12608
- grid-area: sidebar-end;
12609
12642
  }
12610
12643
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12611
12644
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12612
12645
  }
12613
12646
 
12647
+ .pf-v6-c-compass__sidebar.pf-m-end {
12648
+ grid-area: sidebar-end;
12649
+ }
12614
12650
  .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12615
12651
  margin-inline-start: var(--pf-v6-c-compass--Gap);
12616
12652
  }
@@ -13419,6 +13455,14 @@ ul) {
13419
13455
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
13420
13456
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
13421
13457
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
13458
+ }
13459
+ @media screen and (min-width: 36rem) {
13460
+ .pf-v6-c-data-list {
13461
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13462
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13463
+ }
13464
+ }
13465
+ .pf-v6-c-data-list {
13422
13466
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13423
13467
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
13424
13468
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -13428,6 +13472,14 @@ ul) {
13428
13472
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
13429
13473
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13430
13474
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13475
+ }
13476
+ @media screen and (min-width: 36rem) {
13477
+ .pf-v6-c-data-list {
13478
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13479
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13480
+ }
13481
+ }
13482
+ .pf-v6-c-data-list {
13431
13483
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13432
13484
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
13433
13485
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -13523,18 +13575,6 @@ ul) {
13523
13575
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
13524
13576
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13525
13577
  }
13526
- @media screen and (min-width: 36rem) {
13527
- .pf-v6-c-data-list {
13528
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13529
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13530
- }
13531
- }
13532
- @media screen and (min-width: 36rem) {
13533
- .pf-v6-c-data-list {
13534
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13535
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13536
- }
13537
- }
13538
13578
 
13539
13579
  .pf-v6-c-data-list {
13540
13580
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -13697,12 +13737,6 @@ ul) {
13697
13737
  --pf-v6-hidden-visible--hidden--Display: none;
13698
13738
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13699
13739
  display: var(--pf-v6-hidden-visible--Display);
13700
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13701
- align-content: flex-start;
13702
- align-items: flex-start;
13703
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13704
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13705
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13706
13740
  }
13707
13741
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13708
13742
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13747,6 +13781,14 @@ ul) {
13747
13781
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13748
13782
  }
13749
13783
  }
13784
+ .pf-v6-c-data-list__item-action {
13785
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
13786
+ align-content: flex-start;
13787
+ align-items: flex-start;
13788
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13789
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13790
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13791
+ }
13750
13792
 
13751
13793
  .pf-v6-c-data-list__toggle {
13752
13794
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13754,15 +13796,16 @@ ul) {
13754
13796
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13755
13797
  }
13756
13798
 
13799
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13800
+ scale: -1 1;
13801
+ }
13802
+
13757
13803
  .pf-v6-c-data-list__toggle-icon {
13758
13804
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13759
13805
  pointer-events: none;
13760
13806
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13761
13807
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13762
13808
  }
13763
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13764
- scale: -1 1;
13765
- }
13766
13809
 
13767
13810
  .pf-v6-c-data-list__item-content {
13768
13811
  display: grid;
@@ -13857,6 +13900,13 @@ ul) {
13857
13900
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13858
13901
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13859
13902
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
13903
+ }
13904
+ @media screen and (min-width: 36rem) {
13905
+ .pf-v6-c-description-list {
13906
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13907
+ }
13908
+ }
13909
+ .pf-v6-c-description-list {
13860
13910
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13861
13911
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13862
13912
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13885,11 +13935,6 @@ ul) {
13885
13935
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13886
13936
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13887
13937
  }
13888
- @media screen and (min-width: 36rem) {
13889
- .pf-v6-c-description-list {
13890
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13891
- }
13892
- }
13893
13938
  @media (min-width: 36rem) {
13894
13939
  .pf-v6-c-description-list {
13895
13940
  --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));
@@ -14271,6 +14316,15 @@ ul) {
14271
14316
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
14272
14317
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
14273
14318
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14319
+ }
14320
+ @media screen and (prefers-reduced-motion: no-preference) {
14321
+ .pf-v6-c-dual-list-selector {
14322
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14323
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14324
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14325
+ }
14326
+ }
14327
+ .pf-v6-c-dual-list-selector {
14274
14328
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
14275
14329
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
14276
14330
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -14312,13 +14366,6 @@ ul) {
14312
14366
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
14313
14367
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14314
14368
  }
14315
- @media screen and (prefers-reduced-motion: no-preference) {
14316
- .pf-v6-c-dual-list-selector {
14317
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14318
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14319
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14320
- }
14321
- }
14322
14369
 
14323
14370
  .pf-v6-c-dual-list-selector {
14324
14371
  display: grid;
@@ -14389,8 +14436,6 @@ ul) {
14389
14436
 
14390
14437
  .pf-v6-c-dual-list-selector__list {
14391
14438
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
14392
- display: flex;
14393
- flex-direction: column;
14394
14439
  }
14395
14440
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
14396
14441
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -14398,16 +14443,22 @@ ul) {
14398
14443
  }
14399
14444
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14400
14445
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
14401
- position: absolute;
14402
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14403
14446
  }
14404
14447
  :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 {
14405
14448
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
14406
14449
  }
14407
14450
 
14451
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14452
+ position: absolute;
14453
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14454
+ }
14408
14455
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
14409
14456
  overflow-anchor: none;
14410
14457
  }
14458
+ .pf-v6-c-dual-list-selector__list {
14459
+ display: flex;
14460
+ flex-direction: column;
14461
+ }
14411
14462
 
14412
14463
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
14413
14464
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14692,11 +14743,6 @@ ul) {
14692
14743
  --pf-v6-hidden-visible--hidden--Display: none;
14693
14744
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14694
14745
  display: var(--pf-v6-hidden-visible--Display);
14695
- flex-shrink: 0;
14696
- align-items: stretch;
14697
- align-self: stretch;
14698
- justify-content: center;
14699
- border: 0;
14700
14746
  }
14701
14747
  .pf-v6-c-divider.pf-m-hidden {
14702
14748
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14741,6 +14787,13 @@ ul) {
14741
14787
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14742
14788
  }
14743
14789
  }
14790
+ .pf-v6-c-divider {
14791
+ flex-shrink: 0;
14792
+ align-items: stretch;
14793
+ align-self: stretch;
14794
+ justify-content: center;
14795
+ border: 0;
14796
+ }
14744
14797
  .pf-v6-c-divider::before {
14745
14798
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14746
14799
  content: "";
@@ -15042,6 +15095,19 @@ ul) {
15042
15095
  --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
15043
15096
  --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
15044
15097
  --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15098
+ }
15099
+ @media screen and (prefers-reduced-motion: no-preference) {
15100
+ .pf-v6-c-drawer {
15101
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15102
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15103
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15104
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15105
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15106
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15107
+ --pf-v6-c-drawer__panel--Opacity: 1;
15108
+ }
15109
+ }
15110
+ .pf-v6-c-drawer {
15045
15111
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
15046
15112
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15047
15113
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -15104,6 +15170,17 @@ ul) {
15104
15170
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
15105
15171
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
15106
15172
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15173
+ }
15174
+ @media screen and (min-width: 75rem) {
15175
+ .pf-v6-c-drawer {
15176
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15177
+ }
15178
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15179
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15180
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15181
+ }
15182
+ }
15183
+ .pf-v6-c-drawer {
15107
15184
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
15108
15185
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
15109
15186
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -15118,43 +15195,27 @@ ul) {
15118
15195
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
15119
15196
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
15120
15197
  }
15121
- @media screen and (prefers-reduced-motion: no-preference) {
15122
- .pf-v6-c-drawer {
15123
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15124
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15125
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15126
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15127
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15128
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15129
- --pf-v6-c-drawer__panel--Opacity: 1;
15130
- }
15131
- }
15132
- @media screen and (min-width: 75rem) {
15133
- .pf-v6-c-drawer {
15134
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15135
- }
15136
- .pf-v6-c-drawer.pf-m-panel-bottom {
15137
- --pf-v6-c-drawer__panel--MinWidth: auto;
15138
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15139
- }
15140
- }
15141
15198
 
15142
15199
  .pf-v6-c-drawer {
15143
15200
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
15144
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15145
- display: flex;
15146
- flex-direction: column;
15147
- height: 100%;
15148
- overflow-x: hidden;
15149
15201
  }
15150
15202
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
15151
15203
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15152
15204
  }
15153
15205
 
15206
+ .pf-v6-c-drawer {
15207
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15208
+ }
15154
15209
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
15155
15210
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
15156
15211
  }
15157
15212
 
15213
+ .pf-v6-c-drawer {
15214
+ display: flex;
15215
+ flex-direction: column;
15216
+ height: 100%;
15217
+ overflow-x: hidden;
15218
+ }
15158
15219
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
15159
15220
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
15160
15221
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
@@ -15184,13 +15245,15 @@ ul) {
15184
15245
  }
15185
15246
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15186
15247
  transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15187
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15188
- visibility: visible;
15189
15248
  }
15190
15249
  :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 {
15191
15250
  transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
15192
15251
  }
15193
15252
 
15253
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15254
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15255
+ visibility: visible;
15256
+ }
15194
15257
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15195
15258
  transform: translateX(0);
15196
15259
  }
@@ -15247,8 +15310,8 @@ ul) {
15247
15310
  .pf-v6-c-drawer__panel,
15248
15311
  .pf-v6-c-drawer__panel-main {
15249
15312
  display: flex;
15250
- flex-direction: column;
15251
15313
  flex-shrink: 0;
15314
+ flex-direction: column;
15252
15315
  overflow: auto;
15253
15316
  }
15254
15317
 
@@ -16055,6 +16118,17 @@ ul) {
16055
16118
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
16056
16119
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
16057
16120
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16121
+ }
16122
+ @media screen and (prefers-reduced-motion: no-preference) {
16123
+ .pf-v6-c-expandable-section {
16124
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16125
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16126
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16127
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16128
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16129
+ }
16130
+ }
16131
+ .pf-v6-c-expandable-section {
16058
16132
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
16059
16133
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
16060
16134
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -16071,15 +16145,6 @@ ul) {
16071
16145
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
16072
16146
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
16073
16147
  }
16074
- @media screen and (prefers-reduced-motion: no-preference) {
16075
- .pf-v6-c-expandable-section {
16076
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16077
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16078
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16079
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16080
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16081
- }
16082
- }
16083
16148
 
16084
16149
  .pf-v6-c-expandable-section {
16085
16150
  display: flex;
@@ -16138,9 +16203,13 @@ ul) {
16138
16203
  }
16139
16204
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
16140
16205
  display: -webkit-box;
16206
+ overflow: hidden;
16141
16207
  -webkit-box-orient: vertical;
16142
16208
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
16143
- overflow: hidden;
16209
+ }
16210
+
16211
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16212
+ scale: -1 1;
16144
16213
  }
16145
16214
 
16146
16215
  .pf-v6-c-expandable-section__toggle-icon {
@@ -16150,10 +16219,6 @@ ul) {
16150
16219
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16151
16220
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
16152
16221
  }
16153
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16154
- scale: -1 1;
16155
- }
16156
-
16157
16222
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16158
16223
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
16159
16224
  }
@@ -16736,8 +16801,8 @@ ul) {
16736
16801
 
16737
16802
  .pf-v6-c-form__field-group-header-main {
16738
16803
  display: flex;
16739
- flex-direction: column;
16740
16804
  flex-grow: 1;
16805
+ flex-direction: column;
16741
16806
  }
16742
16807
 
16743
16808
  .pf-v6-c-form__field-group-header-title {
@@ -16978,8 +17043,8 @@ ul) {
16978
17043
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16979
17044
  }
16980
17045
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16981
- outline-offset: 0;
16982
17046
  scrollbar-gutter: stable;
17047
+ outline-offset: 0;
16983
17048
  }
16984
17049
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16985
17050
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -18122,6 +18187,10 @@ label.pf-v6-c-input-group__text {
18122
18187
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
18123
18188
  }
18124
18189
 
18190
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18191
+ scale: -1 1;
18192
+ }
18193
+
18125
18194
  .pf-v6-c-jump-links__toggle-icon {
18126
18195
  display: inline-block;
18127
18196
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -18130,9 +18199,6 @@ label.pf-v6-c-input-group__text {
18130
18199
  transition-property: transform;
18131
18200
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18132
18201
  }
18133
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18134
- scale: -1 1;
18135
- }
18136
18202
 
18137
18203
  .pf-v6-c-label {
18138
18204
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -18629,6 +18695,10 @@ input.pf-v6-c-label__content {
18629
18695
  .pf-v6-c-label__actions {
18630
18696
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
18631
18697
  }
18698
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18699
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18700
+ }
18701
+
18632
18702
  .pf-v6-c-label__actions .pf-v6-c-button {
18633
18703
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
18634
18704
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -18639,9 +18709,6 @@ input.pf-v6-c-label__content {
18639
18709
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
18640
18710
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18641
18711
  }
18642
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18643
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18644
- }
18645
18712
 
18646
18713
  .pf-v6-c-label-group {
18647
18714
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18782,9 +18849,9 @@ input.pf-v6-c-label__content {
18782
18849
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18783
18850
  white-space: nowrap;
18784
18851
  resize: none;
18785
- border: 0;
18786
- -ms-overflow-style: none;
18787
18852
  scrollbar-width: none;
18853
+ -ms-overflow-style: none;
18854
+ border: 0;
18788
18855
  }
18789
18856
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18790
18857
  display: none;
@@ -18870,18 +18937,48 @@ ul.pf-v6-c-list {
18870
18937
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18871
18938
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18872
18939
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
18940
+ }
18941
+ @media (min-width: 75rem) {
18942
+ .pf-v6-c-login {
18943
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18944
+ }
18945
+ }
18946
+ .pf-v6-c-login {
18873
18947
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18874
18948
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18875
18949
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18950
+ }
18951
+ @media (min-width: 36rem) {
18952
+ .pf-v6-c-login {
18953
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
18954
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
18955
+ }
18956
+ }
18957
+ .pf-v6-c-login {
18876
18958
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18877
18959
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18878
18960
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18879
18961
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18962
+ }
18963
+ @media (min-width: 75rem) {
18964
+ .pf-v6-c-login {
18965
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18966
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18967
+ }
18968
+ }
18969
+ .pf-v6-c-login {
18880
18970
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18881
18971
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18882
18972
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18883
18973
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18884
18974
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
18975
+ }
18976
+ @media (min-width: 75rem) {
18977
+ .pf-v6-c-login {
18978
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
18979
+ }
18980
+ }
18981
+ .pf-v6-c-login {
18885
18982
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18886
18983
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18887
18984
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18893,11 +18990,28 @@ ul.pf-v6-c-list {
18893
18990
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18894
18991
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18895
18992
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
18993
+ }
18994
+ @media (min-width: 48rem) {
18995
+ .pf-v6-c-login {
18996
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18997
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18998
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18999
+ }
19000
+ }
19001
+ .pf-v6-c-login {
18896
19002
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18897
19003
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18898
19004
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18899
19005
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18900
19006
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19007
+ }
19008
+ @media (min-width: 48rem) {
19009
+ .pf-v6-c-login {
19010
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19011
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19012
+ }
19013
+ }
19014
+ .pf-v6-c-login {
18901
19015
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18902
19016
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18903
19017
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18915,43 +19029,6 @@ ul.pf-v6-c-list {
18915
19029
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18916
19030
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18917
19031
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18918
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18919
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18920
- }
18921
- @media (min-width: 75rem) {
18922
- .pf-v6-c-login {
18923
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18924
- }
18925
- }
18926
- @media (min-width: 36rem) {
18927
- .pf-v6-c-login {
18928
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18929
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18930
- }
18931
- }
18932
- @media (min-width: 75rem) {
18933
- .pf-v6-c-login {
18934
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18935
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18936
- }
18937
- }
18938
- @media (min-width: 75rem) {
18939
- .pf-v6-c-login {
18940
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18941
- }
18942
- }
18943
- @media (min-width: 48rem) {
18944
- .pf-v6-c-login {
18945
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18946
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18947
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18948
- }
18949
- }
18950
- @media (min-width: 48rem) {
18951
- .pf-v6-c-login {
18952
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18953
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18954
- }
18955
19032
  }
18956
19033
  @media (min-width: 36rem) {
18957
19034
  .pf-v6-c-login {
@@ -18959,6 +19036,10 @@ ul.pf-v6-c-list {
18959
19036
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18960
19037
  }
18961
19038
  }
19039
+ .pf-v6-c-login {
19040
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19041
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19042
+ }
18962
19043
  @media (min-width: 75rem) {
18963
19044
  .pf-v6-c-login {
18964
19045
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -19169,6 +19250,11 @@ ul.pf-v6-c-list {
19169
19250
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
19170
19251
  }
19171
19252
 
19253
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19254
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19255
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19256
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19257
+ }
19172
19258
  .pf-v6-c-masthead {
19173
19259
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
19174
19260
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -19182,23 +19268,6 @@ ul.pf-v6-c-list {
19182
19268
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
19183
19269
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
19184
19270
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
19185
- display: grid;
19186
- grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19187
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19188
- row-gap: var(--pf-v6-c-masthead--RowGap);
19189
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
19190
- align-items: start;
19191
- min-width: 0;
19192
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19193
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19194
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19195
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19196
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
19197
- }
19198
- .pf-v6-c-masthead .pf-v6-c-toolbar {
19199
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19200
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19201
- --pf-v6-c-toolbar__content--MinWidth: 0;
19202
19271
  }
19203
19272
  @media screen and (min-width: 48rem) {
19204
19273
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -19216,7 +19285,33 @@ ul.pf-v6-c-list {
19216
19285
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19217
19286
  }
19218
19287
  }
19288
+ .pf-v6-c-masthead {
19289
+ display: grid;
19290
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19291
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19292
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19293
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19294
+ align-items: start;
19295
+ min-width: 0;
19296
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19297
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19298
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19299
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19300
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19301
+ }
19219
19302
  .pf-v6-c-masthead.pf-m-docked {
19303
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19304
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19305
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19306
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19307
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19308
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19309
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19310
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19311
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19312
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19313
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19314
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19220
19315
  --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19221
19316
  --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19222
19317
  --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
@@ -19238,8 +19333,8 @@ ul.pf-v6-c-list {
19238
19333
  backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19239
19334
  }
19240
19335
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19241
- flex-direction: column;
19242
19336
  flex-grow: 1;
19337
+ flex-direction: column;
19243
19338
  align-self: revert;
19244
19339
  }
19245
19340
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
@@ -19709,6 +19804,13 @@ ul.pf-v6-c-list {
19709
19804
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19710
19805
  --pf-v6-c-menu--TransitionDuration: 0s;
19711
19806
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19807
+ }
19808
+ @media (prefers-reduced-motion: no-preference) {
19809
+ .pf-v6-c-menu {
19810
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19811
+ }
19812
+ }
19813
+ .pf-v6-c-menu {
19712
19814
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19713
19815
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19714
19816
  --pf-v6-c-menu__content--Height: auto;
@@ -19788,33 +19890,34 @@ ul.pf-v6-c-list {
19788
19890
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19789
19891
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19790
19892
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19791
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19792
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19793
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19794
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19795
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19796
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19797
- }
19798
- @media (prefers-reduced-motion: no-preference) {
19799
- .pf-v6-c-menu {
19800
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19801
- }
19802
19893
  }
19803
19894
  @media (prefers-reduced-motion: no-preference) {
19804
19895
  .pf-v6-c-menu {
19805
19896
  --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);
19806
19897
  }
19807
19898
  }
19899
+ .pf-v6-c-menu {
19900
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19901
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19902
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19903
+ }
19808
19904
  @media (prefers-reduced-motion: no-preference) {
19809
19905
  .pf-v6-c-menu {
19810
19906
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19811
19907
  }
19812
19908
  }
19909
+ .pf-v6-c-menu {
19910
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19911
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19912
+ }
19813
19913
  @media (prefers-reduced-motion: no-preference) {
19814
19914
  .pf-v6-c-menu {
19815
19915
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19816
19916
  }
19817
19917
  }
19918
+ .pf-v6-c-menu {
19919
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19920
+ }
19818
19921
 
19819
19922
  .pf-v6-c-menu__content,
19820
19923
  .pf-v6-c-menu__list-item,
@@ -20272,13 +20375,14 @@ ul.pf-v6-c-list {
20272
20375
  --pf-v6-c-check__input--TranslateY: none;
20273
20376
  }
20274
20377
 
20275
- .pf-v6-c-menu__item-toggle-icon {
20276
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20277
- }
20278
20378
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
20279
20379
  scale: -1 1;
20280
20380
  }
20281
20381
 
20382
+ .pf-v6-c-menu__item-toggle-icon {
20383
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20384
+ }
20385
+
20282
20386
  .pf-v6-c-menu__item-icon {
20283
20387
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
20284
20388
  }
@@ -20869,6 +20973,13 @@ ul.pf-v6-c-list {
20869
20973
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20870
20974
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20871
20975
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
20976
+ }
20977
+ @media (min-width: 75rem) {
20978
+ .pf-v6-c-modal-box {
20979
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20980
+ }
20981
+ }
20982
+ .pf-v6-c-modal-box {
20872
20983
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20873
20984
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20874
20985
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20900,11 +21011,6 @@ ul.pf-v6-c-list {
20900
21011
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20901
21012
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20902
21013
  }
20903
- @media (min-width: 75rem) {
20904
- .pf-v6-c-modal-box {
20905
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20906
- }
20907
- }
20908
21014
 
20909
21015
  .pf-v6-c-modal-box {
20910
21016
  position: relative;
@@ -20966,8 +21072,8 @@ ul.pf-v6-c-list {
20966
21072
 
20967
21073
  .pf-v6-c-modal-box__header {
20968
21074
  display: flex;
20969
- flex-direction: column;
20970
21075
  flex-shrink: 0;
21076
+ flex-direction: column;
20971
21077
  gap: var(--pf-v6-c-modal-box__header--Gap);
20972
21078
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20973
21079
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20984,8 +21090,8 @@ ul.pf-v6-c-list {
20984
21090
 
20985
21091
  .pf-v6-c-modal-box__header-main {
20986
21092
  display: flex;
20987
- flex-direction: column;
20988
21093
  flex-grow: 1;
21094
+ flex-direction: column;
20989
21095
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20990
21096
  min-width: 0;
20991
21097
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -21339,6 +21445,15 @@ ul.pf-v6-c-list {
21339
21445
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
21340
21446
  --pf-v6-c-nav__subnav--TranslateY: 0;
21341
21447
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21448
+ }
21449
+ @media screen and (prefers-reduced-motion: no-preference) {
21450
+ .pf-v6-c-nav {
21451
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21452
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21453
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21454
+ }
21455
+ }
21456
+ .pf-v6-c-nav {
21342
21457
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21343
21458
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21344
21459
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -21374,13 +21489,6 @@ ul.pf-v6-c-list {
21374
21489
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21375
21490
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21376
21491
  }
21377
- @media screen and (prefers-reduced-motion: no-preference) {
21378
- .pf-v6-c-nav {
21379
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21380
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21381
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21382
- }
21383
- }
21384
21492
 
21385
21493
  .pf-v6-c-nav,
21386
21494
  .pf-v6-c-nav__section,
@@ -21428,6 +21536,10 @@ ul.pf-v6-c-list {
21428
21536
  position: relative;
21429
21537
  align-self: center;
21430
21538
  min-width: 1lh;
21539
+ text-align: center;
21540
+ }
21541
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21542
+ display: none;
21431
21543
  }
21432
21544
  .pf-v6-c-nav .pf-v6-c-menu {
21433
21545
  --pf-v6-c-menu--MinWidth: 100%;
@@ -21661,12 +21773,14 @@ ul.pf-v6-c-list {
21661
21773
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21662
21774
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21663
21775
  -webkit-overflow-scrolling: touch;
21664
- scrollbar-width: none;
21665
- -ms-overflow-style: -ms-autohiding-scrollbar;
21666
21776
  }
21667
21777
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
21668
21778
  display: none;
21669
21779
  }
21780
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21781
+ scrollbar-width: none;
21782
+ -ms-overflow-style: -ms-autohiding-scrollbar;
21783
+ }
21670
21784
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21671
21785
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21672
21786
  }
@@ -21881,9 +21995,9 @@ ul.pf-v6-c-list {
21881
21995
  }
21882
21996
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21883
21997
  display: -webkit-box;
21998
+ overflow: hidden;
21884
21999
  -webkit-box-orient: vertical;
21885
22000
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21886
- overflow: hidden;
21887
22001
  }
21888
22002
 
21889
22003
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21937,9 +22051,9 @@ ul.pf-v6-c-list {
21937
22051
 
21938
22052
  .pf-v6-c-notification-drawer__group-toggle-title {
21939
22053
  display: -webkit-box;
22054
+ overflow: hidden;
21940
22055
  -webkit-box-orient: vertical;
21941
22056
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21942
- overflow: hidden;
21943
22057
  flex: 1;
21944
22058
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21945
22059
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21952,15 +22066,15 @@ ul.pf-v6-c-list {
21952
22066
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21953
22067
  }
21954
22068
 
22069
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22070
+ scale: -1 1;
22071
+ }
22072
+
21955
22073
  .pf-v6-c-notification-drawer__group-toggle-icon {
21956
22074
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21957
22075
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21958
22076
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21959
22077
  }
21960
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21961
- scale: -1 1;
21962
- }
21963
-
21964
22078
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21965
22079
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21966
22080
  }
@@ -22029,6 +22143,15 @@ ul.pf-v6-c-list {
22029
22143
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
22030
22144
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
22031
22145
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22146
+ }
22147
+ @media screen and (prefers-reduced-motion: no-preference) {
22148
+ .pf-v6-c-page {
22149
+ --pf-v6-c-page__sidebar--Opacity: 1;
22150
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22151
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22152
+ }
22153
+ }
22154
+ .pf-v6-c-page {
22032
22155
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22033
22156
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
22034
22157
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -22044,6 +22167,15 @@ ul.pf-v6-c-list {
22044
22167
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
22045
22168
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22046
22169
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22170
+ }
22171
+ @media screen and (min-width: 75rem) {
22172
+ .pf-v6-c-page {
22173
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22174
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22175
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22176
+ }
22177
+ }
22178
+ .pf-v6-c-page {
22047
22179
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
22048
22180
  --pf-v6-c-page__main-container--GridArea: main;
22049
22181
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -22066,6 +22198,17 @@ ul.pf-v6-c-list {
22066
22198
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
22067
22199
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
22068
22200
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22201
+ }
22202
+ @media screen and (max-width: calc(48rem - 1px)) {
22203
+ .pf-v6-c-page {
22204
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22205
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22206
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22207
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22208
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22209
+ }
22210
+ }
22211
+ .pf-v6-c-page {
22069
22212
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
22070
22213
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22071
22214
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -22118,29 +22261,6 @@ ul.pf-v6-c-list {
22118
22261
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22119
22262
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
22120
22263
  }
22121
- @media screen and (prefers-reduced-motion: no-preference) {
22122
- .pf-v6-c-page {
22123
- --pf-v6-c-page__sidebar--Opacity: 1;
22124
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
22125
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22126
- }
22127
- }
22128
- @media screen and (min-width: 75rem) {
22129
- .pf-v6-c-page {
22130
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22131
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22132
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22133
- }
22134
- }
22135
- @media screen and (max-width: calc(48rem - 1px)) {
22136
- .pf-v6-c-page {
22137
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22138
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22139
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22140
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22141
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22142
- }
22143
- }
22144
22264
 
22145
22265
  .pf-v6-c-page {
22146
22266
  display: grid;
@@ -22215,15 +22335,15 @@ ul.pf-v6-c-list {
22215
22335
  }
22216
22336
  }
22217
22337
 
22218
- .pf-v6-c-page > .pf-v6-c-masthead {
22219
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22220
- grid-area: header;
22221
- }
22222
22338
  @media (min-width: 75rem) {
22223
22339
  .pf-v6-c-page > .pf-v6-c-masthead {
22224
22340
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
22225
22341
  }
22226
22342
  }
22343
+ .pf-v6-c-page > .pf-v6-c-masthead {
22344
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22345
+ grid-area: header;
22346
+ }
22227
22347
 
22228
22348
  .pf-v6-c-page__dock {
22229
22349
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -22340,8 +22460,8 @@ ul.pf-v6-c-list {
22340
22460
  .pf-v6-c-page__main-group,
22341
22461
  .pf-v6-c-page__main-subnav {
22342
22462
  display: flex;
22343
- flex-direction: column;
22344
22463
  flex-shrink: 0;
22464
+ flex-direction: column;
22345
22465
  }
22346
22466
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
22347
22467
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -22585,8 +22705,8 @@ ul.pf-v6-c-list {
22585
22705
  .pf-v6-c-page__main-drawer,
22586
22706
  .pf-v6-c-page__main-group {
22587
22707
  display: flex;
22588
- flex-direction: column;
22589
22708
  flex-grow: 1;
22709
+ flex-direction: column;
22590
22710
  }
22591
22711
 
22592
22712
  .pf-v6-c-page__main {
@@ -24500,8 +24620,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24500
24620
  position: var(--pf-v6-c-sidebar__panel--Position);
24501
24621
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
24502
24622
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
24503
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24504
24623
  flex-shrink: 0;
24624
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24505
24625
  order: var(--pf-v6-c-sidebar__panel--Order);
24506
24626
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
24507
24627
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24798,7 +24918,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24798
24918
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24799
24919
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24800
24920
  --pf-v6-c-skeleton--before--Height: auto;
24801
- --pf-v6-c-skeleton--before--Content: " ";
24921
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24802
24922
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24803
24923
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24804
24924
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24809,6 +24929,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24809
24929
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24810
24930
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24811
24931
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
24932
+ }
24933
+ @media screen and (prefers-reduced-motion: no-preference) {
24934
+ .pf-v6-c-skeleton {
24935
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24936
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24937
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24938
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
24939
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24940
+ }
24941
+ }
24942
+ .pf-v6-c-skeleton {
24812
24943
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24813
24944
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24814
24945
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -24836,15 +24967,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24836
24967
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24837
24968
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24838
24969
  }
24839
- @media screen and (prefers-reduced-motion: no-preference) {
24840
- .pf-v6-c-skeleton {
24841
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24842
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24843
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24844
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24845
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24846
- }
24847
- }
24848
24970
 
24849
24971
  .pf-v6-c-skeleton {
24850
24972
  position: relative;
@@ -24861,6 +24983,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24861
24983
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24862
24984
  content: var(--pf-v6-c-skeleton--before--Content);
24863
24985
  }
24986
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24987
+ scale: -1 1;
24988
+ }
24989
+
24864
24990
  .pf-v6-c-skeleton::after {
24865
24991
  position: absolute;
24866
24992
  inset: 0;
@@ -24870,10 +24996,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24870
24996
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24871
24997
  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);
24872
24998
  }
24873
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24874
- scale: -1 1;
24875
- }
24876
-
24877
24999
  .pf-v6-c-skeleton.pf-m-circle {
24878
25000
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24879
25001
  }
@@ -25061,12 +25183,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25061
25183
 
25062
25184
  .pf-v6-c-slider {
25063
25185
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
25064
- display: flex;
25065
25186
  }
25066
25187
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
25067
25188
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
25068
25189
  }
25069
25190
 
25191
+ .pf-v6-c-slider {
25192
+ display: flex;
25193
+ }
25070
25194
  .pf-v6-c-slider.pf-m-disabled {
25071
25195
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
25072
25196
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -25129,6 +25253,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25129
25253
 
25130
25254
  .pf-v6-c-slider__step-tick {
25131
25255
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25256
+ }
25257
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25258
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25259
+ }
25260
+
25261
+ .pf-v6-c-slider__step-tick {
25132
25262
  position: absolute;
25133
25263
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
25134
25264
  inset-inline-start: 0;
@@ -25138,22 +25268,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25138
25268
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
25139
25269
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
25140
25270
  }
25141
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25142
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25143
- }
25144
25271
 
25145
25272
  .pf-v6-c-slider__step-label {
25146
25273
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
25147
- position: absolute;
25148
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25149
- word-break: normal;
25150
25274
  }
25151
25275
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
25152
25276
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25153
25277
  }
25154
25278
 
25279
+ .pf-v6-c-slider__step-label {
25280
+ position: absolute;
25281
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25282
+ word-break: normal;
25283
+ }
25284
+
25155
25285
  .pf-v6-c-slider__thumb {
25156
25286
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25287
+ }
25288
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25289
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25290
+ }
25291
+
25292
+ .pf-v6-c-slider__thumb {
25157
25293
  position: absolute;
25158
25294
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
25159
25295
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -25165,12 +25301,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25165
25301
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
25166
25302
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
25167
25303
  }
25168
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25169
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25304
+ .pf-v6-c-slider__thumb::before {
25305
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25306
+ }
25307
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25308
+ 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));
25170
25309
  }
25171
25310
 
25172
25311
  .pf-v6-c-slider__thumb::before {
25173
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25174
25312
  position: absolute;
25175
25313
  inset-block-start: 50%;
25176
25314
  inset-inline-start: 50%;
@@ -25179,10 +25317,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25179
25317
  content: "";
25180
25318
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
25181
25319
  }
25182
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25183
- 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));
25184
- }
25185
-
25186
25320
  .pf-v6-c-slider__thumb:hover {
25187
25321
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
25188
25322
  }
@@ -25199,16 +25333,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25199
25333
  }
25200
25334
  .pf-v6-c-slider__value.pf-m-floating {
25201
25335
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25336
+ }
25337
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25338
+ 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));
25339
+ }
25340
+
25341
+ .pf-v6-c-slider__value.pf-m-floating {
25202
25342
  --pf-v6-c-slider__value--MarginInlineStart: 0;
25203
25343
  position: absolute;
25204
25344
  inset-block-start: 0;
25205
25345
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
25206
25346
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
25207
25347
  }
25208
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25209
- 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));
25210
- }
25211
-
25212
25348
  .pf-v6-c-slider__value .pf-v6-c-form-control {
25213
25349
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
25214
25350
  }
@@ -25386,12 +25522,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25386
25522
  }
25387
25523
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25388
25524
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
25389
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25390
25525
  }
25391
25526
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25392
25527
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
25393
25528
  }
25394
25529
 
25530
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25531
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25532
+ }
25395
25533
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
25396
25534
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
25397
25535
  }
@@ -27213,6 +27351,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27213
27351
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
27214
27352
  --pf-v6-c-table__expandable-row--TranslateY: 0;
27215
27353
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27354
+ }
27355
+ @media screen and (prefers-reduced-motion: no-preference) {
27356
+ .pf-v6-c-table {
27357
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27358
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27359
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27360
+ }
27361
+ }
27362
+ .pf-v6-c-table {
27216
27363
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
27217
27364
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
27218
27365
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -27281,13 +27428,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27281
27428
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
27282
27429
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
27283
27430
  }
27284
- @media screen and (prefers-reduced-motion: no-preference) {
27285
- .pf-v6-c-table {
27286
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27287
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27288
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27289
- }
27290
- }
27291
27431
 
27292
27432
  .pf-v6-c-table {
27293
27433
  width: 100%;
@@ -27352,22 +27492,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27352
27492
  --pf-v6-hidden-visible--hidden--Display: none;
27353
27493
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27354
27494
  display: var(--pf-v6-hidden-visible--Display);
27355
- position: relative;
27356
- width: var(--pf-v6-c-table--cell--Width);
27357
- min-width: var(--pf-v6-c-table--cell--MinWidth);
27358
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
27359
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27360
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27361
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27362
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27363
- overflow: var(--pf-v6-c-table--cell--Overflow);
27364
- font-size: var(--pf-v6-c-table--cell--FontSize);
27365
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
27366
- line-height: var(--pf-v6-c-table--cell--LineHeight);
27367
- color: var(--pf-v6-c-table--cell--Color);
27368
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27369
- word-break: var(--pf-v6-c-table--cell--WordBreak);
27370
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27371
27495
  }
27372
27496
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
27373
27497
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -27412,6 +27536,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27412
27536
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27413
27537
  }
27414
27538
  }
27539
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27540
+ position: relative;
27541
+ width: var(--pf-v6-c-table--cell--Width);
27542
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27543
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27544
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27545
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27546
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27547
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27548
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27549
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27550
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27551
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27552
+ color: var(--pf-v6-c-table--cell--Color);
27553
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27554
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27555
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27556
+ }
27415
27557
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27416
27558
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
27417
27559
  }
@@ -27768,16 +27910,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27768
27910
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27769
27911
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27770
27912
  }
27913
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27914
+ scale: -1 1;
27915
+ }
27916
+
27771
27917
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27772
27918
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27773
27919
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27774
27920
  transition-property: transform;
27775
27921
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27776
27922
  }
27777
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27778
- scale: -1 1;
27779
- }
27780
-
27781
27923
  .pf-v6-c-table__toggle svg {
27782
27924
  pointer-events: none;
27783
27925
  }
@@ -28254,13 +28396,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28254
28396
  }
28255
28397
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28256
28398
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
28257
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28258
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28259
28399
  }
28260
28400
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28261
28401
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
28262
28402
  }
28263
28403
 
28404
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28405
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28406
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28407
+ }
28264
28408
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28265
28409
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28266
28410
  }
@@ -29310,8 +29454,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29310
29454
  }
29311
29455
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
29312
29456
  position: relative;
29313
- flex-direction: column;
29314
29457
  flex-grow: 1;
29458
+ flex-direction: column;
29315
29459
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
29316
29460
  }
29317
29461
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -29476,15 +29620,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29476
29620
  white-space: normal;
29477
29621
  }
29478
29622
 
29623
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29624
+ scale: -1 1;
29625
+ }
29626
+
29479
29627
  .pf-v6-c-tabs__toggle-icon {
29480
29628
  display: inline-block;
29481
29629
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
29482
29630
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
29483
29631
  }
29484
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29485
- scale: -1 1;
29486
- }
29487
29632
 
29633
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29634
+ display: none;
29635
+ }
29488
29636
  .pf-v6-c-tabs__list {
29489
29637
  scrollbar-width: none;
29490
29638
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -29496,20 +29644,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29496
29644
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
29497
29645
  -webkit-overflow-scrolling: touch;
29498
29646
  }
29499
- .pf-v6-c-tabs__list::-webkit-scrollbar {
29500
- display: none;
29501
- }
29502
29647
 
29503
29648
  .pf-v6-c-tabs__item {
29504
29649
  position: relative;
29505
29650
  display: flex;
29506
29651
  flex: none;
29507
29652
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
29508
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29509
29653
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
29510
29654
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
29511
29655
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
29512
29656
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29657
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29513
29658
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
29514
29659
  }
29515
29660
  .pf-v6-c-tabs__item.pf-m-current {
@@ -29562,6 +29707,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29562
29707
  border: 0;
29563
29708
  }
29564
29709
 
29710
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29711
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29712
+ }
29713
+
29565
29714
  .pf-v6-c-tabs__link {
29566
29715
  display: flex;
29567
29716
  flex: 1;
@@ -29579,10 +29728,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29579
29728
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
29580
29729
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
29581
29730
  }
29582
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29583
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29584
- }
29585
-
29586
29731
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
29587
29732
  pointer-events: none;
29588
29733
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -29637,6 +29782,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29637
29782
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
29638
29783
  }
29639
29784
 
29785
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29786
+ scale: -1 1;
29787
+ }
29788
+
29640
29789
  .pf-v6-c-tabs__link-toggle-icon {
29641
29790
  align-self: end;
29642
29791
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -29644,9 +29793,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29644
29793
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
29645
29794
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
29646
29795
  }
29647
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29648
- scale: -1 1;
29649
- }
29650
29796
 
29651
29797
  .pf-v6-c-tabs__item-action {
29652
29798
  display: flex;
@@ -30664,9 +30810,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30664
30810
  --pf-v6-hidden-visible--hidden--Display: none;
30665
30811
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30666
30812
  display: var(--pf-v6-hidden-visible--Display);
30667
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30668
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
30669
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
30670
30813
  }
30671
30814
  .pf-v6-c-toolbar__content.pf-m-hidden {
30672
30815
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -30711,6 +30854,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30711
30854
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30712
30855
  }
30713
30856
  }
30857
+ .pf-v6-c-toolbar__content {
30858
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30859
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
30860
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
30861
+ }
30714
30862
 
30715
30863
  .pf-v6-c-toolbar__content-section {
30716
30864
  flex-wrap: wrap;
@@ -30784,11 +30932,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30784
30932
 
30785
30933
  .pf-v6-c-toolbar__item {
30786
30934
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30787
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30788
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30789
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30790
- width: var(--pf-v6-c-toolbar__item--Width--base);
30791
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30792
30935
  }
30793
30936
  @media (min-width: 36rem) {
30794
30937
  .pf-v6-c-toolbar__item {
@@ -30815,6 +30958,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30815
30958
  --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))))));
30816
30959
  }
30817
30960
  }
30961
+ .pf-v6-c-toolbar__item {
30962
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30963
+ }
30818
30964
  @media (min-width: 36rem) {
30819
30965
  .pf-v6-c-toolbar__item {
30820
30966
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30840,6 +30986,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30840
30986
  --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))))));
30841
30987
  }
30842
30988
  }
30989
+ .pf-v6-c-toolbar__item {
30990
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30991
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30992
+ width: var(--pf-v6-c-toolbar__item--Width--base);
30993
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30994
+ }
30843
30995
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30844
30996
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30845
30997
  }
@@ -32713,6 +32865,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32713
32865
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
32714
32866
  --pf-v6-c-tree-view__list--TranslateY: 0;
32715
32867
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
32868
+ }
32869
+ @media screen and (prefers-reduced-motion: no-preference) {
32870
+ .pf-v6-c-tree-view {
32871
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32872
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32873
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32874
+ }
32875
+ }
32876
+ .pf-v6-c-tree-view {
32716
32877
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
32717
32878
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
32718
32879
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -32741,6 +32902,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32741
32902
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32742
32903
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32743
32904
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
32905
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
32906
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32907
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32744
32908
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32745
32909
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32746
32910
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32796,6 +32960,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32796
32960
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32797
32961
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32798
32962
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
32963
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
32964
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
32965
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
32966
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32967
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
32968
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32799
32969
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32800
32970
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32801
32971
  --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));
@@ -32805,13 +32975,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32805
32975
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32806
32976
  --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);
32807
32977
  }
32808
- @media screen and (prefers-reduced-motion: no-preference) {
32809
- .pf-v6-c-tree-view {
32810
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32811
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32812
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32813
- }
32814
- }
32815
32978
 
32816
32979
  .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 {
32817
32980
  position: relative;
@@ -32892,11 +33055,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32892
33055
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32893
33056
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32894
33057
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33058
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32895
33059
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32896
33060
  }
32897
33061
  .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 {
32898
33062
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32899
33063
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33064
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33065
+ }
33066
+ .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 {
33067
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32900
33068
  }
32901
33069
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32902
33070
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32921,6 +33089,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32921
33089
  }
32922
33090
  .pf-v6-c-tree-view.pf-m-no-background {
32923
33091
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33092
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33093
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33094
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33095
+ }
33096
+
33097
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33098
+ scale: -1 1;
32924
33099
  }
32925
33100
 
32926
33101
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32930,9 +33105,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32930
33105
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32931
33106
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32932
33107
  }
32933
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32934
- scale: -1 1;
32935
- }
32936
33108
 
32937
33109
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32938
33110
  max-height: 0;
@@ -32996,6 +33168,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32996
33168
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32997
33169
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32998
33170
  }
33171
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33172
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33173
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33174
+ --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);
33175
+ --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);
33176
+ }
32999
33177
 
33000
33178
  .pf-v6-c-tree-view__node-container {
33001
33179
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -33038,6 +33216,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33038
33216
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
33039
33217
  }
33040
33218
 
33219
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33220
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33221
+ }
33222
+
33041
33223
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
33042
33224
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
33043
33225
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -33053,6 +33235,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33053
33235
  white-space: nowrap;
33054
33236
  }
33055
33237
 
33238
+ label.pf-v6-c-tree-view__node-text {
33239
+ cursor: pointer;
33240
+ }
33241
+
33056
33242
  .pf-v6-c-tree-view__node-text {
33057
33243
  font-weight: inherit;
33058
33244
  color: inherit;
@@ -33060,9 +33246,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33060
33246
  background-color: transparent;
33061
33247
  border: 0;
33062
33248
  }
33063
- label.pf-v6-c-tree-view__node-text {
33064
- cursor: pointer;
33065
- }
33066
33249
 
33067
33250
  .pf-v6-c-tree-view__node-title {
33068
33251
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -33291,6 +33474,15 @@ label.pf-v6-c-tree-view__node-text {
33291
33474
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
33292
33475
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
33293
33476
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33477
+ }
33478
+ @media screen and (min-width: 62rem) {
33479
+ .pf-v6-c-wizard {
33480
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33481
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33482
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33483
+ }
33484
+ }
33485
+ .pf-v6-c-wizard {
33294
33486
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
33295
33487
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
33296
33488
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -33315,13 +33507,6 @@ label.pf-v6-c-tree-view__node-text {
33315
33507
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
33316
33508
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
33317
33509
  }
33318
- @media screen and (min-width: 62rem) {
33319
- .pf-v6-c-wizard {
33320
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33321
- --pf-v6-c-wizard__nav--BoxShadow: none;
33322
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33323
- }
33324
- }
33325
33510
 
33326
33511
  .pf-v6-c-wizard {
33327
33512
  position: relative;
@@ -33457,13 +33642,14 @@ label.pf-v6-c-tree-view__node-text {
33457
33642
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
33458
33643
  }
33459
33644
 
33460
- .pf-v6-c-wizard__toggle-separator {
33461
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
33462
- }
33463
33645
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
33464
33646
  scale: -1 1;
33465
33647
  }
33466
33648
 
33649
+ .pf-v6-c-wizard__toggle-separator {
33650
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33651
+ }
33652
+
33467
33653
  .pf-v6-c-wizard__toggle-icon {
33468
33654
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
33469
33655
  }
@@ -33471,8 +33657,8 @@ label.pf-v6-c-tree-view__node-text {
33471
33657
  .pf-v6-c-wizard__outer-wrap {
33472
33658
  position: relative;
33473
33659
  display: flex;
33474
- flex-direction: column;
33475
33660
  flex-grow: 1;
33661
+ flex-direction: column;
33476
33662
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
33477
33663
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
33478
33664
  }
@@ -33485,8 +33671,8 @@ label.pf-v6-c-tree-view__node-text {
33485
33671
  .pf-v6-c-wizard__inner-wrap {
33486
33672
  position: relative;
33487
33673
  display: flex;
33488
- flex-direction: column;
33489
33674
  flex-grow: 1;
33675
+ flex-direction: column;
33490
33676
  min-height: 0;
33491
33677
  }
33492
33678
  @media screen and (min-width: 62rem) {
@@ -33664,6 +33850,10 @@ label.pf-v6-c-tree-view__node-text {
33664
33850
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
33665
33851
  }
33666
33852
 
33853
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33854
+ scale: -1 1;
33855
+ }
33856
+
33667
33857
  .pf-v6-c-wizard__nav-link-toggle-icon {
33668
33858
  display: inline-block;
33669
33859
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -33671,15 +33861,12 @@ label.pf-v6-c-tree-view__node-text {
33671
33861
  transition-property: transform;
33672
33862
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
33673
33863
  }
33674
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33675
- scale: -1 1;
33676
- }
33677
33864
 
33678
33865
  .pf-v6-c-wizard__main {
33679
33866
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
33680
33867
  display: flex;
33681
- flex-direction: column;
33682
33868
  flex-grow: 1;
33869
+ flex-direction: column;
33683
33870
  overflow-x: hidden;
33684
33871
  overflow-y: auto;
33685
33872
  word-break: break-word;
@@ -36117,12 +36304,13 @@ label.pf-v6-c-tree-view__node-text {
36117
36304
  display: grid;
36118
36305
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
36119
36306
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
36120
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36121
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36122
36307
  }
36123
36308
  .pf-v6-l-gallery.pf-m-gutter {
36124
36309
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
36125
36310
  }
36311
+ .pf-v6-l-gallery {
36312
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36313
+ }
36126
36314
  @media (min-width: 36rem) {
36127
36315
  .pf-v6-l-gallery {
36128
36316
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -36148,6 +36336,9 @@ label.pf-v6-c-tree-view__node-text {
36148
36336
  --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))))));
36149
36337
  }
36150
36338
  }
36339
+ .pf-v6-l-gallery {
36340
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36341
+ }
36151
36342
  @media (min-width: 36rem) {
36152
36343
  .pf-v6-l-gallery {
36153
36344
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));