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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/assets/fontawesome/_variables.scss +2 -1
  2. package/base/tokens/tokens-local.scss +1 -1
  3. package/components/AboutModalBox/about-modal-box.css +36 -26
  4. package/components/Accordion/accordion.css +16 -13
  5. package/components/Alert/alert.css +5 -4
  6. package/components/Avatar/avatar.css +12 -4
  7. package/components/BackgroundImage/background-image.css +6 -3
  8. package/components/Banner/banner.css +8 -6
  9. package/components/Brand/brand.css +3 -1
  10. package/components/Breadcrumb/breadcrumb.css +4 -3
  11. package/components/Button/button.css +6 -6
  12. package/components/CalendarMonth/calendar-month.css +4 -3
  13. package/components/Card/card.css +7 -6
  14. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  15. package/components/CodeEditor/code-editor.css +1 -1
  16. package/components/CodeEditor/code-editor.scss +1 -1
  17. package/components/Compass/compass.css +6 -2
  18. package/components/DataList/data-list.css +28 -21
  19. package/components/DescriptionList/description-list-order.scss +5 -1
  20. package/components/DescriptionList/description-list.css +7 -5
  21. package/components/DescriptionList/description-list.scss +5 -1
  22. package/components/Divider/divider.css +7 -5
  23. package/components/Drawer/drawer.css +38 -28
  24. package/components/Drawer/drawer.scss +12 -4
  25. package/components/DualListSelector/dual-list-selector.css +17 -11
  26. package/components/ExpandableSection/expandable-section.css +16 -14
  27. package/components/ExpandableSection/expandable-section.scss +1 -1
  28. package/components/Form/form.css +1 -1
  29. package/components/Form/form.scss +1 -1
  30. package/components/FormControl/form-control.css +1 -1
  31. package/components/FormControl/form-control.scss +1 -1
  32. package/components/JumpLinks/jump-links.css +4 -3
  33. package/components/JumpLinks/jump-links.scss +5 -1
  34. package/components/Label/label-group.css +2 -2
  35. package/components/Label/label-group.scss +2 -2
  36. package/components/Label/label.css +4 -3
  37. package/components/Login/login.css +51 -37
  38. package/components/Masthead/masthead.css +20 -18
  39. package/components/Masthead/masthead.scss +6 -2
  40. package/components/Menu/menu.css +23 -14
  41. package/components/ModalBox/modal-box.css +9 -7
  42. package/components/ModalBox/modal-box.scss +2 -2
  43. package/components/Nav/nav.css +13 -9
  44. package/components/NotificationDrawer/notification-drawer.css +6 -6
  45. package/components/Page/page.css +35 -29
  46. package/components/Page/page.scss +17 -5
  47. package/components/Pagination/pagination.scss +5 -1
  48. package/components/ProgressStepper/progress-stepper.scss +5 -1
  49. package/components/Sidebar/sidebar.css +1 -1
  50. package/components/Sidebar/sidebar.scss +7 -3
  51. package/components/Skeleton/skeleton.css +16 -15
  52. package/components/Slider/slider.css +32 -18
  53. package/components/Switch/switch.css +3 -1
  54. package/components/Table/table-tree-view.css +4 -2
  55. package/components/Table/table.css +31 -27
  56. package/components/Tabs/tabs.css +17 -15
  57. package/components/Tabs/tabs.scss +12 -4
  58. package/components/Toolbar/toolbar.css +14 -8
  59. package/components/Toolbar/toolbar.scss +5 -1
  60. package/components/TreeView/tree-view.css +44 -13
  61. package/components/TreeView/tree-view.scss +31 -0
  62. package/components/Wizard/wizard.css +20 -16
  63. package/components/Wizard/wizard.scss +3 -3
  64. package/components/_index.css +598 -427
  65. package/docs/components/TreeView/examples/TreeView.md +38 -26
  66. package/layouts/Flex/flex.scss +83 -19
  67. package/layouts/Gallery/gallery.css +6 -2
  68. package/layouts/_index.css +6 -2
  69. package/package.json +4 -2
  70. package/patternfly-charts.css +3 -3
  71. package/patternfly-no-globals.css +588 -413
  72. package/patternfly.css +588 -413
  73. package/patternfly.min.css +1 -1
  74. package/patternfly.min.css.map +1 -1
  75. package/sass-utilities/functions.scss +32 -25
  76. package/sass-utilities/mixins.scss +36 -20
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,6 +19285,20 @@ 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 {
19220
19303
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19221
19304
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
@@ -19250,8 +19333,8 @@ ul.pf-v6-c-list {
19250
19333
  backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19251
19334
  }
19252
19335
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19253
- flex-direction: column;
19254
19336
  flex-grow: 1;
19337
+ flex-direction: column;
19255
19338
  align-self: revert;
19256
19339
  }
19257
19340
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
@@ -19721,6 +19804,13 @@ ul.pf-v6-c-list {
19721
19804
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19722
19805
  --pf-v6-c-menu--TransitionDuration: 0s;
19723
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 {
19724
19814
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19725
19815
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19726
19816
  --pf-v6-c-menu__content--Height: auto;
@@ -19800,33 +19890,34 @@ ul.pf-v6-c-list {
19800
19890
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19801
19891
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19802
19892
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19803
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19804
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19805
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19806
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19807
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19808
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19809
- }
19810
- @media (prefers-reduced-motion: no-preference) {
19811
- .pf-v6-c-menu {
19812
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19813
- }
19814
19893
  }
19815
19894
  @media (prefers-reduced-motion: no-preference) {
19816
19895
  .pf-v6-c-menu {
19817
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);
19818
19897
  }
19819
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
+ }
19820
19904
  @media (prefers-reduced-motion: no-preference) {
19821
19905
  .pf-v6-c-menu {
19822
19906
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19823
19907
  }
19824
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
+ }
19825
19913
  @media (prefers-reduced-motion: no-preference) {
19826
19914
  .pf-v6-c-menu {
19827
19915
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19828
19916
  }
19829
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
+ }
19830
19921
 
19831
19922
  .pf-v6-c-menu__content,
19832
19923
  .pf-v6-c-menu__list-item,
@@ -20284,13 +20375,14 @@ ul.pf-v6-c-list {
20284
20375
  --pf-v6-c-check__input--TranslateY: none;
20285
20376
  }
20286
20377
 
20287
- .pf-v6-c-menu__item-toggle-icon {
20288
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20289
- }
20290
20378
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
20291
20379
  scale: -1 1;
20292
20380
  }
20293
20381
 
20382
+ .pf-v6-c-menu__item-toggle-icon {
20383
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20384
+ }
20385
+
20294
20386
  .pf-v6-c-menu__item-icon {
20295
20387
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
20296
20388
  }
@@ -20881,6 +20973,13 @@ ul.pf-v6-c-list {
20881
20973
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20882
20974
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20883
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 {
20884
20983
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20885
20984
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20886
20985
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20912,11 +21011,6 @@ ul.pf-v6-c-list {
20912
21011
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20913
21012
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20914
21013
  }
20915
- @media (min-width: 75rem) {
20916
- .pf-v6-c-modal-box {
20917
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20918
- }
20919
- }
20920
21014
 
20921
21015
  .pf-v6-c-modal-box {
20922
21016
  position: relative;
@@ -20978,8 +21072,8 @@ ul.pf-v6-c-list {
20978
21072
 
20979
21073
  .pf-v6-c-modal-box__header {
20980
21074
  display: flex;
20981
- flex-direction: column;
20982
21075
  flex-shrink: 0;
21076
+ flex-direction: column;
20983
21077
  gap: var(--pf-v6-c-modal-box__header--Gap);
20984
21078
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20985
21079
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20996,8 +21090,8 @@ ul.pf-v6-c-list {
20996
21090
 
20997
21091
  .pf-v6-c-modal-box__header-main {
20998
21092
  display: flex;
20999
- flex-direction: column;
21000
21093
  flex-grow: 1;
21094
+ flex-direction: column;
21001
21095
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
21002
21096
  min-width: 0;
21003
21097
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -21351,6 +21445,15 @@ ul.pf-v6-c-list {
21351
21445
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
21352
21446
  --pf-v6-c-nav__subnav--TranslateY: 0;
21353
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 {
21354
21457
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21355
21458
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21356
21459
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -21386,13 +21489,6 @@ ul.pf-v6-c-list {
21386
21489
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21387
21490
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21388
21491
  }
21389
- @media screen and (prefers-reduced-motion: no-preference) {
21390
- .pf-v6-c-nav {
21391
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21392
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21393
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21394
- }
21395
- }
21396
21492
 
21397
21493
  .pf-v6-c-nav,
21398
21494
  .pf-v6-c-nav__section,
@@ -21677,12 +21773,14 @@ ul.pf-v6-c-list {
21677
21773
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21678
21774
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21679
21775
  -webkit-overflow-scrolling: touch;
21680
- scrollbar-width: none;
21681
- -ms-overflow-style: -ms-autohiding-scrollbar;
21682
21776
  }
21683
21777
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
21684
21778
  display: none;
21685
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
+ }
21686
21784
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21687
21785
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21688
21786
  }
@@ -21897,9 +21995,9 @@ ul.pf-v6-c-list {
21897
21995
  }
21898
21996
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21899
21997
  display: -webkit-box;
21998
+ overflow: hidden;
21900
21999
  -webkit-box-orient: vertical;
21901
22000
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21902
- overflow: hidden;
21903
22001
  }
21904
22002
 
21905
22003
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21953,9 +22051,9 @@ ul.pf-v6-c-list {
21953
22051
 
21954
22052
  .pf-v6-c-notification-drawer__group-toggle-title {
21955
22053
  display: -webkit-box;
22054
+ overflow: hidden;
21956
22055
  -webkit-box-orient: vertical;
21957
22056
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21958
- overflow: hidden;
21959
22057
  flex: 1;
21960
22058
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21961
22059
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21968,15 +22066,15 @@ ul.pf-v6-c-list {
21968
22066
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21969
22067
  }
21970
22068
 
22069
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22070
+ scale: -1 1;
22071
+ }
22072
+
21971
22073
  .pf-v6-c-notification-drawer__group-toggle-icon {
21972
22074
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21973
22075
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21974
22076
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21975
22077
  }
21976
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21977
- scale: -1 1;
21978
- }
21979
-
21980
22078
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21981
22079
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21982
22080
  }
@@ -22045,6 +22143,15 @@ ul.pf-v6-c-list {
22045
22143
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
22046
22144
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
22047
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 {
22048
22155
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22049
22156
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
22050
22157
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -22060,6 +22167,15 @@ ul.pf-v6-c-list {
22060
22167
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
22061
22168
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22062
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 {
22063
22179
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
22064
22180
  --pf-v6-c-page__main-container--GridArea: main;
22065
22181
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -22082,6 +22198,17 @@ ul.pf-v6-c-list {
22082
22198
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
22083
22199
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
22084
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 {
22085
22212
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
22086
22213
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22087
22214
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -22134,29 +22261,6 @@ ul.pf-v6-c-list {
22134
22261
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22135
22262
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
22136
22263
  }
22137
- @media screen and (prefers-reduced-motion: no-preference) {
22138
- .pf-v6-c-page {
22139
- --pf-v6-c-page__sidebar--Opacity: 1;
22140
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
22141
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22142
- }
22143
- }
22144
- @media screen and (min-width: 75rem) {
22145
- .pf-v6-c-page {
22146
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22147
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22148
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22149
- }
22150
- }
22151
- @media screen and (max-width: calc(48rem - 1px)) {
22152
- .pf-v6-c-page {
22153
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22154
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22155
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22156
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22157
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22158
- }
22159
- }
22160
22264
 
22161
22265
  .pf-v6-c-page {
22162
22266
  display: grid;
@@ -22231,15 +22335,15 @@ ul.pf-v6-c-list {
22231
22335
  }
22232
22336
  }
22233
22337
 
22234
- .pf-v6-c-page > .pf-v6-c-masthead {
22235
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22236
- grid-area: header;
22237
- }
22238
22338
  @media (min-width: 75rem) {
22239
22339
  .pf-v6-c-page > .pf-v6-c-masthead {
22240
22340
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
22241
22341
  }
22242
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
+ }
22243
22347
 
22244
22348
  .pf-v6-c-page__dock {
22245
22349
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -22356,8 +22460,8 @@ ul.pf-v6-c-list {
22356
22460
  .pf-v6-c-page__main-group,
22357
22461
  .pf-v6-c-page__main-subnav {
22358
22462
  display: flex;
22359
- flex-direction: column;
22360
22463
  flex-shrink: 0;
22464
+ flex-direction: column;
22361
22465
  }
22362
22466
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
22363
22467
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -22601,8 +22705,8 @@ ul.pf-v6-c-list {
22601
22705
  .pf-v6-c-page__main-drawer,
22602
22706
  .pf-v6-c-page__main-group {
22603
22707
  display: flex;
22604
- flex-direction: column;
22605
22708
  flex-grow: 1;
22709
+ flex-direction: column;
22606
22710
  }
22607
22711
 
22608
22712
  .pf-v6-c-page__main {
@@ -24516,8 +24620,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24516
24620
  position: var(--pf-v6-c-sidebar__panel--Position);
24517
24621
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
24518
24622
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
24519
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24520
24623
  flex-shrink: 0;
24624
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24521
24625
  order: var(--pf-v6-c-sidebar__panel--Order);
24522
24626
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
24523
24627
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24814,7 +24918,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24814
24918
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24815
24919
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24816
24920
  --pf-v6-c-skeleton--before--Height: auto;
24817
- --pf-v6-c-skeleton--before--Content: " ";
24921
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24818
24922
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24819
24923
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24820
24924
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24825,6 +24929,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24825
24929
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24826
24930
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24827
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 {
24828
24943
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24829
24944
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24830
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));
@@ -24852,15 +24967,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24852
24967
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24853
24968
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24854
24969
  }
24855
- @media screen and (prefers-reduced-motion: no-preference) {
24856
- .pf-v6-c-skeleton {
24857
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24858
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24859
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24860
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24861
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24862
- }
24863
- }
24864
24970
 
24865
24971
  .pf-v6-c-skeleton {
24866
24972
  position: relative;
@@ -24877,6 +24983,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24877
24983
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24878
24984
  content: var(--pf-v6-c-skeleton--before--Content);
24879
24985
  }
24986
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24987
+ scale: -1 1;
24988
+ }
24989
+
24880
24990
  .pf-v6-c-skeleton::after {
24881
24991
  position: absolute;
24882
24992
  inset: 0;
@@ -24886,10 +24996,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24886
24996
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24887
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);
24888
24998
  }
24889
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24890
- scale: -1 1;
24891
- }
24892
-
24893
24999
  .pf-v6-c-skeleton.pf-m-circle {
24894
25000
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24895
25001
  }
@@ -25077,12 +25183,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25077
25183
 
25078
25184
  .pf-v6-c-slider {
25079
25185
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
25080
- display: flex;
25081
25186
  }
25082
25187
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
25083
25188
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
25084
25189
  }
25085
25190
 
25191
+ .pf-v6-c-slider {
25192
+ display: flex;
25193
+ }
25086
25194
  .pf-v6-c-slider.pf-m-disabled {
25087
25195
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
25088
25196
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -25145,6 +25253,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25145
25253
 
25146
25254
  .pf-v6-c-slider__step-tick {
25147
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 {
25148
25262
  position: absolute;
25149
25263
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
25150
25264
  inset-inline-start: 0;
@@ -25154,22 +25268,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25154
25268
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
25155
25269
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
25156
25270
  }
25157
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25158
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25159
- }
25160
25271
 
25161
25272
  .pf-v6-c-slider__step-label {
25162
25273
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
25163
- position: absolute;
25164
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25165
- word-break: normal;
25166
25274
  }
25167
25275
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
25168
25276
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25169
25277
  }
25170
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
+
25171
25285
  .pf-v6-c-slider__thumb {
25172
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 {
25173
25293
  position: absolute;
25174
25294
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
25175
25295
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -25181,12 +25301,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25181
25301
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
25182
25302
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
25183
25303
  }
25184
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25185
- 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));
25186
25309
  }
25187
25310
 
25188
25311
  .pf-v6-c-slider__thumb::before {
25189
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25190
25312
  position: absolute;
25191
25313
  inset-block-start: 50%;
25192
25314
  inset-inline-start: 50%;
@@ -25195,10 +25317,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25195
25317
  content: "";
25196
25318
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
25197
25319
  }
25198
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25199
- 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));
25200
- }
25201
-
25202
25320
  .pf-v6-c-slider__thumb:hover {
25203
25321
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
25204
25322
  }
@@ -25215,16 +25333,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25215
25333
  }
25216
25334
  .pf-v6-c-slider__value.pf-m-floating {
25217
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 {
25218
25342
  --pf-v6-c-slider__value--MarginInlineStart: 0;
25219
25343
  position: absolute;
25220
25344
  inset-block-start: 0;
25221
25345
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
25222
25346
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
25223
25347
  }
25224
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25225
- 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));
25226
- }
25227
-
25228
25348
  .pf-v6-c-slider__value .pf-v6-c-form-control {
25229
25349
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
25230
25350
  }
@@ -25402,12 +25522,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25402
25522
  }
25403
25523
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25404
25524
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
25405
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25406
25525
  }
25407
25526
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25408
25527
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
25409
25528
  }
25410
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
+ }
25411
25533
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
25412
25534
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
25413
25535
  }
@@ -27229,6 +27351,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27229
27351
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
27230
27352
  --pf-v6-c-table__expandable-row--TranslateY: 0;
27231
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 {
27232
27363
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
27233
27364
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
27234
27365
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -27297,13 +27428,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27297
27428
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
27298
27429
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
27299
27430
  }
27300
- @media screen and (prefers-reduced-motion: no-preference) {
27301
- .pf-v6-c-table {
27302
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27303
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27304
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27305
- }
27306
- }
27307
27431
 
27308
27432
  .pf-v6-c-table {
27309
27433
  width: 100%;
@@ -27368,22 +27492,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27368
27492
  --pf-v6-hidden-visible--hidden--Display: none;
27369
27493
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27370
27494
  display: var(--pf-v6-hidden-visible--Display);
27371
- position: relative;
27372
- width: var(--pf-v6-c-table--cell--Width);
27373
- min-width: var(--pf-v6-c-table--cell--MinWidth);
27374
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
27375
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27376
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27377
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27378
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27379
- overflow: var(--pf-v6-c-table--cell--Overflow);
27380
- font-size: var(--pf-v6-c-table--cell--FontSize);
27381
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
27382
- line-height: var(--pf-v6-c-table--cell--LineHeight);
27383
- color: var(--pf-v6-c-table--cell--Color);
27384
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27385
- word-break: var(--pf-v6-c-table--cell--WordBreak);
27386
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27387
27495
  }
27388
27496
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
27389
27497
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -27428,6 +27536,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27428
27536
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27429
27537
  }
27430
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
+ }
27431
27557
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27432
27558
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
27433
27559
  }
@@ -27784,16 +27910,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27784
27910
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27785
27911
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27786
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
+
27787
27917
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27788
27918
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27789
27919
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27790
27920
  transition-property: transform;
27791
27921
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27792
27922
  }
27793
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27794
- scale: -1 1;
27795
- }
27796
-
27797
27923
  .pf-v6-c-table__toggle svg {
27798
27924
  pointer-events: none;
27799
27925
  }
@@ -28270,13 +28396,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28270
28396
  }
28271
28397
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28272
28398
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
28273
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28274
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28275
28399
  }
28276
28400
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28277
28401
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
28278
28402
  }
28279
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
+ }
28280
28408
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28281
28409
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28282
28410
  }
@@ -29326,8 +29454,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29326
29454
  }
29327
29455
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
29328
29456
  position: relative;
29329
- flex-direction: column;
29330
29457
  flex-grow: 1;
29458
+ flex-direction: column;
29331
29459
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
29332
29460
  }
29333
29461
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -29492,15 +29620,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29492
29620
  white-space: normal;
29493
29621
  }
29494
29622
 
29623
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29624
+ scale: -1 1;
29625
+ }
29626
+
29495
29627
  .pf-v6-c-tabs__toggle-icon {
29496
29628
  display: inline-block;
29497
29629
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
29498
29630
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
29499
29631
  }
29500
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29501
- scale: -1 1;
29502
- }
29503
29632
 
29633
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29634
+ display: none;
29635
+ }
29504
29636
  .pf-v6-c-tabs__list {
29505
29637
  scrollbar-width: none;
29506
29638
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -29512,20 +29644,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29512
29644
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
29513
29645
  -webkit-overflow-scrolling: touch;
29514
29646
  }
29515
- .pf-v6-c-tabs__list::-webkit-scrollbar {
29516
- display: none;
29517
- }
29518
29647
 
29519
29648
  .pf-v6-c-tabs__item {
29520
29649
  position: relative;
29521
29650
  display: flex;
29522
29651
  flex: none;
29523
29652
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
29524
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29525
29653
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
29526
29654
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
29527
29655
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
29528
29656
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29657
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29529
29658
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
29530
29659
  }
29531
29660
  .pf-v6-c-tabs__item.pf-m-current {
@@ -29578,6 +29707,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29578
29707
  border: 0;
29579
29708
  }
29580
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
+
29581
29714
  .pf-v6-c-tabs__link {
29582
29715
  display: flex;
29583
29716
  flex: 1;
@@ -29595,10 +29728,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29595
29728
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
29596
29729
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
29597
29730
  }
29598
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29599
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29600
- }
29601
-
29602
29731
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
29603
29732
  pointer-events: none;
29604
29733
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -29653,6 +29782,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29653
29782
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
29654
29783
  }
29655
29784
 
29785
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29786
+ scale: -1 1;
29787
+ }
29788
+
29656
29789
  .pf-v6-c-tabs__link-toggle-icon {
29657
29790
  align-self: end;
29658
29791
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -29660,9 +29793,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29660
29793
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
29661
29794
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
29662
29795
  }
29663
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29664
- scale: -1 1;
29665
- }
29666
29796
 
29667
29797
  .pf-v6-c-tabs__item-action {
29668
29798
  display: flex;
@@ -30680,9 +30810,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30680
30810
  --pf-v6-hidden-visible--hidden--Display: none;
30681
30811
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30682
30812
  display: var(--pf-v6-hidden-visible--Display);
30683
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30684
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
30685
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
30686
30813
  }
30687
30814
  .pf-v6-c-toolbar__content.pf-m-hidden {
30688
30815
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -30727,6 +30854,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30727
30854
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30728
30855
  }
30729
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
+ }
30730
30862
 
30731
30863
  .pf-v6-c-toolbar__content-section {
30732
30864
  flex-wrap: wrap;
@@ -30800,11 +30932,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30800
30932
 
30801
30933
  .pf-v6-c-toolbar__item {
30802
30934
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30803
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30804
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30805
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30806
- width: var(--pf-v6-c-toolbar__item--Width--base);
30807
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30808
30935
  }
30809
30936
  @media (min-width: 36rem) {
30810
30937
  .pf-v6-c-toolbar__item {
@@ -30831,6 +30958,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30831
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))))));
30832
30959
  }
30833
30960
  }
30961
+ .pf-v6-c-toolbar__item {
30962
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30963
+ }
30834
30964
  @media (min-width: 36rem) {
30835
30965
  .pf-v6-c-toolbar__item {
30836
30966
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30856,6 +30986,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30856
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))))));
30857
30987
  }
30858
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
+ }
30859
30995
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30860
30996
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30861
30997
  }
@@ -32729,6 +32865,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32729
32865
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
32730
32866
  --pf-v6-c-tree-view__list--TranslateY: 0;
32731
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 {
32732
32877
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
32733
32878
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
32734
32879
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -32757,6 +32902,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32757
32902
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32758
32903
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32759
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);
32760
32908
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32761
32909
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32762
32910
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32812,6 +32960,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32812
32960
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32813
32961
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32814
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);
32815
32969
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32816
32970
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32817
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));
@@ -32821,13 +32975,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32821
32975
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32822
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);
32823
32977
  }
32824
- @media screen and (prefers-reduced-motion: no-preference) {
32825
- .pf-v6-c-tree-view {
32826
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32827
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32828
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32829
- }
32830
- }
32831
32978
 
32832
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 {
32833
32980
  position: relative;
@@ -32908,11 +33055,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32908
33055
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32909
33056
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32910
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);
32911
33059
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32912
33060
  }
32913
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 {
32914
33062
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32915
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);
32916
33068
  }
32917
33069
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32918
33070
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32937,6 +33089,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32937
33089
  }
32938
33090
  .pf-v6-c-tree-view.pf-m-no-background {
32939
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;
32940
33099
  }
32941
33100
 
32942
33101
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32946,9 +33105,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32946
33105
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32947
33106
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32948
33107
  }
32949
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32950
- scale: -1 1;
32951
- }
32952
33108
 
32953
33109
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32954
33110
  max-height: 0;
@@ -33012,6 +33168,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33012
33168
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
33013
33169
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
33014
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
+ }
33015
33177
 
33016
33178
  .pf-v6-c-tree-view__node-container {
33017
33179
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -33054,6 +33216,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33054
33216
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
33055
33217
  }
33056
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
+
33057
33223
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
33058
33224
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
33059
33225
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -33069,6 +33235,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33069
33235
  white-space: nowrap;
33070
33236
  }
33071
33237
 
33238
+ label.pf-v6-c-tree-view__node-text {
33239
+ cursor: pointer;
33240
+ }
33241
+
33072
33242
  .pf-v6-c-tree-view__node-text {
33073
33243
  font-weight: inherit;
33074
33244
  color: inherit;
@@ -33076,9 +33246,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33076
33246
  background-color: transparent;
33077
33247
  border: 0;
33078
33248
  }
33079
- label.pf-v6-c-tree-view__node-text {
33080
- cursor: pointer;
33081
- }
33082
33249
 
33083
33250
  .pf-v6-c-tree-view__node-title {
33084
33251
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -33307,6 +33474,15 @@ label.pf-v6-c-tree-view__node-text {
33307
33474
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
33308
33475
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
33309
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 {
33310
33486
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
33311
33487
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
33312
33488
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -33331,13 +33507,6 @@ label.pf-v6-c-tree-view__node-text {
33331
33507
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
33332
33508
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
33333
33509
  }
33334
- @media screen and (min-width: 62rem) {
33335
- .pf-v6-c-wizard {
33336
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33337
- --pf-v6-c-wizard__nav--BoxShadow: none;
33338
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33339
- }
33340
- }
33341
33510
 
33342
33511
  .pf-v6-c-wizard {
33343
33512
  position: relative;
@@ -33473,13 +33642,14 @@ label.pf-v6-c-tree-view__node-text {
33473
33642
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
33474
33643
  }
33475
33644
 
33476
- .pf-v6-c-wizard__toggle-separator {
33477
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
33478
- }
33479
33645
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
33480
33646
  scale: -1 1;
33481
33647
  }
33482
33648
 
33649
+ .pf-v6-c-wizard__toggle-separator {
33650
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33651
+ }
33652
+
33483
33653
  .pf-v6-c-wizard__toggle-icon {
33484
33654
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
33485
33655
  }
@@ -33487,8 +33657,8 @@ label.pf-v6-c-tree-view__node-text {
33487
33657
  .pf-v6-c-wizard__outer-wrap {
33488
33658
  position: relative;
33489
33659
  display: flex;
33490
- flex-direction: column;
33491
33660
  flex-grow: 1;
33661
+ flex-direction: column;
33492
33662
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
33493
33663
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
33494
33664
  }
@@ -33501,8 +33671,8 @@ label.pf-v6-c-tree-view__node-text {
33501
33671
  .pf-v6-c-wizard__inner-wrap {
33502
33672
  position: relative;
33503
33673
  display: flex;
33504
- flex-direction: column;
33505
33674
  flex-grow: 1;
33675
+ flex-direction: column;
33506
33676
  min-height: 0;
33507
33677
  }
33508
33678
  @media screen and (min-width: 62rem) {
@@ -33680,6 +33850,10 @@ label.pf-v6-c-tree-view__node-text {
33680
33850
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
33681
33851
  }
33682
33852
 
33853
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33854
+ scale: -1 1;
33855
+ }
33856
+
33683
33857
  .pf-v6-c-wizard__nav-link-toggle-icon {
33684
33858
  display: inline-block;
33685
33859
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -33687,15 +33861,12 @@ label.pf-v6-c-tree-view__node-text {
33687
33861
  transition-property: transform;
33688
33862
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
33689
33863
  }
33690
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33691
- scale: -1 1;
33692
- }
33693
33864
 
33694
33865
  .pf-v6-c-wizard__main {
33695
33866
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
33696
33867
  display: flex;
33697
- flex-direction: column;
33698
33868
  flex-grow: 1;
33869
+ flex-direction: column;
33699
33870
  overflow-x: hidden;
33700
33871
  overflow-y: auto;
33701
33872
  word-break: break-word;
@@ -36133,12 +36304,13 @@ label.pf-v6-c-tree-view__node-text {
36133
36304
  display: grid;
36134
36305
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
36135
36306
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
36136
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36137
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36138
36307
  }
36139
36308
  .pf-v6-l-gallery.pf-m-gutter {
36140
36309
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
36141
36310
  }
36311
+ .pf-v6-l-gallery {
36312
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36313
+ }
36142
36314
  @media (min-width: 36rem) {
36143
36315
  .pf-v6-l-gallery {
36144
36316
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -36164,6 +36336,9 @@ label.pf-v6-c-tree-view__node-text {
36164
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))))));
36165
36337
  }
36166
36338
  }
36339
+ .pf-v6-l-gallery {
36340
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36341
+ }
36167
36342
  @media (min-width: 36rem) {
36168
36343
  .pf-v6-l-gallery {
36169
36344
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));