@patternfly/react-styles 6.5.0-prerelease.10 → 6.5.0-prerelease.12

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 (52) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +36 -26
  3. package/css/components/Accordion/accordion.css +16 -13
  4. package/css/components/Alert/alert.css +5 -4
  5. package/css/components/Avatar/avatar.css +12 -4
  6. package/css/components/BackgroundImage/background-image.css +6 -3
  7. package/css/components/Banner/banner.css +8 -6
  8. package/css/components/Brand/brand.css +3 -1
  9. package/css/components/Breadcrumb/breadcrumb.css +4 -3
  10. package/css/components/Button/button.css +6 -6
  11. package/css/components/CalendarMonth/calendar-month.css +4 -3
  12. package/css/components/Card/card.css +7 -6
  13. package/css/components/ClipboardCopy/clipboard-copy.css +4 -3
  14. package/css/components/CodeEditor/code-editor.css +1 -1
  15. package/css/components/Compass/compass.css +8 -4
  16. package/css/components/DataList/data-list.css +28 -21
  17. package/css/components/DescriptionList/description-list.css +7 -5
  18. package/css/components/Divider/divider.css +7 -5
  19. package/css/components/Drawer/drawer.css +40 -30
  20. package/css/components/DualListSelector/dual-list-selector.css +17 -11
  21. package/css/components/ExpandableSection/expandable-section.css +16 -14
  22. package/css/components/Form/form.css +1 -1
  23. package/css/components/FormControl/form-control.css +1 -1
  24. package/css/components/Hero/hero.css +2 -2
  25. package/css/components/JumpLinks/jump-links.css +4 -3
  26. package/css/components/Label/label-group.css +2 -2
  27. package/css/components/Label/label.css +4 -3
  28. package/css/components/Login/login.css +51 -37
  29. package/css/components/Masthead/masthead.css +22 -20
  30. package/css/components/Menu/menu.css +23 -14
  31. package/css/components/ModalBox/modal-box.css +9 -7
  32. package/css/components/Nav/nav.css +13 -9
  33. package/css/components/NotificationDrawer/notification-drawer.css +8 -6
  34. package/css/components/Page/page.css +35 -29
  35. package/css/components/Sidebar/sidebar.css +1 -1
  36. package/css/components/Skeleton/skeleton.css +16 -15
  37. package/css/components/Slider/slider.css +32 -18
  38. package/css/components/Switch/switch.css +3 -1
  39. package/css/components/Table/table-grid.css +28 -36
  40. package/css/components/Table/table-tree-view.css +4 -2
  41. package/css/components/Table/table.css +31 -27
  42. package/css/components/Tabs/tabs.css +17 -15
  43. package/css/components/Toolbar/toolbar.css +14 -8
  44. package/css/components/TreeView/tree-view.css +44 -13
  45. package/css/components/TreeView/tree-view.d.ts +1 -0
  46. package/css/components/TreeView/tree-view.js +1 -0
  47. package/css/components/TreeView/tree-view.mjs +1 -0
  48. package/css/components/Wizard/wizard.css +20 -16
  49. package/css/components/_index.css +629 -464
  50. package/css/layouts/Gallery/gallery.css +6 -2
  51. package/css/layouts/_index.css +6 -2
  52. package/package.json +4 -4
@@ -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 {
@@ -3533,8 +3565,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3533
3565
  --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
3534
3566
  --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
3535
3567
  --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
3536
- --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--default);
3537
- --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
3568
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
3569
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
3538
3570
  --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
3539
3571
  --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
3540
3572
  --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -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: "";
@@ -6137,9 +6190,22 @@ ul) {
6137
6190
  --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
6138
6191
  --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
6139
6192
  --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
6140
- --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
6141
- --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
6193
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
6194
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
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);
@@ -8354,8 +8419,8 @@ ul) {
8354
8419
  --pf-v6-c-hero--gradient--stop-1--dark: transparent;
8355
8420
  --pf-v6-c-hero--gradient--stop-2--dark: transparent;
8356
8421
  --pf-v6-c-hero--gradient--stop-3--dark: transparent;
8357
- --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--default);
8358
- --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
8422
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
8423
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
8359
8424
  --pf-v6-c-hero--BackgroundImage--light: none;
8360
8425
  --pf-v6-c-hero--BackgroundImage--dark: none;
8361
8426
  --pf-v6-c-hero--BackgroundRepeat: no-repeat;
@@ -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);
@@ -10258,8 +10339,8 @@ ul.pf-v6-c-list {
10258
10339
  --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10259
10340
  --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10260
10341
  --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
10261
- --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--default);
10262
- --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
10342
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
10343
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
10263
10344
  --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
10264
10345
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
10265
10346
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
@@ -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,6 +10383,20 @@ 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 {
10318
10401
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
10319
10402
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
@@ -10348,8 +10431,8 @@ ul.pf-v6-c-list {
10348
10431
  backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
10349
10432
  }
10350
10433
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
10351
- flex-direction: column;
10352
10434
  flex-grow: 1;
10435
+ flex-direction: column;
10353
10436
  align-self: revert;
10354
10437
  }
10355
10438
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
@@ -10819,6 +10902,13 @@ ul.pf-v6-c-list {
10819
10902
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
10820
10903
  --pf-v6-c-menu--TransitionDuration: 0s;
10821
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 {
10822
10912
  --pf-v6-c-menu--m-plain--BoxShadow: none;
10823
10913
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
10824
10914
  --pf-v6-c-menu__content--Height: auto;
@@ -10898,33 +10988,34 @@ ul.pf-v6-c-list {
10898
10988
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
10899
10989
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10900
10990
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
10901
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
10902
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
10903
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
10904
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
10905
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
10906
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
10907
- }
10908
- @media (prefers-reduced-motion: no-preference) {
10909
- .pf-v6-c-menu {
10910
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10911
- }
10912
10991
  }
10913
10992
  @media (prefers-reduced-motion: no-preference) {
10914
10993
  .pf-v6-c-menu {
10915
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);
10916
10995
  }
10917
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
+ }
10918
11002
  @media (prefers-reduced-motion: no-preference) {
10919
11003
  .pf-v6-c-menu {
10920
11004
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10921
11005
  }
10922
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
+ }
10923
11011
  @media (prefers-reduced-motion: no-preference) {
10924
11012
  .pf-v6-c-menu {
10925
11013
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10926
11014
  }
10927
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
+ }
10928
11019
 
10929
11020
  .pf-v6-c-menu__content,
10930
11021
  .pf-v6-c-menu__list-item,
@@ -11382,13 +11473,14 @@ ul.pf-v6-c-list {
11382
11473
  --pf-v6-c-check__input--TranslateY: none;
11383
11474
  }
11384
11475
 
11385
- .pf-v6-c-menu__item-toggle-icon {
11386
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
11387
- }
11388
11476
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
11389
11477
  scale: -1 1;
11390
11478
  }
11391
11479
 
11480
+ .pf-v6-c-menu__item-toggle-icon {
11481
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
11482
+ }
11483
+
11392
11484
  .pf-v6-c-menu__item-icon {
11393
11485
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
11394
11486
  }
@@ -11979,6 +12071,13 @@ ul.pf-v6-c-list {
11979
12071
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
11980
12072
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
11981
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 {
11982
12081
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11983
12082
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11984
12083
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -12010,11 +12109,6 @@ ul.pf-v6-c-list {
12010
12109
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
12011
12110
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
12012
12111
  }
12013
- @media (min-width: 75rem) {
12014
- .pf-v6-c-modal-box {
12015
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
12016
- }
12017
- }
12018
12112
 
12019
12113
  .pf-v6-c-modal-box {
12020
12114
  position: relative;
@@ -12076,8 +12170,8 @@ ul.pf-v6-c-list {
12076
12170
 
12077
12171
  .pf-v6-c-modal-box__header {
12078
12172
  display: flex;
12079
- flex-direction: column;
12080
12173
  flex-shrink: 0;
12174
+ flex-direction: column;
12081
12175
  gap: var(--pf-v6-c-modal-box__header--Gap);
12082
12176
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
12083
12177
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -12094,8 +12188,8 @@ ul.pf-v6-c-list {
12094
12188
 
12095
12189
  .pf-v6-c-modal-box__header-main {
12096
12190
  display: flex;
12097
- flex-direction: column;
12098
12191
  flex-grow: 1;
12192
+ flex-direction: column;
12099
12193
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
12100
12194
  min-width: 0;
12101
12195
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -12449,6 +12543,15 @@ ul.pf-v6-c-list {
12449
12543
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
12450
12544
  --pf-v6-c-nav__subnav--TranslateY: 0;
12451
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 {
12452
12555
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
12453
12556
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
12454
12557
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -12484,13 +12587,6 @@ ul.pf-v6-c-list {
12484
12587
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
12485
12588
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
12486
12589
  }
12487
- @media screen and (prefers-reduced-motion: no-preference) {
12488
- .pf-v6-c-nav {
12489
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
12490
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
12491
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
12492
- }
12493
- }
12494
12590
 
12495
12591
  .pf-v6-c-nav,
12496
12592
  .pf-v6-c-nav__section,
@@ -12775,12 +12871,14 @@ ul.pf-v6-c-list {
12775
12871
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
12776
12872
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
12777
12873
  -webkit-overflow-scrolling: touch;
12778
- scrollbar-width: none;
12779
- -ms-overflow-style: -ms-autohiding-scrollbar;
12780
12874
  }
12781
12875
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
12782
12876
  display: none;
12783
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
+ }
12784
12882
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
12785
12883
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
12786
12884
  }
@@ -12818,6 +12916,7 @@ ul.pf-v6-c-list {
12818
12916
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
12819
12917
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
12820
12918
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
12919
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
12821
12920
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
12822
12921
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
12823
12922
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -12912,6 +13011,7 @@ ul.pf-v6-c-list {
12912
13011
 
12913
13012
  .pf-v6-c-notification-drawer__header-action {
12914
13013
  display: flex;
13014
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
12915
13015
  align-items: center;
12916
13016
  margin-inline-start: auto;
12917
13017
  }
@@ -12995,9 +13095,9 @@ ul.pf-v6-c-list {
12995
13095
  }
12996
13096
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
12997
13097
  display: -webkit-box;
13098
+ overflow: hidden;
12998
13099
  -webkit-box-orient: vertical;
12999
13100
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
13000
- overflow: hidden;
13001
13101
  }
13002
13102
 
13003
13103
  .pf-v6-c-notification-drawer__list-item-action {
@@ -13051,9 +13151,9 @@ ul.pf-v6-c-list {
13051
13151
 
13052
13152
  .pf-v6-c-notification-drawer__group-toggle-title {
13053
13153
  display: -webkit-box;
13154
+ overflow: hidden;
13054
13155
  -webkit-box-orient: vertical;
13055
13156
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
13056
- overflow: hidden;
13057
13157
  flex: 1;
13058
13158
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13059
13159
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -13066,15 +13166,15 @@ ul.pf-v6-c-list {
13066
13166
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
13067
13167
  }
13068
13168
 
13169
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
13170
+ scale: -1 1;
13171
+ }
13172
+
13069
13173
  .pf-v6-c-notification-drawer__group-toggle-icon {
13070
13174
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
13071
13175
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
13072
13176
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
13073
13177
  }
13074
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
13075
- scale: -1 1;
13076
- }
13077
-
13078
13178
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
13079
13179
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
13080
13180
  }
@@ -13143,6 +13243,15 @@ ul.pf-v6-c-list {
13143
13243
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
13144
13244
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
13145
13245
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
13246
+ }
13247
+ @media screen and (prefers-reduced-motion: no-preference) {
13248
+ .pf-v6-c-page {
13249
+ --pf-v6-c-page__sidebar--Opacity: 1;
13250
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
13251
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
13252
+ }
13253
+ }
13254
+ .pf-v6-c-page {
13146
13255
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13147
13256
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13148
13257
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13158,6 +13267,15 @@ ul.pf-v6-c-list {
13158
13267
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
13159
13268
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13160
13269
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
13270
+ }
13271
+ @media screen and (min-width: 75rem) {
13272
+ .pf-v6-c-page {
13273
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
13274
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
13275
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
13276
+ }
13277
+ }
13278
+ .pf-v6-c-page {
13161
13279
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
13162
13280
  --pf-v6-c-page__main-container--GridArea: main;
13163
13281
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -13180,6 +13298,17 @@ ul.pf-v6-c-list {
13180
13298
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
13181
13299
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
13182
13300
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
13301
+ }
13302
+ @media screen and (max-width: calc(48rem - 1px)) {
13303
+ .pf-v6-c-page {
13304
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
13305
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
13306
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
13307
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
13308
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
13309
+ }
13310
+ }
13311
+ .pf-v6-c-page {
13183
13312
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
13184
13313
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13185
13314
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13232,29 +13361,6 @@ ul.pf-v6-c-list {
13232
13361
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13233
13362
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13234
13363
  }
13235
- @media screen and (prefers-reduced-motion: no-preference) {
13236
- .pf-v6-c-page {
13237
- --pf-v6-c-page__sidebar--Opacity: 1;
13238
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
13239
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
13240
- }
13241
- }
13242
- @media screen and (min-width: 75rem) {
13243
- .pf-v6-c-page {
13244
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
13245
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
13246
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
13247
- }
13248
- }
13249
- @media screen and (max-width: calc(48rem - 1px)) {
13250
- .pf-v6-c-page {
13251
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
13252
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
13253
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
13254
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
13255
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
13256
- }
13257
- }
13258
13364
 
13259
13365
  .pf-v6-c-page {
13260
13366
  display: grid;
@@ -13329,15 +13435,15 @@ ul.pf-v6-c-list {
13329
13435
  }
13330
13436
  }
13331
13437
 
13332
- .pf-v6-c-page > .pf-v6-c-masthead {
13333
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
13334
- grid-area: header;
13335
- }
13336
13438
  @media (min-width: 75rem) {
13337
13439
  .pf-v6-c-page > .pf-v6-c-masthead {
13338
13440
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
13339
13441
  }
13340
13442
  }
13443
+ .pf-v6-c-page > .pf-v6-c-masthead {
13444
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
13445
+ grid-area: header;
13446
+ }
13341
13447
 
13342
13448
  .pf-v6-c-page__dock {
13343
13449
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -13454,8 +13560,8 @@ ul.pf-v6-c-list {
13454
13560
  .pf-v6-c-page__main-group,
13455
13561
  .pf-v6-c-page__main-subnav {
13456
13562
  display: flex;
13457
- flex-direction: column;
13458
13563
  flex-shrink: 0;
13564
+ flex-direction: column;
13459
13565
  }
13460
13566
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
13461
13567
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -13699,8 +13805,8 @@ ul.pf-v6-c-list {
13699
13805
  .pf-v6-c-page__main-drawer,
13700
13806
  .pf-v6-c-page__main-group {
13701
13807
  display: flex;
13702
- flex-direction: column;
13703
13808
  flex-grow: 1;
13809
+ flex-direction: column;
13704
13810
  }
13705
13811
 
13706
13812
  .pf-v6-c-page__main {
@@ -15614,8 +15720,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15614
15720
  position: var(--pf-v6-c-sidebar__panel--Position);
15615
15721
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
15616
15722
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
15617
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
15618
15723
  flex-shrink: 0;
15724
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
15619
15725
  order: var(--pf-v6-c-sidebar__panel--Order);
15620
15726
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
15621
15727
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -15912,7 +16018,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15912
16018
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
15913
16019
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
15914
16020
  --pf-v6-c-skeleton--before--Height: auto;
15915
- --pf-v6-c-skeleton--before--Content: " ";
16021
+ --pf-v6-c-skeleton--before--Content: "\00a0";
15916
16022
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
15917
16023
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
15918
16024
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -15923,6 +16029,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15923
16029
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
15924
16030
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
15925
16031
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
16032
+ }
16033
+ @media screen and (prefers-reduced-motion: no-preference) {
16034
+ .pf-v6-c-skeleton {
16035
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
16036
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
16037
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
16038
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
16039
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
16040
+ }
16041
+ }
16042
+ .pf-v6-c-skeleton {
15926
16043
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
15927
16044
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
15928
16045
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -15950,15 +16067,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15950
16067
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
15951
16068
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
15952
16069
  }
15953
- @media screen and (prefers-reduced-motion: no-preference) {
15954
- .pf-v6-c-skeleton {
15955
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
15956
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
15957
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
15958
- --pf-v6-c-skeleton--after--TranslateX: -100%;
15959
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
15960
- }
15961
- }
15962
16070
 
15963
16071
  .pf-v6-c-skeleton {
15964
16072
  position: relative;
@@ -15975,6 +16083,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15975
16083
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
15976
16084
  content: var(--pf-v6-c-skeleton--before--Content);
15977
16085
  }
16086
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
16087
+ scale: -1 1;
16088
+ }
16089
+
15978
16090
  .pf-v6-c-skeleton::after {
15979
16091
  position: absolute;
15980
16092
  inset: 0;
@@ -15984,10 +16096,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15984
16096
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
15985
16097
  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);
15986
16098
  }
15987
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
15988
- scale: -1 1;
15989
- }
15990
-
15991
16099
  .pf-v6-c-skeleton.pf-m-circle {
15992
16100
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
15993
16101
  }
@@ -16175,12 +16283,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16175
16283
 
16176
16284
  .pf-v6-c-slider {
16177
16285
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
16178
- display: flex;
16179
16286
  }
16180
16287
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
16181
16288
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
16182
16289
  }
16183
16290
 
16291
+ .pf-v6-c-slider {
16292
+ display: flex;
16293
+ }
16184
16294
  .pf-v6-c-slider.pf-m-disabled {
16185
16295
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
16186
16296
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -16243,6 +16353,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16243
16353
 
16244
16354
  .pf-v6-c-slider__step-tick {
16245
16355
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
16356
+ }
16357
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
16358
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16359
+ }
16360
+
16361
+ .pf-v6-c-slider__step-tick {
16246
16362
  position: absolute;
16247
16363
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
16248
16364
  inset-inline-start: 0;
@@ -16252,22 +16368,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16252
16368
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
16253
16369
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
16254
16370
  }
16255
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
16256
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16257
- }
16258
16371
 
16259
16372
  .pf-v6-c-slider__step-label {
16260
16373
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
16261
- position: absolute;
16262
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
16263
- word-break: normal;
16264
16374
  }
16265
16375
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
16266
16376
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16267
16377
  }
16268
16378
 
16379
+ .pf-v6-c-slider__step-label {
16380
+ position: absolute;
16381
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
16382
+ word-break: normal;
16383
+ }
16384
+
16269
16385
  .pf-v6-c-slider__thumb {
16270
16386
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
16387
+ }
16388
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
16389
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
16390
+ }
16391
+
16392
+ .pf-v6-c-slider__thumb {
16271
16393
  position: absolute;
16272
16394
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
16273
16395
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -16279,12 +16401,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16279
16401
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
16280
16402
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
16281
16403
  }
16282
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
16283
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
16404
+ .pf-v6-c-slider__thumb::before {
16405
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
16406
+ }
16407
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
16408
+ 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));
16284
16409
  }
16285
16410
 
16286
16411
  .pf-v6-c-slider__thumb::before {
16287
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
16288
16412
  position: absolute;
16289
16413
  inset-block-start: 50%;
16290
16414
  inset-inline-start: 50%;
@@ -16293,10 +16417,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16293
16417
  content: "";
16294
16418
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
16295
16419
  }
16296
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
16297
- 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));
16298
- }
16299
-
16300
16420
  .pf-v6-c-slider__thumb:hover {
16301
16421
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
16302
16422
  }
@@ -16313,16 +16433,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16313
16433
  }
16314
16434
  .pf-v6-c-slider__value.pf-m-floating {
16315
16435
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
16436
+ }
16437
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
16438
+ 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));
16439
+ }
16440
+
16441
+ .pf-v6-c-slider__value.pf-m-floating {
16316
16442
  --pf-v6-c-slider__value--MarginInlineStart: 0;
16317
16443
  position: absolute;
16318
16444
  inset-block-start: 0;
16319
16445
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
16320
16446
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
16321
16447
  }
16322
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
16323
- 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));
16324
- }
16325
-
16326
16448
  .pf-v6-c-slider__value .pf-v6-c-form-control {
16327
16449
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
16328
16450
  }
@@ -16500,12 +16622,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16500
16622
  }
16501
16623
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16502
16624
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
16503
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
16504
16625
  }
16505
16626
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16506
16627
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
16507
16628
  }
16508
16629
 
16630
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16631
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
16632
+ }
16509
16633
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
16510
16634
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
16511
16635
  }
@@ -16990,7 +17114,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16990
17114
  --pf-v6-c-table--cell--Width: auto;
16991
17115
  }
16992
17116
 
16993
- @media screen and (max-width: calc(48rem - 1px)) {
17117
+ @container pf-v6-contain-table (max-width: 48rem) {
16994
17118
  .pf-m-grid-md.pf-v6-c-table {
16995
17119
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
16996
17120
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -17268,15 +17392,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17268
17392
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
17269
17393
  text-align: end;
17270
17394
  }
17271
- }
17272
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
17273
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
17274
- grid-row-start: 1;
17275
- grid-column-start: 2;
17276
- margin-inline-start: 0;
17395
+ @media screen and (max-width: 36rem) {
17396
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
17397
+ grid-row-start: 1;
17398
+ grid-column-start: 2;
17399
+ margin-inline-start: 0;
17400
+ }
17277
17401
  }
17278
- }
17279
- @media screen and (max-width: calc(48rem - 1px)) {
17280
17402
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
17281
17403
  grid-column: 2;
17282
17404
  grid-row: 2;
@@ -17302,7 +17424,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17302
17424
  }
17303
17425
  }
17304
17426
 
17305
- @media screen and (max-width: calc(62rem - 1px)) {
17427
+ @container pf-v6-contain-table (max-width: 62rem) {
17306
17428
  .pf-m-grid-lg.pf-v6-c-table {
17307
17429
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
17308
17430
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -17580,15 +17702,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17580
17702
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
17581
17703
  text-align: end;
17582
17704
  }
17583
- }
17584
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
17585
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
17586
- grid-row-start: 1;
17587
- grid-column-start: 2;
17588
- margin-inline-start: 0;
17705
+ @media screen and (max-width: 36rem) {
17706
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
17707
+ grid-row-start: 1;
17708
+ grid-column-start: 2;
17709
+ margin-inline-start: 0;
17710
+ }
17589
17711
  }
17590
- }
17591
- @media screen and (max-width: calc(62rem - 1px)) {
17592
17712
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
17593
17713
  grid-column: 2;
17594
17714
  grid-row: 2;
@@ -17614,7 +17734,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17614
17734
  }
17615
17735
  }
17616
17736
 
17617
- @media screen and (max-width: calc(75rem - 1px)) {
17737
+ @container pf-v6-contain-table (max-width: 75rem) {
17618
17738
  .pf-m-grid-xl.pf-v6-c-table {
17619
17739
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
17620
17740
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -17892,15 +18012,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17892
18012
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
17893
18013
  text-align: end;
17894
18014
  }
17895
- }
17896
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
17897
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
17898
- grid-row-start: 1;
17899
- grid-column-start: 2;
17900
- margin-inline-start: 0;
18015
+ @media screen and (max-width: 36rem) {
18016
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
18017
+ grid-row-start: 1;
18018
+ grid-column-start: 2;
18019
+ margin-inline-start: 0;
18020
+ }
17901
18021
  }
17902
- }
17903
- @media screen and (max-width: calc(75rem - 1px)) {
17904
18022
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
17905
18023
  grid-column: 2;
17906
18024
  grid-row: 2;
@@ -17926,7 +18044,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17926
18044
  }
17927
18045
  }
17928
18046
 
17929
- @media screen and (max-width: calc(90.625rem - 1px)) {
18047
+ @container pf-v6-contain-table (max-width: 90.625rem) {
17930
18048
  .pf-m-grid-2xl.pf-v6-c-table {
17931
18049
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
17932
18050
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -18204,15 +18322,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18204
18322
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
18205
18323
  text-align: end;
18206
18324
  }
18207
- }
18208
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
18209
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
18210
- grid-row-start: 1;
18211
- grid-column-start: 2;
18212
- margin-inline-start: 0;
18325
+ @media screen and (max-width: 36rem) {
18326
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
18327
+ grid-row-start: 1;
18328
+ grid-column-start: 2;
18329
+ margin-inline-start: 0;
18330
+ }
18213
18331
  }
18214
- }
18215
- @media screen and (max-width: calc(90.625rem - 1px)) {
18216
18332
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
18217
18333
  grid-column: 2;
18218
18334
  grid-row: 2;
@@ -18327,6 +18443,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18327
18443
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
18328
18444
  --pf-v6-c-table__expandable-row--TranslateY: 0;
18329
18445
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
18446
+ }
18447
+ @media screen and (prefers-reduced-motion: no-preference) {
18448
+ .pf-v6-c-table {
18449
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
18450
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
18451
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
18452
+ }
18453
+ }
18454
+ .pf-v6-c-table {
18330
18455
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
18331
18456
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18332
18457
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -18395,13 +18520,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18395
18520
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
18396
18521
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
18397
18522
  }
18398
- @media screen and (prefers-reduced-motion: no-preference) {
18399
- .pf-v6-c-table {
18400
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
18401
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
18402
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
18403
- }
18404
- }
18405
18523
 
18406
18524
  .pf-v6-c-table {
18407
18525
  width: 100%;
@@ -18466,22 +18584,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18466
18584
  --pf-v6-hidden-visible--hidden--Display: none;
18467
18585
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
18468
18586
  display: var(--pf-v6-hidden-visible--Display);
18469
- position: relative;
18470
- width: var(--pf-v6-c-table--cell--Width);
18471
- min-width: var(--pf-v6-c-table--cell--MinWidth);
18472
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
18473
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18474
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
18475
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
18476
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
18477
- overflow: var(--pf-v6-c-table--cell--Overflow);
18478
- font-size: var(--pf-v6-c-table--cell--FontSize);
18479
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
18480
- line-height: var(--pf-v6-c-table--cell--LineHeight);
18481
- color: var(--pf-v6-c-table--cell--Color);
18482
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
18483
- word-break: var(--pf-v6-c-table--cell--WordBreak);
18484
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
18485
18587
  }
18486
18588
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
18487
18589
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -18526,6 +18628,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18526
18628
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
18527
18629
  }
18528
18630
  }
18631
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
18632
+ position: relative;
18633
+ width: var(--pf-v6-c-table--cell--Width);
18634
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
18635
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
18636
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18637
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
18638
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
18639
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
18640
+ overflow: var(--pf-v6-c-table--cell--Overflow);
18641
+ font-size: var(--pf-v6-c-table--cell--FontSize);
18642
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
18643
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
18644
+ color: var(--pf-v6-c-table--cell--Color);
18645
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
18646
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
18647
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
18648
+ }
18529
18649
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
18530
18650
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
18531
18651
  }
@@ -18882,16 +19002,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18882
19002
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
18883
19003
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
18884
19004
  }
19005
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19006
+ scale: -1 1;
19007
+ }
19008
+
18885
19009
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
18886
19010
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
18887
19011
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
18888
19012
  transition-property: transform;
18889
19013
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
18890
19014
  }
18891
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
18892
- scale: -1 1;
18893
- }
18894
-
18895
19015
  .pf-v6-c-table__toggle svg {
18896
19016
  pointer-events: none;
18897
19017
  }
@@ -19368,13 +19488,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19368
19488
  }
19369
19489
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19370
19490
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
19371
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
19372
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
19373
19491
  }
19374
19492
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19375
19493
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
19376
19494
  }
19377
19495
 
19496
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19497
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
19498
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
19499
+ }
19378
19500
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19379
19501
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
19380
19502
  }
@@ -20424,8 +20546,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20424
20546
  }
20425
20547
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
20426
20548
  position: relative;
20427
- flex-direction: column;
20428
20549
  flex-grow: 1;
20550
+ flex-direction: column;
20429
20551
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
20430
20552
  }
20431
20553
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -20590,15 +20712,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20590
20712
  white-space: normal;
20591
20713
  }
20592
20714
 
20715
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
20716
+ scale: -1 1;
20717
+ }
20718
+
20593
20719
  .pf-v6-c-tabs__toggle-icon {
20594
20720
  display: inline-block;
20595
20721
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
20596
20722
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
20597
20723
  }
20598
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
20599
- scale: -1 1;
20600
- }
20601
20724
 
20725
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
20726
+ display: none;
20727
+ }
20602
20728
  .pf-v6-c-tabs__list {
20603
20729
  scrollbar-width: none;
20604
20730
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -20610,20 +20736,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20610
20736
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
20611
20737
  -webkit-overflow-scrolling: touch;
20612
20738
  }
20613
- .pf-v6-c-tabs__list::-webkit-scrollbar {
20614
- display: none;
20615
- }
20616
20739
 
20617
20740
  .pf-v6-c-tabs__item {
20618
20741
  position: relative;
20619
20742
  display: flex;
20620
20743
  flex: none;
20621
20744
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
20622
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
20623
20745
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
20624
20746
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
20625
20747
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
20626
20748
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
20749
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
20627
20750
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
20628
20751
  }
20629
20752
  .pf-v6-c-tabs__item.pf-m-current {
@@ -20676,6 +20799,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20676
20799
  border: 0;
20677
20800
  }
20678
20801
 
20802
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
20803
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
20804
+ }
20805
+
20679
20806
  .pf-v6-c-tabs__link {
20680
20807
  display: flex;
20681
20808
  flex: 1;
@@ -20693,10 +20820,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20693
20820
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
20694
20821
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
20695
20822
  }
20696
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
20697
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
20698
- }
20699
-
20700
20823
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
20701
20824
  pointer-events: none;
20702
20825
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -20751,6 +20874,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20751
20874
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
20752
20875
  }
20753
20876
 
20877
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
20878
+ scale: -1 1;
20879
+ }
20880
+
20754
20881
  .pf-v6-c-tabs__link-toggle-icon {
20755
20882
  align-self: end;
20756
20883
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -20758,9 +20885,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20758
20885
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
20759
20886
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
20760
20887
  }
20761
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
20762
- scale: -1 1;
20763
- }
20764
20888
 
20765
20889
  .pf-v6-c-tabs__item-action {
20766
20890
  display: flex;
@@ -21778,9 +21902,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21778
21902
  --pf-v6-hidden-visible--hidden--Display: none;
21779
21903
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
21780
21904
  display: var(--pf-v6-hidden-visible--Display);
21781
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
21782
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
21783
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
21784
21905
  }
21785
21906
  .pf-v6-c-toolbar__content.pf-m-hidden {
21786
21907
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -21825,6 +21946,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21825
21946
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
21826
21947
  }
21827
21948
  }
21949
+ .pf-v6-c-toolbar__content {
21950
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
21951
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
21952
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
21953
+ }
21828
21954
 
21829
21955
  .pf-v6-c-toolbar__content-section {
21830
21956
  flex-wrap: wrap;
@@ -21898,11 +22024,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21898
22024
 
21899
22025
  .pf-v6-c-toolbar__item {
21900
22026
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
21901
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
21902
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
21903
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
21904
- width: var(--pf-v6-c-toolbar__item--Width--base);
21905
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
21906
22027
  }
21907
22028
  @media (min-width: 36rem) {
21908
22029
  .pf-v6-c-toolbar__item {
@@ -21929,6 +22050,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21929
22050
  --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))))));
21930
22051
  }
21931
22052
  }
22053
+ .pf-v6-c-toolbar__item {
22054
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
22055
+ }
21932
22056
  @media (min-width: 36rem) {
21933
22057
  .pf-v6-c-toolbar__item {
21934
22058
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -21954,6 +22078,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21954
22078
  --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))))));
21955
22079
  }
21956
22080
  }
22081
+ .pf-v6-c-toolbar__item {
22082
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
22083
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
22084
+ width: var(--pf-v6-c-toolbar__item--Width--base);
22085
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
22086
+ }
21957
22087
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
21958
22088
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
21959
22089
  }
@@ -23827,6 +23957,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23827
23957
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
23828
23958
  --pf-v6-c-tree-view__list--TranslateY: 0;
23829
23959
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
23960
+ }
23961
+ @media screen and (prefers-reduced-motion: no-preference) {
23962
+ .pf-v6-c-tree-view {
23963
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
23964
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
23965
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
23966
+ }
23967
+ }
23968
+ .pf-v6-c-tree-view {
23830
23969
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
23831
23970
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
23832
23971
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -23855,6 +23994,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23855
23994
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
23856
23995
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
23857
23996
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
23997
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
23998
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
23999
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
23858
24000
  --pf-v6-c-tree-view__node-text--max-lines: 1;
23859
24001
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
23860
24002
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -23910,6 +24052,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23910
24052
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
23911
24053
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23912
24054
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
24055
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
24056
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
24057
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
24058
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
24059
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
24060
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
23913
24061
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
23914
24062
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
23915
24063
  --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));
@@ -23919,13 +24067,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23919
24067
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
23920
24068
  --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);
23921
24069
  }
23922
- @media screen and (prefers-reduced-motion: no-preference) {
23923
- .pf-v6-c-tree-view {
23924
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
23925
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
23926
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
23927
- }
23928
- }
23929
24070
 
23930
24071
  .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 {
23931
24072
  position: relative;
@@ -24006,11 +24147,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24006
24147
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
24007
24148
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
24008
24149
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
24150
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
24009
24151
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
24010
24152
  }
24011
24153
  .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 {
24012
24154
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
24013
24155
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
24156
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
24157
+ }
24158
+ .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 {
24159
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
24014
24160
  }
24015
24161
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
24016
24162
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -24035,6 +24181,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24035
24181
  }
24036
24182
  .pf-v6-c-tree-view.pf-m-no-background {
24037
24183
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
24184
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
24185
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
24186
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
24187
+ }
24188
+
24189
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
24190
+ scale: -1 1;
24038
24191
  }
24039
24192
 
24040
24193
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -24044,9 +24197,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24044
24197
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
24045
24198
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
24046
24199
  }
24047
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
24048
- scale: -1 1;
24049
- }
24050
24200
 
24051
24201
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
24052
24202
  max-height: 0;
@@ -24110,6 +24260,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24110
24260
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
24111
24261
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
24112
24262
  }
24263
+ .pf-v6-c-tree-view__node.pf-m-disabled {
24264
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
24265
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
24266
+ --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);
24267
+ --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);
24268
+ }
24113
24269
 
24114
24270
  .pf-v6-c-tree-view__node-container {
24115
24271
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -24152,6 +24308,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24152
24308
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24153
24309
  }
24154
24310
 
24311
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
24312
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
24313
+ }
24314
+
24155
24315
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
24156
24316
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
24157
24317
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -24167,6 +24327,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24167
24327
  white-space: nowrap;
24168
24328
  }
24169
24329
 
24330
+ label.pf-v6-c-tree-view__node-text {
24331
+ cursor: pointer;
24332
+ }
24333
+
24170
24334
  .pf-v6-c-tree-view__node-text {
24171
24335
  font-weight: inherit;
24172
24336
  color: inherit;
@@ -24174,9 +24338,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24174
24338
  background-color: transparent;
24175
24339
  border: 0;
24176
24340
  }
24177
- label.pf-v6-c-tree-view__node-text {
24178
- cursor: pointer;
24179
- }
24180
24341
 
24181
24342
  .pf-v6-c-tree-view__node-title {
24182
24343
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -24405,6 +24566,15 @@ label.pf-v6-c-tree-view__node-text {
24405
24566
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
24406
24567
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
24407
24568
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
24569
+ }
24570
+ @media screen and (min-width: 62rem) {
24571
+ .pf-v6-c-wizard {
24572
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
24573
+ --pf-v6-c-wizard__nav--BoxShadow: none;
24574
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
24575
+ }
24576
+ }
24577
+ .pf-v6-c-wizard {
24408
24578
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
24409
24579
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
24410
24580
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -24429,13 +24599,6 @@ label.pf-v6-c-tree-view__node-text {
24429
24599
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
24430
24600
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
24431
24601
  }
24432
- @media screen and (min-width: 62rem) {
24433
- .pf-v6-c-wizard {
24434
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
24435
- --pf-v6-c-wizard__nav--BoxShadow: none;
24436
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
24437
- }
24438
- }
24439
24602
 
24440
24603
  .pf-v6-c-wizard {
24441
24604
  position: relative;
@@ -24571,13 +24734,14 @@ label.pf-v6-c-tree-view__node-text {
24571
24734
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
24572
24735
  }
24573
24736
 
24574
- .pf-v6-c-wizard__toggle-separator {
24575
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
24576
- }
24577
24737
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
24578
24738
  scale: -1 1;
24579
24739
  }
24580
24740
 
24741
+ .pf-v6-c-wizard__toggle-separator {
24742
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
24743
+ }
24744
+
24581
24745
  .pf-v6-c-wizard__toggle-icon {
24582
24746
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
24583
24747
  }
@@ -24585,8 +24749,8 @@ label.pf-v6-c-tree-view__node-text {
24585
24749
  .pf-v6-c-wizard__outer-wrap {
24586
24750
  position: relative;
24587
24751
  display: flex;
24588
- flex-direction: column;
24589
24752
  flex-grow: 1;
24753
+ flex-direction: column;
24590
24754
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
24591
24755
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
24592
24756
  }
@@ -24599,8 +24763,8 @@ label.pf-v6-c-tree-view__node-text {
24599
24763
  .pf-v6-c-wizard__inner-wrap {
24600
24764
  position: relative;
24601
24765
  display: flex;
24602
- flex-direction: column;
24603
24766
  flex-grow: 1;
24767
+ flex-direction: column;
24604
24768
  min-height: 0;
24605
24769
  }
24606
24770
  @media screen and (min-width: 62rem) {
@@ -24778,6 +24942,10 @@ label.pf-v6-c-tree-view__node-text {
24778
24942
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
24779
24943
  }
24780
24944
 
24945
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
24946
+ scale: -1 1;
24947
+ }
24948
+
24781
24949
  .pf-v6-c-wizard__nav-link-toggle-icon {
24782
24950
  display: inline-block;
24783
24951
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -24785,15 +24953,12 @@ label.pf-v6-c-tree-view__node-text {
24785
24953
  transition-property: transform;
24786
24954
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
24787
24955
  }
24788
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
24789
- scale: -1 1;
24790
- }
24791
24956
 
24792
24957
  .pf-v6-c-wizard__main {
24793
24958
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
24794
24959
  display: flex;
24795
- flex-direction: column;
24796
24960
  flex-grow: 1;
24961
+ flex-direction: column;
24797
24962
  overflow-x: hidden;
24798
24963
  overflow-y: auto;
24799
24964
  word-break: break-word;