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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/assets/fontawesome/_variables.scss +2 -1
  2. package/base/tokens/tokens-local.scss +1 -1
  3. package/components/AboutModalBox/about-modal-box.css +36 -26
  4. package/components/Accordion/accordion.css +16 -13
  5. package/components/Alert/alert.css +5 -4
  6. package/components/Avatar/avatar.css +12 -4
  7. package/components/BackgroundImage/background-image.css +6 -3
  8. package/components/Banner/banner.css +8 -6
  9. package/components/Brand/brand.css +3 -1
  10. package/components/Breadcrumb/breadcrumb.css +4 -3
  11. package/components/Button/button.css +6 -6
  12. package/components/CalendarMonth/calendar-month.css +4 -3
  13. package/components/Card/card.css +7 -6
  14. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  15. package/components/CodeEditor/code-editor.css +1 -1
  16. package/components/CodeEditor/code-editor.scss +1 -1
  17. package/components/Compass/compass.css +6 -2
  18. package/components/DataList/data-list.css +28 -21
  19. package/components/DescriptionList/description-list-order.scss +5 -1
  20. package/components/DescriptionList/description-list.css +7 -5
  21. package/components/DescriptionList/description-list.scss +5 -1
  22. package/components/Divider/divider.css +7 -5
  23. package/components/Drawer/drawer.css +38 -28
  24. package/components/Drawer/drawer.scss +12 -4
  25. package/components/DualListSelector/dual-list-selector.css +17 -11
  26. package/components/ExpandableSection/expandable-section.css +16 -14
  27. package/components/ExpandableSection/expandable-section.scss +1 -1
  28. package/components/Form/form.css +1 -1
  29. package/components/Form/form.scss +1 -1
  30. package/components/FormControl/form-control.css +1 -1
  31. package/components/FormControl/form-control.scss +1 -1
  32. package/components/JumpLinks/jump-links.css +4 -3
  33. package/components/JumpLinks/jump-links.scss +5 -1
  34. package/components/Label/label-group.css +2 -2
  35. package/components/Label/label-group.scss +2 -2
  36. package/components/Label/label.css +4 -3
  37. package/components/Login/login.css +51 -37
  38. package/components/Masthead/masthead.css +32 -18
  39. package/components/Masthead/masthead.scss +8 -2
  40. package/components/Menu/menu.css +23 -14
  41. package/components/ModalBox/modal-box.css +9 -7
  42. package/components/ModalBox/modal-box.scss +2 -2
  43. package/components/Nav/nav.css +17 -9
  44. package/components/Nav/nav.scss +5 -0
  45. package/components/NotificationDrawer/notification-drawer.css +6 -6
  46. package/components/Page/page.css +35 -29
  47. package/components/Page/page.scss +17 -5
  48. package/components/Pagination/pagination.scss +5 -1
  49. package/components/ProgressStepper/progress-stepper.scss +5 -1
  50. package/components/Sidebar/sidebar.css +1 -1
  51. package/components/Sidebar/sidebar.scss +7 -3
  52. package/components/Skeleton/skeleton.css +16 -15
  53. package/components/Slider/slider.css +32 -18
  54. package/components/Switch/switch.css +3 -1
  55. package/components/Table/table-tree-view.css +4 -2
  56. package/components/Table/table.css +31 -27
  57. package/components/Tabs/tabs.css +17 -15
  58. package/components/Tabs/tabs.scss +12 -4
  59. package/components/Toolbar/toolbar.css +14 -8
  60. package/components/Toolbar/toolbar.scss +5 -1
  61. package/components/TreeView/tree-view.css +44 -13
  62. package/components/TreeView/tree-view.scss +31 -0
  63. package/components/Wizard/wizard.css +20 -16
  64. package/components/Wizard/wizard.scss +3 -3
  65. package/components/_index.css +613 -426
  66. package/docs/components/TreeView/examples/TreeView.md +38 -26
  67. package/layouts/Flex/flex.scss +83 -19
  68. package/layouts/Gallery/gallery.css +6 -2
  69. package/layouts/_index.css +6 -2
  70. package/package.json +4 -2
  71. package/patternfly-charts.css +3 -3
  72. package/patternfly-no-globals.css +604 -413
  73. package/patternfly.css +604 -413
  74. package/patternfly.min.css +1 -1
  75. package/patternfly.min.css.map +1 -1
  76. package/sass-utilities/functions.scss +32 -25
  77. package/sass-utilities/mixins.scss +36 -20
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .pf-v6-c-about-modal-box {
3
2
  --pf-v6-c-about-modal-box--BackgroundImage: none;
4
3
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -18,31 +17,6 @@
18
17
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
19
18
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
20
19
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
21
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
22
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
25
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
26
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
27
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
28
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
29
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
30
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
31
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
32
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
33
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
34
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
35
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
36
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
37
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
38
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
39
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
40
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
41
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
42
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
43
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
44
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
45
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
46
20
  }
47
21
  @media screen and (min-width: 36rem) {
48
22
  .pf-v6-c-about-modal-box {
@@ -51,6 +25,14 @@
51
25
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
52
26
  }
53
27
  }
28
+ .pf-v6-c-about-modal-box {
29
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
30
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
31
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
32
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
33
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
34
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
35
+ }
54
36
  @media only screen and (min-width: 36rem) {
55
37
  .pf-v6-c-about-modal-box {
56
38
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -61,17 +43,42 @@
61
43
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
62
44
  }
63
45
  }
46
+ .pf-v6-c-about-modal-box {
47
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
48
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
49
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
50
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
51
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
52
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
53
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
54
+ }
64
55
  @media only screen and (min-width: 36rem) {
65
56
  .pf-v6-c-about-modal-box {
66
57
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
67
58
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
68
59
  }
69
60
  }
61
+ .pf-v6-c-about-modal-box {
62
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
63
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
64
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
65
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
66
+ }
70
67
  @media only screen and (min-width: 36rem) {
71
68
  .pf-v6-c-about-modal-box {
72
69
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
73
70
  }
74
71
  }
72
+ .pf-v6-c-about-modal-box {
73
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
74
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
75
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
76
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
77
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
78
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
79
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
80
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
81
+ }
75
82
  @media only screen and (min-width: 36rem) {
76
83
  .pf-v6-c-about-modal-box {
77
84
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -95,7 +102,6 @@
95
102
  background-repeat: no-repeat;
96
103
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
97
104
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
98
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
99
105
  }
100
106
  @media only screen and (min-width: 36rem) {
101
107
  .pf-v6-c-about-modal-box {
@@ -111,6 +117,9 @@
111
117
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
112
118
  }
113
119
  }
120
+ .pf-v6-c-about-modal-box {
121
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
122
+ }
114
123
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
115
124
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
116
125
  }
@@ -251,6 +260,18 @@
251
260
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
252
261
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
253
262
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
263
+ }
264
+ @media screen and (prefers-reduced-motion: no-preference) {
265
+ .pf-v6-c-accordion {
266
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
267
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
268
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
269
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
270
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
271
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
272
+ }
273
+ }
274
+ .pf-v6-c-accordion {
254
275
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
255
276
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
256
277
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -276,16 +297,6 @@
276
297
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
277
298
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
278
299
  }
279
- @media screen and (prefers-reduced-motion: no-preference) {
280
- .pf-v6-c-accordion {
281
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
282
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
283
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
284
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
285
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
286
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
287
- }
288
- }
289
300
 
290
301
  .pf-v6-c-accordion {
291
302
  display: flex;
@@ -396,13 +407,14 @@
396
407
  color: var(--pf-v6-c-accordion__toggle-text--Color);
397
408
  }
398
409
 
410
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
411
+ scale: -1 1;
412
+ }
413
+
399
414
  .pf-v6-c-accordion__toggle-icon {
400
415
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
401
416
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
402
417
  }
403
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
404
- scale: -1 1;
405
- }
406
418
 
407
419
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
408
420
  display: revert;
@@ -622,14 +634,15 @@
622
634
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
623
635
  }
624
636
 
637
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
638
+ scale: -1 1;
639
+ }
640
+
625
641
  .pf-v6-c-alert__toggle-icon {
626
642
  display: inline-block;
627
643
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
628
644
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
629
645
  }
630
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
631
- scale: -1 1;
632
- }
633
646
 
634
647
  .pf-v6-c-alert__icon {
635
648
  grid-area: icon;
@@ -646,9 +659,9 @@
646
659
  }
647
660
  .pf-v6-c-alert__title.pf-m-truncate {
648
661
  display: -webkit-box;
662
+ overflow: hidden;
649
663
  -webkit-box-orient: vertical;
650
664
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
651
- overflow: hidden;
652
665
  }
653
666
 
654
667
  .pf-v6-c-alert__description {
@@ -885,7 +898,6 @@
885
898
  }
886
899
  .pf-v6-c-avatar.pf-m-sm {
887
900
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
888
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
889
901
  }
890
902
  @media (min-width: 36rem) {
891
903
  .pf-v6-c-avatar.pf-m-sm {
@@ -912,6 +924,9 @@
912
924
  --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))))));
913
925
  }
914
926
  }
927
+ .pf-v6-c-avatar.pf-m-sm {
928
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
929
+ }
915
930
  @media (min-width: 36rem) {
916
931
  .pf-v6-c-avatar.pf-m-sm {
917
932
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -939,7 +954,6 @@
939
954
  }
940
955
  .pf-v6-c-avatar.pf-m-md {
941
956
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
942
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
943
957
  }
944
958
  @media (min-width: 36rem) {
945
959
  .pf-v6-c-avatar.pf-m-md {
@@ -966,6 +980,9 @@
966
980
  --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))))));
967
981
  }
968
982
  }
983
+ .pf-v6-c-avatar.pf-m-md {
984
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
985
+ }
969
986
  @media (min-width: 36rem) {
970
987
  .pf-v6-c-avatar.pf-m-md {
971
988
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -993,7 +1010,6 @@
993
1010
  }
994
1011
  .pf-v6-c-avatar.pf-m-lg {
995
1012
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
996
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
997
1013
  }
998
1014
  @media (min-width: 36rem) {
999
1015
  .pf-v6-c-avatar.pf-m-lg {
@@ -1020,6 +1036,9 @@
1020
1036
  --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))))));
1021
1037
  }
1022
1038
  }
1039
+ .pf-v6-c-avatar.pf-m-lg {
1040
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
1041
+ }
1023
1042
  @media (min-width: 36rem) {
1024
1043
  .pf-v6-c-avatar.pf-m-lg {
1025
1044
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -1047,7 +1066,6 @@
1047
1066
  }
1048
1067
  .pf-v6-c-avatar.pf-m-xl {
1049
1068
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
1050
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
1051
1069
  }
1052
1070
  @media (min-width: 36rem) {
1053
1071
  .pf-v6-c-avatar.pf-m-xl {
@@ -1074,6 +1092,9 @@
1074
1092
  --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))))));
1075
1093
  }
1076
1094
  }
1095
+ .pf-v6-c-avatar.pf-m-xl {
1096
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
1097
+ }
1077
1098
  @media (min-width: 36rem) {
1078
1099
  .pf-v6-c-avatar.pf-m-xl {
1079
1100
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -1131,6 +1152,12 @@
1131
1152
 
1132
1153
  .pf-v6-c-background-image {
1133
1154
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
1155
+ }
1156
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
1157
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
1158
+ }
1159
+
1160
+ .pf-v6-c-background-image {
1134
1161
  position: fixed;
1135
1162
  inset-block-start: 0;
1136
1163
  inset-inline-start: 0;
@@ -1143,9 +1170,6 @@
1143
1170
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
1144
1171
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
1145
1172
  }
1146
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
1147
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
1148
- }
1149
1173
 
1150
1174
  .pf-v6-c-back-to-top {
1151
1175
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -1263,6 +1287,14 @@
1263
1287
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1264
1288
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
1265
1289
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
1290
+ }
1291
+ @media (min-width: 48rem) {
1292
+ .pf-v6-c-banner {
1293
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
1294
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
1295
+ }
1296
+ }
1297
+ .pf-v6-c-banner {
1266
1298
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1267
1299
  --pf-v6-c-banner--link--TextDecoration: underline;
1268
1300
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -1296,12 +1328,6 @@
1296
1328
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
1297
1329
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
1298
1330
  }
1299
- @media (min-width: 48rem) {
1300
- .pf-v6-c-banner {
1301
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
1302
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
1303
- }
1304
- }
1305
1331
 
1306
1332
  .pf-v6-c-banner {
1307
1333
  flex-shrink: 0;
@@ -1404,7 +1430,6 @@
1404
1430
  width: var(--pf-v6-c-brand--Width--base);
1405
1431
  height: var(--pf-v6-c-brand--Height--base);
1406
1432
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1407
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1408
1433
  }
1409
1434
  @media (min-width: 36rem) {
1410
1435
  .pf-v6-c-brand {
@@ -1431,6 +1456,9 @@
1431
1456
  --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))))));
1432
1457
  }
1433
1458
  }
1459
+ .pf-v6-c-brand {
1460
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1461
+ }
1434
1462
  @media (min-width: 36rem) {
1435
1463
  .pf-v6-c-brand {
1436
1464
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -1511,15 +1539,16 @@
1511
1539
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
1512
1540
  }
1513
1541
 
1542
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
1543
+ scale: -1 1;
1544
+ }
1545
+
1514
1546
  .pf-v6-c-breadcrumb__item-divider {
1515
1547
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
1516
1548
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
1517
1549
  line-height: 1;
1518
1550
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
1519
1551
  }
1520
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
1521
- scale: -1 1;
1522
- }
1523
1552
 
1524
1553
  .pf-v6-c-breadcrumb__link {
1525
1554
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -2021,6 +2050,12 @@ button.pf-v6-c-breadcrumb__link {
2021
2050
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
2022
2051
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
2023
2052
  }
2053
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2054
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
2055
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
2056
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
2057
+ }
2058
+
2024
2059
  .pf-v6-c-button.pf-m-link.pf-m-inline {
2025
2060
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
2026
2061
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -2060,12 +2095,6 @@ button.pf-v6-c-breadcrumb__link {
2060
2095
  background: transparent;
2061
2096
  outline-offset: 0.125rem;
2062
2097
  }
2063
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
2064
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
2065
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
2066
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
2067
- }
2068
-
2069
2098
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2070
2099
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
2071
2100
  }
@@ -2538,13 +2567,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2538
2567
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
2539
2568
  }
2540
2569
 
2570
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2571
+ scale: -1 1;
2572
+ }
2573
+
2541
2574
  .pf-v6-c-calendar-month__header-nav-control {
2542
2575
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
2543
2576
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
2544
2577
  }
2545
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2546
- scale: -1 1;
2547
- }
2548
2578
 
2549
2579
  .pf-v6-c-calendar-month__header-month {
2550
2580
  flex-grow: 1;
@@ -2894,12 +2924,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2894
2924
  flex-wrap: wrap;
2895
2925
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
2896
2926
  }
2897
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
2898
- margin-inline-start: 0;
2899
- }
2900
2927
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
2901
2928
  margin-inline-end: auto;
2902
2929
  }
2930
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
2931
+ margin-inline-start: 0;
2932
+ }
2903
2933
 
2904
2934
  .pf-v6-c-card__header-main {
2905
2935
  flex-grow: 1;
@@ -2913,15 +2943,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2913
2943
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
2914
2944
  }
2915
2945
 
2946
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
2947
+ scale: -1 1;
2948
+ }
2949
+
2916
2950
  .pf-v6-c-card__header-toggle-icon {
2917
2951
  display: inline-block;
2918
2952
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
2919
2953
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
2920
2954
  transition-property: transform;
2921
2955
  }
2922
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
2923
- scale: -1 1;
2924
- }
2925
2956
 
2926
2957
  .pf-v6-c-card__title-text {
2927
2958
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -3187,13 +3218,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3187
3218
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
3188
3219
  }
3189
3220
 
3190
- .pf-v6-c-clipboard-copy__toggle-icon {
3191
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
3192
- }
3193
3221
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
3194
3222
  scale: -1 1;
3195
3223
  }
3196
3224
 
3225
+ .pf-v6-c-clipboard-copy__toggle-icon {
3226
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
3227
+ }
3228
+
3197
3229
  .pf-v6-c-clipboard-copy__expandable-content {
3198
3230
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
3199
3231
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -3364,8 +3396,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3364
3396
 
3365
3397
  .pf-v6-c-code-editor__container {
3366
3398
  display: flex;
3367
- flex-direction: column;
3368
3399
  flex-grow: 1;
3400
+ flex-direction: column;
3369
3401
  }
3370
3402
 
3371
3403
  .pf-v6-c-code-editor__header {
@@ -3692,23 +3724,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3692
3724
  }
3693
3725
  .pf-v6-c-compass__sidebar.pf-m-start {
3694
3726
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
3695
- grid-area: sidebar-start;
3696
3727
  }
3697
3728
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
3698
3729
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
3699
3730
  }
3700
3731
 
3732
+ .pf-v6-c-compass__sidebar.pf-m-start {
3733
+ grid-area: sidebar-start;
3734
+ }
3701
3735
  .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
3702
3736
  margin-inline-end: var(--pf-v6-c-compass--Gap);
3703
3737
  }
3704
3738
  .pf-v6-c-compass__sidebar.pf-m-end {
3705
3739
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
3706
- grid-area: sidebar-end;
3707
3740
  }
3708
3741
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
3709
3742
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
3710
3743
  }
3711
3744
 
3745
+ .pf-v6-c-compass__sidebar.pf-m-end {
3746
+ grid-area: sidebar-end;
3747
+ }
3712
3748
  .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
3713
3749
  margin-inline-start: var(--pf-v6-c-compass--Gap);
3714
3750
  }
@@ -4517,6 +4553,14 @@ ul) {
4517
4553
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
4518
4554
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
4519
4555
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
4556
+ }
4557
+ @media screen and (min-width: 36rem) {
4558
+ .pf-v6-c-data-list {
4559
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
4560
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
4561
+ }
4562
+ }
4563
+ .pf-v6-c-data-list {
4520
4564
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4521
4565
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
4522
4566
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -4526,6 +4570,14 @@ ul) {
4526
4570
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
4527
4571
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
4528
4572
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4573
+ }
4574
+ @media screen and (min-width: 36rem) {
4575
+ .pf-v6-c-data-list {
4576
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
4577
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
4578
+ }
4579
+ }
4580
+ .pf-v6-c-data-list {
4529
4581
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4530
4582
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
4531
4583
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -4621,18 +4673,6 @@ ul) {
4621
4673
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4622
4674
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4623
4675
  }
4624
- @media screen and (min-width: 36rem) {
4625
- .pf-v6-c-data-list {
4626
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
4627
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
4628
- }
4629
- }
4630
- @media screen and (min-width: 36rem) {
4631
- .pf-v6-c-data-list {
4632
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
4633
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
4634
- }
4635
- }
4636
4676
 
4637
4677
  .pf-v6-c-data-list {
4638
4678
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -4795,12 +4835,6 @@ ul) {
4795
4835
  --pf-v6-hidden-visible--hidden--Display: none;
4796
4836
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4797
4837
  display: var(--pf-v6-hidden-visible--Display);
4798
- gap: var(--pf-v6-c-data-list__item-action--Gap);
4799
- align-content: flex-start;
4800
- align-items: flex-start;
4801
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
4802
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
4803
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
4804
4838
  }
4805
4839
  .pf-v6-c-data-list__item-action.pf-m-hidden {
4806
4840
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -4845,6 +4879,14 @@ ul) {
4845
4879
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4846
4880
  }
4847
4881
  }
4882
+ .pf-v6-c-data-list__item-action {
4883
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
4884
+ align-content: flex-start;
4885
+ align-items: flex-start;
4886
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
4887
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
4888
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
4889
+ }
4848
4890
 
4849
4891
  .pf-v6-c-data-list__toggle {
4850
4892
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -4852,15 +4894,16 @@ ul) {
4852
4894
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
4853
4895
  }
4854
4896
 
4897
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
4898
+ scale: -1 1;
4899
+ }
4900
+
4855
4901
  .pf-v6-c-data-list__toggle-icon {
4856
4902
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
4857
4903
  pointer-events: none;
4858
4904
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
4859
4905
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
4860
4906
  }
4861
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
4862
- scale: -1 1;
4863
- }
4864
4907
 
4865
4908
  .pf-v6-c-data-list__item-content {
4866
4909
  display: grid;
@@ -4955,6 +4998,13 @@ ul) {
4955
4998
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
4956
4999
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
4957
5000
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
5001
+ }
5002
+ @media screen and (min-width: 36rem) {
5003
+ .pf-v6-c-description-list {
5004
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
5005
+ }
5006
+ }
5007
+ .pf-v6-c-description-list {
4958
5008
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
4959
5009
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
4960
5010
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -4983,11 +5033,6 @@ ul) {
4983
5033
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
4984
5034
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
4985
5035
  }
4986
- @media screen and (min-width: 36rem) {
4987
- .pf-v6-c-description-list {
4988
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
4989
- }
4990
- }
4991
5036
  @media (min-width: 36rem) {
4992
5037
  .pf-v6-c-description-list {
4993
5038
  --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));
@@ -5369,6 +5414,15 @@ ul) {
5369
5414
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
5370
5415
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
5371
5416
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
5417
+ }
5418
+ @media screen and (prefers-reduced-motion: no-preference) {
5419
+ .pf-v6-c-dual-list-selector {
5420
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
5421
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
5422
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
5423
+ }
5424
+ }
5425
+ .pf-v6-c-dual-list-selector {
5372
5426
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
5373
5427
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5374
5428
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -5410,13 +5464,6 @@ ul) {
5410
5464
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
5411
5465
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5412
5466
  }
5413
- @media screen and (prefers-reduced-motion: no-preference) {
5414
- .pf-v6-c-dual-list-selector {
5415
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
5416
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
5417
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
5418
- }
5419
- }
5420
5467
 
5421
5468
  .pf-v6-c-dual-list-selector {
5422
5469
  display: grid;
@@ -5487,8 +5534,6 @@ ul) {
5487
5534
 
5488
5535
  .pf-v6-c-dual-list-selector__list {
5489
5536
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
5490
- display: flex;
5491
- flex-direction: column;
5492
5537
  }
5493
5538
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
5494
5539
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -5496,16 +5541,22 @@ ul) {
5496
5541
  }
5497
5542
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
5498
5543
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
5499
- position: absolute;
5500
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
5501
5544
  }
5502
5545
  :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 {
5503
5546
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
5504
5547
  }
5505
5548
 
5549
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
5550
+ position: absolute;
5551
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
5552
+ }
5506
5553
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
5507
5554
  overflow-anchor: none;
5508
5555
  }
5556
+ .pf-v6-c-dual-list-selector__list {
5557
+ display: flex;
5558
+ flex-direction: column;
5559
+ }
5509
5560
 
5510
5561
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
5511
5562
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -5790,11 +5841,6 @@ ul) {
5790
5841
  --pf-v6-hidden-visible--hidden--Display: none;
5791
5842
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5792
5843
  display: var(--pf-v6-hidden-visible--Display);
5793
- flex-shrink: 0;
5794
- align-items: stretch;
5795
- align-self: stretch;
5796
- justify-content: center;
5797
- border: 0;
5798
5844
  }
5799
5845
  .pf-v6-c-divider.pf-m-hidden {
5800
5846
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -5839,6 +5885,13 @@ ul) {
5839
5885
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5840
5886
  }
5841
5887
  }
5888
+ .pf-v6-c-divider {
5889
+ flex-shrink: 0;
5890
+ align-items: stretch;
5891
+ align-self: stretch;
5892
+ justify-content: center;
5893
+ border: 0;
5894
+ }
5842
5895
  .pf-v6-c-divider::before {
5843
5896
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5844
5897
  content: "";
@@ -6140,6 +6193,19 @@ ul) {
6140
6193
  --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
6141
6194
  --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
6142
6195
  --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
6196
+ }
6197
+ @media screen and (prefers-reduced-motion: no-preference) {
6198
+ .pf-v6-c-drawer {
6199
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
6200
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
6201
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
6202
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6203
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
6204
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
6205
+ --pf-v6-c-drawer__panel--Opacity: 1;
6206
+ }
6207
+ }
6208
+ .pf-v6-c-drawer {
6143
6209
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6144
6210
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6145
6211
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -6202,6 +6268,17 @@ ul) {
6202
6268
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
6203
6269
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
6204
6270
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
6271
+ }
6272
+ @media screen and (min-width: 75rem) {
6273
+ .pf-v6-c-drawer {
6274
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
6275
+ }
6276
+ .pf-v6-c-drawer.pf-m-panel-bottom {
6277
+ --pf-v6-c-drawer__panel--MinWidth: auto;
6278
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
6279
+ }
6280
+ }
6281
+ .pf-v6-c-drawer {
6205
6282
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
6206
6283
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
6207
6284
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -6216,43 +6293,27 @@ ul) {
6216
6293
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
6217
6294
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
6218
6295
  }
6219
- @media screen and (prefers-reduced-motion: no-preference) {
6220
- .pf-v6-c-drawer {
6221
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
6222
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
6223
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
6224
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6225
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
6226
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
6227
- --pf-v6-c-drawer__panel--Opacity: 1;
6228
- }
6229
- }
6230
- @media screen and (min-width: 75rem) {
6231
- .pf-v6-c-drawer {
6232
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
6233
- }
6234
- .pf-v6-c-drawer.pf-m-panel-bottom {
6235
- --pf-v6-c-drawer__panel--MinWidth: auto;
6236
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
6237
- }
6238
- }
6239
6296
 
6240
6297
  .pf-v6-c-drawer {
6241
6298
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
6242
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
6243
- display: flex;
6244
- flex-direction: column;
6245
- height: 100%;
6246
- overflow-x: hidden;
6247
6299
  }
6248
6300
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
6249
6301
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
6250
6302
  }
6251
6303
 
6304
+ .pf-v6-c-drawer {
6305
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
6306
+ }
6252
6307
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
6253
6308
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
6254
6309
  }
6255
6310
 
6311
+ .pf-v6-c-drawer {
6312
+ display: flex;
6313
+ flex-direction: column;
6314
+ height: 100%;
6315
+ overflow-x: hidden;
6316
+ }
6256
6317
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
6257
6318
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
6258
6319
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
@@ -6282,13 +6343,15 @@ ul) {
6282
6343
  }
6283
6344
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6284
6345
  transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
6285
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
6286
- visibility: visible;
6287
6346
  }
6288
6347
  :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 {
6289
6348
  transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
6290
6349
  }
6291
6350
 
6351
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6352
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
6353
+ visibility: visible;
6354
+ }
6292
6355
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6293
6356
  transform: translateX(0);
6294
6357
  }
@@ -6345,8 +6408,8 @@ ul) {
6345
6408
  .pf-v6-c-drawer__panel,
6346
6409
  .pf-v6-c-drawer__panel-main {
6347
6410
  display: flex;
6348
- flex-direction: column;
6349
6411
  flex-shrink: 0;
6412
+ flex-direction: column;
6350
6413
  overflow: auto;
6351
6414
  }
6352
6415
 
@@ -7153,6 +7216,17 @@ ul) {
7153
7216
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
7154
7217
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
7155
7218
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
7219
+ }
7220
+ @media screen and (prefers-reduced-motion: no-preference) {
7221
+ .pf-v6-c-expandable-section {
7222
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7223
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7224
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
7225
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
7226
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
7227
+ }
7228
+ }
7229
+ .pf-v6-c-expandable-section {
7156
7230
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
7157
7231
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
7158
7232
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -7169,15 +7243,6 @@ ul) {
7169
7243
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
7170
7244
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
7171
7245
  }
7172
- @media screen and (prefers-reduced-motion: no-preference) {
7173
- .pf-v6-c-expandable-section {
7174
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7175
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7176
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
7177
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
7178
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
7179
- }
7180
- }
7181
7246
 
7182
7247
  .pf-v6-c-expandable-section {
7183
7248
  display: flex;
@@ -7236,9 +7301,13 @@ ul) {
7236
7301
  }
7237
7302
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
7238
7303
  display: -webkit-box;
7304
+ overflow: hidden;
7239
7305
  -webkit-box-orient: vertical;
7240
7306
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
7241
- overflow: hidden;
7307
+ }
7308
+
7309
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
7310
+ scale: -1 1;
7242
7311
  }
7243
7312
 
7244
7313
  .pf-v6-c-expandable-section__toggle-icon {
@@ -7248,10 +7317,6 @@ ul) {
7248
7317
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7249
7318
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7250
7319
  }
7251
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
7252
- scale: -1 1;
7253
- }
7254
-
7255
7320
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7256
7321
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
7257
7322
  }
@@ -7834,8 +7899,8 @@ ul) {
7834
7899
 
7835
7900
  .pf-v6-c-form__field-group-header-main {
7836
7901
  display: flex;
7837
- flex-direction: column;
7838
7902
  flex-grow: 1;
7903
+ flex-direction: column;
7839
7904
  }
7840
7905
 
7841
7906
  .pf-v6-c-form__field-group-header-title {
@@ -8076,8 +8141,8 @@ ul) {
8076
8141
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
8077
8142
  }
8078
8143
  .pf-v6-c-form-control.pf-m-textarea > textarea {
8079
- outline-offset: 0;
8080
8144
  scrollbar-gutter: stable;
8145
+ outline-offset: 0;
8081
8146
  }
8082
8147
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
8083
8148
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -9220,6 +9285,10 @@ label.pf-v6-c-input-group__text {
9220
9285
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
9221
9286
  }
9222
9287
 
9288
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
9289
+ scale: -1 1;
9290
+ }
9291
+
9223
9292
  .pf-v6-c-jump-links__toggle-icon {
9224
9293
  display: inline-block;
9225
9294
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -9228,9 +9297,6 @@ label.pf-v6-c-input-group__text {
9228
9297
  transition-property: transform;
9229
9298
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9230
9299
  }
9231
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
9232
- scale: -1 1;
9233
- }
9234
9300
 
9235
9301
  .pf-v6-c-label {
9236
9302
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -9727,6 +9793,10 @@ input.pf-v6-c-label__content {
9727
9793
  .pf-v6-c-label__actions {
9728
9794
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
9729
9795
  }
9796
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9797
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9798
+ }
9799
+
9730
9800
  .pf-v6-c-label__actions .pf-v6-c-button {
9731
9801
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
9732
9802
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -9737,9 +9807,6 @@ input.pf-v6-c-label__content {
9737
9807
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
9738
9808
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
9739
9809
  }
9740
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9741
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9742
- }
9743
9810
 
9744
9811
  .pf-v6-c-label-group {
9745
9812
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -9880,9 +9947,9 @@ input.pf-v6-c-label__content {
9880
9947
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
9881
9948
  white-space: nowrap;
9882
9949
  resize: none;
9883
- border: 0;
9884
- -ms-overflow-style: none;
9885
9950
  scrollbar-width: none;
9951
+ -ms-overflow-style: none;
9952
+ border: 0;
9886
9953
  }
9887
9954
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
9888
9955
  display: none;
@@ -9968,18 +10035,48 @@ ul.pf-v6-c-list {
9968
10035
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
9969
10036
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
9970
10037
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
10038
+ }
10039
+ @media (min-width: 75rem) {
10040
+ .pf-v6-c-login {
10041
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
10042
+ }
10043
+ }
10044
+ .pf-v6-c-login {
9971
10045
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
9972
10046
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
9973
10047
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10048
+ }
10049
+ @media (min-width: 36rem) {
10050
+ .pf-v6-c-login {
10051
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
10052
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
10053
+ }
10054
+ }
10055
+ .pf-v6-c-login {
9974
10056
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9975
10057
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
9976
10058
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9977
10059
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
10060
+ }
10061
+ @media (min-width: 75rem) {
10062
+ .pf-v6-c-login {
10063
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
10064
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
10065
+ }
10066
+ }
10067
+ .pf-v6-c-login {
9978
10068
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9979
10069
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9980
10070
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
9981
10071
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9982
10072
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
10073
+ }
10074
+ @media (min-width: 75rem) {
10075
+ .pf-v6-c-login {
10076
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
10077
+ }
10078
+ }
10079
+ .pf-v6-c-login {
9983
10080
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9984
10081
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9985
10082
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -9991,52 +10088,6 @@ ul.pf-v6-c-list {
9991
10088
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
9992
10089
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
9993
10090
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
9994
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9995
- --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9996
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9997
- --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
9998
- --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
9999
- --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
10000
- --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
10001
- --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10002
- --pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
10003
- --pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10004
- --pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
10005
- --pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
10006
- --pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
10007
- --pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10008
- --pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10009
- --pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10010
- --pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
10011
- --pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
10012
- --pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
10013
- --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
10014
- --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
10015
- --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10016
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
10017
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
10018
- }
10019
- @media (min-width: 75rem) {
10020
- .pf-v6-c-login {
10021
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
10022
- }
10023
- }
10024
- @media (min-width: 36rem) {
10025
- .pf-v6-c-login {
10026
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
10027
- --pf-v6-c-login__header--PaddingInlineStart: 0;
10028
- }
10029
- }
10030
- @media (min-width: 75rem) {
10031
- .pf-v6-c-login {
10032
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
10033
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
10034
- }
10035
- }
10036
- @media (min-width: 75rem) {
10037
- .pf-v6-c-login {
10038
- --pf-v6-c-login__main--MarginBlockEnd: 0;
10039
- }
10040
10091
  }
10041
10092
  @media (min-width: 48rem) {
10042
10093
  .pf-v6-c-login {
@@ -10045,18 +10096,48 @@ ul.pf-v6-c-list {
10045
10096
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
10046
10097
  }
10047
10098
  }
10099
+ .pf-v6-c-login {
10100
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
10101
+ --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10102
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
10103
+ --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
10104
+ --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
10105
+ }
10048
10106
  @media (min-width: 48rem) {
10049
10107
  .pf-v6-c-login {
10050
10108
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
10051
10109
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
10052
10110
  }
10053
10111
  }
10112
+ .pf-v6-c-login {
10113
+ --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
10114
+ --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
10115
+ --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10116
+ --pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
10117
+ --pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10118
+ --pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
10119
+ --pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
10120
+ --pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
10121
+ --pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10122
+ --pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10123
+ --pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10124
+ --pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
10125
+ --pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
10126
+ --pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
10127
+ --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
10128
+ --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
10129
+ --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10130
+ }
10054
10131
  @media (min-width: 36rem) {
10055
10132
  .pf-v6-c-login {
10056
10133
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
10057
10134
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
10058
10135
  }
10059
10136
  }
10137
+ .pf-v6-c-login {
10138
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
10139
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
10140
+ }
10060
10141
  @media (min-width: 75rem) {
10061
10142
  .pf-v6-c-login {
10062
10143
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -10267,6 +10348,11 @@ ul.pf-v6-c-list {
10267
10348
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
10268
10349
  }
10269
10350
 
10351
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
10352
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
10353
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
10354
+ --pf-v6-c-toolbar__content--MinWidth: 0;
10355
+ }
10270
10356
  .pf-v6-c-masthead {
10271
10357
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
10272
10358
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -10280,23 +10366,6 @@ ul.pf-v6-c-list {
10280
10366
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
10281
10367
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
10282
10368
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
10283
- display: grid;
10284
- grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
10285
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
10286
- row-gap: var(--pf-v6-c-masthead--RowGap);
10287
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
10288
- align-items: start;
10289
- min-width: 0;
10290
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
10291
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
10292
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
10293
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
10294
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
10295
- }
10296
- .pf-v6-c-masthead .pf-v6-c-toolbar {
10297
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
10298
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
10299
- --pf-v6-c-toolbar__content--MinWidth: 0;
10300
10369
  }
10301
10370
  @media screen and (min-width: 48rem) {
10302
10371
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -10314,7 +10383,33 @@ ul.pf-v6-c-list {
10314
10383
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
10315
10384
  }
10316
10385
  }
10386
+ .pf-v6-c-masthead {
10387
+ display: grid;
10388
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
10389
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
10390
+ row-gap: var(--pf-v6-c-masthead--RowGap);
10391
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
10392
+ align-items: start;
10393
+ min-width: 0;
10394
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
10395
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
10396
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
10397
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
10398
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
10399
+ }
10317
10400
  .pf-v6-c-masthead.pf-m-docked {
10401
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
10402
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
10403
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
10404
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
10405
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
10406
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
10407
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
10408
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
10409
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
10410
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
10411
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
10412
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
10318
10413
  --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
10319
10414
  --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
10320
10415
  --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
@@ -10336,8 +10431,8 @@ ul.pf-v6-c-list {
10336
10431
  backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
10337
10432
  }
10338
10433
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
10339
- flex-direction: column;
10340
10434
  flex-grow: 1;
10435
+ flex-direction: column;
10341
10436
  align-self: revert;
10342
10437
  }
10343
10438
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
@@ -10807,6 +10902,13 @@ ul.pf-v6-c-list {
10807
10902
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
10808
10903
  --pf-v6-c-menu--TransitionDuration: 0s;
10809
10904
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10905
+ }
10906
+ @media (prefers-reduced-motion: no-preference) {
10907
+ .pf-v6-c-menu {
10908
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10909
+ }
10910
+ }
10911
+ .pf-v6-c-menu {
10810
10912
  --pf-v6-c-menu--m-plain--BoxShadow: none;
10811
10913
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
10812
10914
  --pf-v6-c-menu__content--Height: auto;
@@ -10886,33 +10988,34 @@ ul.pf-v6-c-list {
10886
10988
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
10887
10989
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10888
10990
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
10889
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
10890
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
10891
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
10892
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
10893
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
10894
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
10895
- }
10896
- @media (prefers-reduced-motion: no-preference) {
10897
- .pf-v6-c-menu {
10898
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10899
- }
10900
10991
  }
10901
10992
  @media (prefers-reduced-motion: no-preference) {
10902
10993
  .pf-v6-c-menu {
10903
10994
  --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);
10904
10995
  }
10905
10996
  }
10997
+ .pf-v6-c-menu {
10998
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
10999
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
11000
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
11001
+ }
10906
11002
  @media (prefers-reduced-motion: no-preference) {
10907
11003
  .pf-v6-c-menu {
10908
11004
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10909
11005
  }
10910
11006
  }
11007
+ .pf-v6-c-menu {
11008
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
11009
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
11010
+ }
10911
11011
  @media (prefers-reduced-motion: no-preference) {
10912
11012
  .pf-v6-c-menu {
10913
11013
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10914
11014
  }
10915
11015
  }
11016
+ .pf-v6-c-menu {
11017
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
11018
+ }
10916
11019
 
10917
11020
  .pf-v6-c-menu__content,
10918
11021
  .pf-v6-c-menu__list-item,
@@ -11370,13 +11473,14 @@ ul.pf-v6-c-list {
11370
11473
  --pf-v6-c-check__input--TranslateY: none;
11371
11474
  }
11372
11475
 
11373
- .pf-v6-c-menu__item-toggle-icon {
11374
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
11375
- }
11376
11476
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
11377
11477
  scale: -1 1;
11378
11478
  }
11379
11479
 
11480
+ .pf-v6-c-menu__item-toggle-icon {
11481
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
11482
+ }
11483
+
11380
11484
  .pf-v6-c-menu__item-icon {
11381
11485
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
11382
11486
  }
@@ -11967,6 +12071,13 @@ ul.pf-v6-c-list {
11967
12071
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
11968
12072
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
11969
12073
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
12074
+ }
12075
+ @media (min-width: 75rem) {
12076
+ .pf-v6-c-modal-box {
12077
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
12078
+ }
12079
+ }
12080
+ .pf-v6-c-modal-box {
11970
12081
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11971
12082
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11972
12083
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -11998,11 +12109,6 @@ ul.pf-v6-c-list {
11998
12109
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
11999
12110
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
12000
12111
  }
12001
- @media (min-width: 75rem) {
12002
- .pf-v6-c-modal-box {
12003
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
12004
- }
12005
- }
12006
12112
 
12007
12113
  .pf-v6-c-modal-box {
12008
12114
  position: relative;
@@ -12064,8 +12170,8 @@ ul.pf-v6-c-list {
12064
12170
 
12065
12171
  .pf-v6-c-modal-box__header {
12066
12172
  display: flex;
12067
- flex-direction: column;
12068
12173
  flex-shrink: 0;
12174
+ flex-direction: column;
12069
12175
  gap: var(--pf-v6-c-modal-box__header--Gap);
12070
12176
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
12071
12177
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -12082,8 +12188,8 @@ ul.pf-v6-c-list {
12082
12188
 
12083
12189
  .pf-v6-c-modal-box__header-main {
12084
12190
  display: flex;
12085
- flex-direction: column;
12086
12191
  flex-grow: 1;
12192
+ flex-direction: column;
12087
12193
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
12088
12194
  min-width: 0;
12089
12195
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -12437,6 +12543,15 @@ ul.pf-v6-c-list {
12437
12543
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
12438
12544
  --pf-v6-c-nav__subnav--TranslateY: 0;
12439
12545
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
12546
+ }
12547
+ @media screen and (prefers-reduced-motion: no-preference) {
12548
+ .pf-v6-c-nav {
12549
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12550
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12551
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
12552
+ }
12553
+ }
12554
+ .pf-v6-c-nav {
12440
12555
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
12441
12556
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
12442
12557
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -12472,13 +12587,6 @@ ul.pf-v6-c-list {
12472
12587
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
12473
12588
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
12474
12589
  }
12475
- @media screen and (prefers-reduced-motion: no-preference) {
12476
- .pf-v6-c-nav {
12477
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12478
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12479
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
12480
- }
12481
- }
12482
12590
 
12483
12591
  .pf-v6-c-nav,
12484
12592
  .pf-v6-c-nav__section,
@@ -12526,6 +12634,10 @@ ul.pf-v6-c-list {
12526
12634
  position: relative;
12527
12635
  align-self: center;
12528
12636
  min-width: 1lh;
12637
+ text-align: center;
12638
+ }
12639
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
12640
+ display: none;
12529
12641
  }
12530
12642
  .pf-v6-c-nav .pf-v6-c-menu {
12531
12643
  --pf-v6-c-menu--MinWidth: 100%;
@@ -12759,12 +12871,14 @@ ul.pf-v6-c-list {
12759
12871
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
12760
12872
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
12761
12873
  -webkit-overflow-scrolling: touch;
12762
- scrollbar-width: none;
12763
- -ms-overflow-style: -ms-autohiding-scrollbar;
12764
12874
  }
12765
12875
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
12766
12876
  display: none;
12767
12877
  }
12878
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
12879
+ scrollbar-width: none;
12880
+ -ms-overflow-style: -ms-autohiding-scrollbar;
12881
+ }
12768
12882
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
12769
12883
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
12770
12884
  }
@@ -12979,9 +13093,9 @@ ul.pf-v6-c-list {
12979
13093
  }
12980
13094
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
12981
13095
  display: -webkit-box;
13096
+ overflow: hidden;
12982
13097
  -webkit-box-orient: vertical;
12983
13098
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
12984
- overflow: hidden;
12985
13099
  }
12986
13100
 
12987
13101
  .pf-v6-c-notification-drawer__list-item-action {
@@ -13035,9 +13149,9 @@ ul.pf-v6-c-list {
13035
13149
 
13036
13150
  .pf-v6-c-notification-drawer__group-toggle-title {
13037
13151
  display: -webkit-box;
13152
+ overflow: hidden;
13038
13153
  -webkit-box-orient: vertical;
13039
13154
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
13040
- overflow: hidden;
13041
13155
  flex: 1;
13042
13156
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13043
13157
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -13050,15 +13164,15 @@ ul.pf-v6-c-list {
13050
13164
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
13051
13165
  }
13052
13166
 
13167
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
13168
+ scale: -1 1;
13169
+ }
13170
+
13053
13171
  .pf-v6-c-notification-drawer__group-toggle-icon {
13054
13172
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
13055
13173
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
13056
13174
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
13057
13175
  }
13058
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
13059
- scale: -1 1;
13060
- }
13061
-
13062
13176
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
13063
13177
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
13064
13178
  }
@@ -13127,6 +13241,15 @@ ul.pf-v6-c-list {
13127
13241
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
13128
13242
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
13129
13243
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
13244
+ }
13245
+ @media screen and (prefers-reduced-motion: no-preference) {
13246
+ .pf-v6-c-page {
13247
+ --pf-v6-c-page__sidebar--Opacity: 1;
13248
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
13249
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
13250
+ }
13251
+ }
13252
+ .pf-v6-c-page {
13130
13253
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13131
13254
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13132
13255
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13142,6 +13265,15 @@ ul.pf-v6-c-list {
13142
13265
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
13143
13266
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13144
13267
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
13268
+ }
13269
+ @media screen and (min-width: 75rem) {
13270
+ .pf-v6-c-page {
13271
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
13272
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
13273
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
13274
+ }
13275
+ }
13276
+ .pf-v6-c-page {
13145
13277
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
13146
13278
  --pf-v6-c-page__main-container--GridArea: main;
13147
13279
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -13164,6 +13296,17 @@ ul.pf-v6-c-list {
13164
13296
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
13165
13297
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
13166
13298
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
13299
+ }
13300
+ @media screen and (max-width: calc(48rem - 1px)) {
13301
+ .pf-v6-c-page {
13302
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
13303
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
13304
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
13305
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
13306
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
13307
+ }
13308
+ }
13309
+ .pf-v6-c-page {
13167
13310
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
13168
13311
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13169
13312
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13216,29 +13359,6 @@ ul.pf-v6-c-list {
13216
13359
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13217
13360
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13218
13361
  }
13219
- @media screen and (prefers-reduced-motion: no-preference) {
13220
- .pf-v6-c-page {
13221
- --pf-v6-c-page__sidebar--Opacity: 1;
13222
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
13223
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
13224
- }
13225
- }
13226
- @media screen and (min-width: 75rem) {
13227
- .pf-v6-c-page {
13228
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
13229
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
13230
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
13231
- }
13232
- }
13233
- @media screen and (max-width: calc(48rem - 1px)) {
13234
- .pf-v6-c-page {
13235
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
13236
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
13237
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
13238
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
13239
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
13240
- }
13241
- }
13242
13362
 
13243
13363
  .pf-v6-c-page {
13244
13364
  display: grid;
@@ -13313,15 +13433,15 @@ ul.pf-v6-c-list {
13313
13433
  }
13314
13434
  }
13315
13435
 
13316
- .pf-v6-c-page > .pf-v6-c-masthead {
13317
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
13318
- grid-area: header;
13319
- }
13320
13436
  @media (min-width: 75rem) {
13321
13437
  .pf-v6-c-page > .pf-v6-c-masthead {
13322
13438
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
13323
13439
  }
13324
13440
  }
13441
+ .pf-v6-c-page > .pf-v6-c-masthead {
13442
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
13443
+ grid-area: header;
13444
+ }
13325
13445
 
13326
13446
  .pf-v6-c-page__dock {
13327
13447
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -13438,8 +13558,8 @@ ul.pf-v6-c-list {
13438
13558
  .pf-v6-c-page__main-group,
13439
13559
  .pf-v6-c-page__main-subnav {
13440
13560
  display: flex;
13441
- flex-direction: column;
13442
13561
  flex-shrink: 0;
13562
+ flex-direction: column;
13443
13563
  }
13444
13564
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
13445
13565
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -13683,8 +13803,8 @@ ul.pf-v6-c-list {
13683
13803
  .pf-v6-c-page__main-drawer,
13684
13804
  .pf-v6-c-page__main-group {
13685
13805
  display: flex;
13686
- flex-direction: column;
13687
13806
  flex-grow: 1;
13807
+ flex-direction: column;
13688
13808
  }
13689
13809
 
13690
13810
  .pf-v6-c-page__main {
@@ -15598,8 +15718,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15598
15718
  position: var(--pf-v6-c-sidebar__panel--Position);
15599
15719
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
15600
15720
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
15601
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
15602
15721
  flex-shrink: 0;
15722
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
15603
15723
  order: var(--pf-v6-c-sidebar__panel--Order);
15604
15724
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
15605
15725
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -15896,7 +16016,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15896
16016
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
15897
16017
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
15898
16018
  --pf-v6-c-skeleton--before--Height: auto;
15899
- --pf-v6-c-skeleton--before--Content: " ";
16019
+ --pf-v6-c-skeleton--before--Content: "\00a0";
15900
16020
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
15901
16021
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
15902
16022
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -15907,6 +16027,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15907
16027
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
15908
16028
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
15909
16029
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
16030
+ }
16031
+ @media screen and (prefers-reduced-motion: no-preference) {
16032
+ .pf-v6-c-skeleton {
16033
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
16034
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
16035
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
16036
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
16037
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
16038
+ }
16039
+ }
16040
+ .pf-v6-c-skeleton {
15910
16041
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
15911
16042
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
15912
16043
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -15927,21 +16058,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15927
16058
  --pf-v6-c-skeleton--m-height-sm--Height: 6.25rem;
15928
16059
  --pf-v6-c-skeleton--m-height-md--Height: 12.5rem;
15929
16060
  --pf-v6-c-skeleton--m-height-lg--Height: 18.75rem;
15930
- --pf-v6-c-skeleton--m-height-25--Height: 25%;
15931
- --pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
15932
- --pf-v6-c-skeleton--m-height-50--Height: 50%;
15933
- --pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
15934
- --pf-v6-c-skeleton--m-height-75--Height: 75%;
15935
- --pf-v6-c-skeleton--m-height-100--Height: 100%;
15936
- }
15937
- @media screen and (prefers-reduced-motion: no-preference) {
15938
- .pf-v6-c-skeleton {
15939
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
15940
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
15941
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
15942
- --pf-v6-c-skeleton--after--TranslateX: -100%;
15943
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
15944
- }
16061
+ --pf-v6-c-skeleton--m-height-25--Height: 25%;
16062
+ --pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
16063
+ --pf-v6-c-skeleton--m-height-50--Height: 50%;
16064
+ --pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
16065
+ --pf-v6-c-skeleton--m-height-75--Height: 75%;
16066
+ --pf-v6-c-skeleton--m-height-100--Height: 100%;
15945
16067
  }
15946
16068
 
15947
16069
  .pf-v6-c-skeleton {
@@ -15959,6 +16081,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15959
16081
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
15960
16082
  content: var(--pf-v6-c-skeleton--before--Content);
15961
16083
  }
16084
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
16085
+ scale: -1 1;
16086
+ }
16087
+
15962
16088
  .pf-v6-c-skeleton::after {
15963
16089
  position: absolute;
15964
16090
  inset: 0;
@@ -15968,10 +16094,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15968
16094
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
15969
16095
  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);
15970
16096
  }
15971
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
15972
- scale: -1 1;
15973
- }
15974
-
15975
16097
  .pf-v6-c-skeleton.pf-m-circle {
15976
16098
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
15977
16099
  }
@@ -16159,12 +16281,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16159
16281
 
16160
16282
  .pf-v6-c-slider {
16161
16283
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
16162
- display: flex;
16163
16284
  }
16164
16285
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
16165
16286
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
16166
16287
  }
16167
16288
 
16289
+ .pf-v6-c-slider {
16290
+ display: flex;
16291
+ }
16168
16292
  .pf-v6-c-slider.pf-m-disabled {
16169
16293
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
16170
16294
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -16227,6 +16351,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16227
16351
 
16228
16352
  .pf-v6-c-slider__step-tick {
16229
16353
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
16354
+ }
16355
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
16356
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16357
+ }
16358
+
16359
+ .pf-v6-c-slider__step-tick {
16230
16360
  position: absolute;
16231
16361
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
16232
16362
  inset-inline-start: 0;
@@ -16236,22 +16366,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16236
16366
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
16237
16367
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
16238
16368
  }
16239
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
16240
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16241
- }
16242
16369
 
16243
16370
  .pf-v6-c-slider__step-label {
16244
16371
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
16245
- position: absolute;
16246
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
16247
- word-break: normal;
16248
16372
  }
16249
16373
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
16250
16374
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16251
16375
  }
16252
16376
 
16377
+ .pf-v6-c-slider__step-label {
16378
+ position: absolute;
16379
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
16380
+ word-break: normal;
16381
+ }
16382
+
16253
16383
  .pf-v6-c-slider__thumb {
16254
16384
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
16385
+ }
16386
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
16387
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
16388
+ }
16389
+
16390
+ .pf-v6-c-slider__thumb {
16255
16391
  position: absolute;
16256
16392
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
16257
16393
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -16263,12 +16399,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16263
16399
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
16264
16400
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
16265
16401
  }
16266
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
16267
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
16402
+ .pf-v6-c-slider__thumb::before {
16403
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
16404
+ }
16405
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
16406
+ 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));
16268
16407
  }
16269
16408
 
16270
16409
  .pf-v6-c-slider__thumb::before {
16271
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
16272
16410
  position: absolute;
16273
16411
  inset-block-start: 50%;
16274
16412
  inset-inline-start: 50%;
@@ -16277,10 +16415,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16277
16415
  content: "";
16278
16416
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
16279
16417
  }
16280
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
16281
- 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));
16282
- }
16283
-
16284
16418
  .pf-v6-c-slider__thumb:hover {
16285
16419
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
16286
16420
  }
@@ -16297,16 +16431,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16297
16431
  }
16298
16432
  .pf-v6-c-slider__value.pf-m-floating {
16299
16433
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
16434
+ }
16435
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
16436
+ 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));
16437
+ }
16438
+
16439
+ .pf-v6-c-slider__value.pf-m-floating {
16300
16440
  --pf-v6-c-slider__value--MarginInlineStart: 0;
16301
16441
  position: absolute;
16302
16442
  inset-block-start: 0;
16303
16443
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
16304
16444
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
16305
16445
  }
16306
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
16307
- 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));
16308
- }
16309
-
16310
16446
  .pf-v6-c-slider__value .pf-v6-c-form-control {
16311
16447
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
16312
16448
  }
@@ -16484,12 +16620,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16484
16620
  }
16485
16621
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16486
16622
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
16487
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
16488
16623
  }
16489
16624
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16490
16625
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
16491
16626
  }
16492
16627
 
16628
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16629
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
16630
+ }
16493
16631
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
16494
16632
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
16495
16633
  }
@@ -18311,6 +18449,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18311
18449
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
18312
18450
  --pf-v6-c-table__expandable-row--TranslateY: 0;
18313
18451
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
18452
+ }
18453
+ @media screen and (prefers-reduced-motion: no-preference) {
18454
+ .pf-v6-c-table {
18455
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
18456
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
18457
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
18458
+ }
18459
+ }
18460
+ .pf-v6-c-table {
18314
18461
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
18315
18462
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18316
18463
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -18379,13 +18526,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18379
18526
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
18380
18527
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
18381
18528
  }
18382
- @media screen and (prefers-reduced-motion: no-preference) {
18383
- .pf-v6-c-table {
18384
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
18385
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
18386
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
18387
- }
18388
- }
18389
18529
 
18390
18530
  .pf-v6-c-table {
18391
18531
  width: 100%;
@@ -18450,22 +18590,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18450
18590
  --pf-v6-hidden-visible--hidden--Display: none;
18451
18591
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
18452
18592
  display: var(--pf-v6-hidden-visible--Display);
18453
- position: relative;
18454
- width: var(--pf-v6-c-table--cell--Width);
18455
- min-width: var(--pf-v6-c-table--cell--MinWidth);
18456
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
18457
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18458
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
18459
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
18460
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
18461
- overflow: var(--pf-v6-c-table--cell--Overflow);
18462
- font-size: var(--pf-v6-c-table--cell--FontSize);
18463
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
18464
- line-height: var(--pf-v6-c-table--cell--LineHeight);
18465
- color: var(--pf-v6-c-table--cell--Color);
18466
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
18467
- word-break: var(--pf-v6-c-table--cell--WordBreak);
18468
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
18469
18593
  }
18470
18594
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
18471
18595
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -18510,6 +18634,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18510
18634
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
18511
18635
  }
18512
18636
  }
18637
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
18638
+ position: relative;
18639
+ width: var(--pf-v6-c-table--cell--Width);
18640
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
18641
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
18642
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18643
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
18644
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
18645
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
18646
+ overflow: var(--pf-v6-c-table--cell--Overflow);
18647
+ font-size: var(--pf-v6-c-table--cell--FontSize);
18648
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
18649
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
18650
+ color: var(--pf-v6-c-table--cell--Color);
18651
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
18652
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
18653
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
18654
+ }
18513
18655
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
18514
18656
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
18515
18657
  }
@@ -18866,16 +19008,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18866
19008
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
18867
19009
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
18868
19010
  }
19011
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19012
+ scale: -1 1;
19013
+ }
19014
+
18869
19015
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
18870
19016
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
18871
19017
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
18872
19018
  transition-property: transform;
18873
19019
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
18874
19020
  }
18875
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
18876
- scale: -1 1;
18877
- }
18878
-
18879
19021
  .pf-v6-c-table__toggle svg {
18880
19022
  pointer-events: none;
18881
19023
  }
@@ -19352,13 +19494,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19352
19494
  }
19353
19495
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19354
19496
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
19355
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
19356
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
19357
19497
  }
19358
19498
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19359
19499
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
19360
19500
  }
19361
19501
 
19502
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19503
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
19504
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
19505
+ }
19362
19506
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19363
19507
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
19364
19508
  }
@@ -20408,8 +20552,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20408
20552
  }
20409
20553
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
20410
20554
  position: relative;
20411
- flex-direction: column;
20412
20555
  flex-grow: 1;
20556
+ flex-direction: column;
20413
20557
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
20414
20558
  }
20415
20559
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -20574,15 +20718,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20574
20718
  white-space: normal;
20575
20719
  }
20576
20720
 
20721
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
20722
+ scale: -1 1;
20723
+ }
20724
+
20577
20725
  .pf-v6-c-tabs__toggle-icon {
20578
20726
  display: inline-block;
20579
20727
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
20580
20728
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
20581
20729
  }
20582
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
20583
- scale: -1 1;
20584
- }
20585
20730
 
20731
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
20732
+ display: none;
20733
+ }
20586
20734
  .pf-v6-c-tabs__list {
20587
20735
  scrollbar-width: none;
20588
20736
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -20594,20 +20742,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20594
20742
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
20595
20743
  -webkit-overflow-scrolling: touch;
20596
20744
  }
20597
- .pf-v6-c-tabs__list::-webkit-scrollbar {
20598
- display: none;
20599
- }
20600
20745
 
20601
20746
  .pf-v6-c-tabs__item {
20602
20747
  position: relative;
20603
20748
  display: flex;
20604
20749
  flex: none;
20605
20750
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
20606
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
20607
20751
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
20608
20752
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
20609
20753
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
20610
20754
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
20755
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
20611
20756
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
20612
20757
  }
20613
20758
  .pf-v6-c-tabs__item.pf-m-current {
@@ -20660,6 +20805,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20660
20805
  border: 0;
20661
20806
  }
20662
20807
 
20808
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
20809
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
20810
+ }
20811
+
20663
20812
  .pf-v6-c-tabs__link {
20664
20813
  display: flex;
20665
20814
  flex: 1;
@@ -20677,10 +20826,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20677
20826
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
20678
20827
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
20679
20828
  }
20680
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
20681
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
20682
- }
20683
-
20684
20829
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
20685
20830
  pointer-events: none;
20686
20831
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -20735,6 +20880,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20735
20880
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
20736
20881
  }
20737
20882
 
20883
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
20884
+ scale: -1 1;
20885
+ }
20886
+
20738
20887
  .pf-v6-c-tabs__link-toggle-icon {
20739
20888
  align-self: end;
20740
20889
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -20742,9 +20891,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20742
20891
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
20743
20892
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
20744
20893
  }
20745
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
20746
- scale: -1 1;
20747
- }
20748
20894
 
20749
20895
  .pf-v6-c-tabs__item-action {
20750
20896
  display: flex;
@@ -21762,9 +21908,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21762
21908
  --pf-v6-hidden-visible--hidden--Display: none;
21763
21909
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
21764
21910
  display: var(--pf-v6-hidden-visible--Display);
21765
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
21766
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
21767
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
21768
21911
  }
21769
21912
  .pf-v6-c-toolbar__content.pf-m-hidden {
21770
21913
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -21809,6 +21952,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21809
21952
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
21810
21953
  }
21811
21954
  }
21955
+ .pf-v6-c-toolbar__content {
21956
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
21957
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
21958
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
21959
+ }
21812
21960
 
21813
21961
  .pf-v6-c-toolbar__content-section {
21814
21962
  flex-wrap: wrap;
@@ -21882,11 +22030,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21882
22030
 
21883
22031
  .pf-v6-c-toolbar__item {
21884
22032
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
21885
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
21886
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
21887
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
21888
- width: var(--pf-v6-c-toolbar__item--Width--base);
21889
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
21890
22033
  }
21891
22034
  @media (min-width: 36rem) {
21892
22035
  .pf-v6-c-toolbar__item {
@@ -21913,6 +22056,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21913
22056
  --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))))));
21914
22057
  }
21915
22058
  }
22059
+ .pf-v6-c-toolbar__item {
22060
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
22061
+ }
21916
22062
  @media (min-width: 36rem) {
21917
22063
  .pf-v6-c-toolbar__item {
21918
22064
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -21938,6 +22084,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21938
22084
  --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))))));
21939
22085
  }
21940
22086
  }
22087
+ .pf-v6-c-toolbar__item {
22088
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
22089
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
22090
+ width: var(--pf-v6-c-toolbar__item--Width--base);
22091
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
22092
+ }
21941
22093
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
21942
22094
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
21943
22095
  }
@@ -23811,6 +23963,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23811
23963
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
23812
23964
  --pf-v6-c-tree-view__list--TranslateY: 0;
23813
23965
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
23966
+ }
23967
+ @media screen and (prefers-reduced-motion: no-preference) {
23968
+ .pf-v6-c-tree-view {
23969
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
23970
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
23971
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
23972
+ }
23973
+ }
23974
+ .pf-v6-c-tree-view {
23814
23975
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
23815
23976
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
23816
23977
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -23839,6 +24000,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23839
24000
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
23840
24001
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
23841
24002
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
24003
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
24004
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
24005
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
23842
24006
  --pf-v6-c-tree-view__node-text--max-lines: 1;
23843
24007
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
23844
24008
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -23894,6 +24058,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23894
24058
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
23895
24059
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23896
24060
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
24061
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
24062
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
24063
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
24064
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
24065
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
24066
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
23897
24067
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
23898
24068
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
23899
24069
  --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));
@@ -23903,13 +24073,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23903
24073
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
23904
24074
  --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);
23905
24075
  }
23906
- @media screen and (prefers-reduced-motion: no-preference) {
23907
- .pf-v6-c-tree-view {
23908
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
23909
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
23910
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
23911
- }
23912
- }
23913
24076
 
23914
24077
  .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 {
23915
24078
  position: relative;
@@ -23990,11 +24153,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23990
24153
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
23991
24154
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
23992
24155
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
24156
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
23993
24157
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
23994
24158
  }
23995
24159
  .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 {
23996
24160
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
23997
24161
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
24162
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
24163
+ }
24164
+ .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 {
24165
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
23998
24166
  }
23999
24167
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
24000
24168
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -24019,6 +24187,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24019
24187
  }
24020
24188
  .pf-v6-c-tree-view.pf-m-no-background {
24021
24189
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
24190
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
24191
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
24192
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
24193
+ }
24194
+
24195
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
24196
+ scale: -1 1;
24022
24197
  }
24023
24198
 
24024
24199
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -24028,9 +24203,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24028
24203
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
24029
24204
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
24030
24205
  }
24031
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
24032
- scale: -1 1;
24033
- }
24034
24206
 
24035
24207
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
24036
24208
  max-height: 0;
@@ -24094,6 +24266,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24094
24266
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
24095
24267
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
24096
24268
  }
24269
+ .pf-v6-c-tree-view__node.pf-m-disabled {
24270
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
24271
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
24272
+ --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);
24273
+ --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);
24274
+ }
24097
24275
 
24098
24276
  .pf-v6-c-tree-view__node-container {
24099
24277
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -24136,6 +24314,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24136
24314
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24137
24315
  }
24138
24316
 
24317
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
24318
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
24319
+ }
24320
+
24139
24321
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
24140
24322
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
24141
24323
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -24151,6 +24333,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24151
24333
  white-space: nowrap;
24152
24334
  }
24153
24335
 
24336
+ label.pf-v6-c-tree-view__node-text {
24337
+ cursor: pointer;
24338
+ }
24339
+
24154
24340
  .pf-v6-c-tree-view__node-text {
24155
24341
  font-weight: inherit;
24156
24342
  color: inherit;
@@ -24158,9 +24344,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24158
24344
  background-color: transparent;
24159
24345
  border: 0;
24160
24346
  }
24161
- label.pf-v6-c-tree-view__node-text {
24162
- cursor: pointer;
24163
- }
24164
24347
 
24165
24348
  .pf-v6-c-tree-view__node-title {
24166
24349
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -24389,6 +24572,15 @@ label.pf-v6-c-tree-view__node-text {
24389
24572
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
24390
24573
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
24391
24574
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
24575
+ }
24576
+ @media screen and (min-width: 62rem) {
24577
+ .pf-v6-c-wizard {
24578
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
24579
+ --pf-v6-c-wizard__nav--BoxShadow: none;
24580
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
24581
+ }
24582
+ }
24583
+ .pf-v6-c-wizard {
24392
24584
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
24393
24585
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
24394
24586
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -24413,13 +24605,6 @@ label.pf-v6-c-tree-view__node-text {
24413
24605
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
24414
24606
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
24415
24607
  }
24416
- @media screen and (min-width: 62rem) {
24417
- .pf-v6-c-wizard {
24418
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
24419
- --pf-v6-c-wizard__nav--BoxShadow: none;
24420
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
24421
- }
24422
- }
24423
24608
 
24424
24609
  .pf-v6-c-wizard {
24425
24610
  position: relative;
@@ -24555,13 +24740,14 @@ label.pf-v6-c-tree-view__node-text {
24555
24740
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
24556
24741
  }
24557
24742
 
24558
- .pf-v6-c-wizard__toggle-separator {
24559
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
24560
- }
24561
24743
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
24562
24744
  scale: -1 1;
24563
24745
  }
24564
24746
 
24747
+ .pf-v6-c-wizard__toggle-separator {
24748
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
24749
+ }
24750
+
24565
24751
  .pf-v6-c-wizard__toggle-icon {
24566
24752
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
24567
24753
  }
@@ -24569,8 +24755,8 @@ label.pf-v6-c-tree-view__node-text {
24569
24755
  .pf-v6-c-wizard__outer-wrap {
24570
24756
  position: relative;
24571
24757
  display: flex;
24572
- flex-direction: column;
24573
24758
  flex-grow: 1;
24759
+ flex-direction: column;
24574
24760
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
24575
24761
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
24576
24762
  }
@@ -24583,8 +24769,8 @@ label.pf-v6-c-tree-view__node-text {
24583
24769
  .pf-v6-c-wizard__inner-wrap {
24584
24770
  position: relative;
24585
24771
  display: flex;
24586
- flex-direction: column;
24587
24772
  flex-grow: 1;
24773
+ flex-direction: column;
24588
24774
  min-height: 0;
24589
24775
  }
24590
24776
  @media screen and (min-width: 62rem) {
@@ -24762,6 +24948,10 @@ label.pf-v6-c-tree-view__node-text {
24762
24948
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
24763
24949
  }
24764
24950
 
24951
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
24952
+ scale: -1 1;
24953
+ }
24954
+
24765
24955
  .pf-v6-c-wizard__nav-link-toggle-icon {
24766
24956
  display: inline-block;
24767
24957
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -24769,15 +24959,12 @@ label.pf-v6-c-tree-view__node-text {
24769
24959
  transition-property: transform;
24770
24960
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
24771
24961
  }
24772
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
24773
- scale: -1 1;
24774
- }
24775
24962
 
24776
24963
  .pf-v6-c-wizard__main {
24777
24964
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
24778
24965
  display: flex;
24779
- flex-direction: column;
24780
24966
  flex-grow: 1;
24967
+ flex-direction: column;
24781
24968
  overflow-x: hidden;
24782
24969
  overflow-y: auto;
24783
24970
  word-break: break-word;