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

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 (93) hide show
  1. package/assets/fontawesome/_variables.scss +2 -1
  2. package/base/patternfly-variables.css +340 -14
  3. package/base/patternfly-variables.scss +40 -0
  4. package/base/tokens/tokens-dark.scss +49 -3
  5. package/base/tokens/tokens-default.scss +65 -13
  6. package/base/tokens/tokens-glass-dark.scss +11 -0
  7. package/base/tokens/tokens-glass.scss +11 -0
  8. package/base/tokens/tokens-local.scss +1 -1
  9. package/base/tokens/tokens-redhat-dark.scss +14 -0
  10. package/base/tokens/tokens-redhat-glass-dark.scss +18 -0
  11. package/base/tokens/tokens-redhat-glass.scss +17 -0
  12. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  13. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  14. package/base/tokens/tokens-redhat.scss +15 -0
  15. package/components/AboutModalBox/about-modal-box.css +36 -26
  16. package/components/Accordion/accordion.css +16 -13
  17. package/components/Alert/alert.css +5 -4
  18. package/components/Avatar/avatar.css +12 -4
  19. package/components/BackgroundImage/background-image.css +6 -3
  20. package/components/Banner/banner.css +8 -6
  21. package/components/Brand/brand.css +3 -1
  22. package/components/Breadcrumb/breadcrumb.css +4 -3
  23. package/components/Button/button.css +6 -6
  24. package/components/CalendarMonth/calendar-month.css +4 -3
  25. package/components/Card/card.css +7 -6
  26. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  27. package/components/CodeEditor/code-editor.css +1 -1
  28. package/components/CodeEditor/code-editor.scss +1 -1
  29. package/components/Compass/compass.css +6 -2
  30. package/components/DataList/data-list.css +28 -21
  31. package/components/DescriptionList/description-list-order.scss +5 -1
  32. package/components/DescriptionList/description-list.css +7 -5
  33. package/components/DescriptionList/description-list.scss +5 -1
  34. package/components/Divider/divider.css +7 -5
  35. package/components/Drawer/drawer.css +38 -28
  36. package/components/Drawer/drawer.scss +12 -4
  37. package/components/DualListSelector/dual-list-selector.css +17 -11
  38. package/components/ExpandableSection/expandable-section.css +16 -14
  39. package/components/ExpandableSection/expandable-section.scss +1 -1
  40. package/components/Form/form.css +1 -1
  41. package/components/Form/form.scss +1 -1
  42. package/components/FormControl/form-control.css +1 -1
  43. package/components/FormControl/form-control.scss +1 -1
  44. package/components/JumpLinks/jump-links.css +4 -3
  45. package/components/JumpLinks/jump-links.scss +5 -1
  46. package/components/Label/label-group.css +2 -2
  47. package/components/Label/label-group.scss +2 -2
  48. package/components/Label/label.css +4 -3
  49. package/components/Login/login.css +51 -37
  50. package/components/Masthead/masthead.css +20 -18
  51. package/components/Masthead/masthead.scss +6 -2
  52. package/components/Menu/menu.css +23 -14
  53. package/components/ModalBox/modal-box.css +9 -7
  54. package/components/ModalBox/modal-box.scss +2 -2
  55. package/components/Nav/nav.css +13 -9
  56. package/components/NotificationDrawer/notification-drawer.css +6 -6
  57. package/components/Page/page.css +35 -29
  58. package/components/Page/page.scss +17 -5
  59. package/components/Pagination/pagination.scss +5 -1
  60. package/components/ProgressStepper/progress-stepper.scss +5 -1
  61. package/components/Sidebar/sidebar.css +1 -1
  62. package/components/Sidebar/sidebar.scss +7 -3
  63. package/components/Skeleton/skeleton.css +16 -15
  64. package/components/Slider/slider.css +32 -18
  65. package/components/Switch/switch.css +3 -1
  66. package/components/Table/table-tree-view.css +4 -2
  67. package/components/Table/table.css +31 -27
  68. package/components/Tabs/tabs.css +17 -15
  69. package/components/Tabs/tabs.scss +12 -4
  70. package/components/Toolbar/toolbar.css +14 -8
  71. package/components/Toolbar/toolbar.scss +5 -1
  72. package/components/TreeView/tree-view.css +44 -13
  73. package/components/TreeView/tree-view.scss +31 -0
  74. package/components/Wizard/wizard.css +20 -16
  75. package/components/Wizard/wizard.scss +3 -3
  76. package/components/_index.css +598 -427
  77. package/docs/components/Compass/examples/Compass.md +38 -32
  78. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  79. package/docs/components/TreeView/examples/TreeView.md +38 -26
  80. package/docs/demos/Compass/examples/Compass.md +16 -0
  81. package/layouts/Flex/flex.scss +83 -19
  82. package/layouts/Gallery/gallery.css +6 -2
  83. package/layouts/_index.css +6 -2
  84. package/package.json +4 -2
  85. package/patternfly-base-no-globals.css +340 -14
  86. package/patternfly-base.css +340 -14
  87. package/patternfly-charts.css +3 -3
  88. package/patternfly-no-globals.css +928 -427
  89. package/patternfly.css +928 -427
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
  92. package/sass-utilities/functions.scss +32 -25
  93. package/sass-utilities/mixins.scss +36 -20
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .pf-v6-c-about-modal-box {
3
2
  --pf-v6-c-about-modal-box--BackgroundImage: none;
4
3
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -18,31 +17,6 @@
18
17
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
19
18
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
20
19
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
21
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
22
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
25
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
26
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
27
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
28
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
29
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
30
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
31
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
32
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
33
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
34
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
35
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
36
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
37
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
38
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
39
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
40
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
41
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
42
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
43
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
44
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
45
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
46
20
  }
47
21
  @media screen and (min-width: 36rem) {
48
22
  .pf-v6-c-about-modal-box {
@@ -51,6 +25,14 @@
51
25
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
52
26
  }
53
27
  }
28
+ .pf-v6-c-about-modal-box {
29
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
30
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
31
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
32
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
33
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
34
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
35
+ }
54
36
  @media only screen and (min-width: 36rem) {
55
37
  .pf-v6-c-about-modal-box {
56
38
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -61,17 +43,42 @@
61
43
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
62
44
  }
63
45
  }
46
+ .pf-v6-c-about-modal-box {
47
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
48
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
49
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
50
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
51
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
52
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
53
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
54
+ }
64
55
  @media only screen and (min-width: 36rem) {
65
56
  .pf-v6-c-about-modal-box {
66
57
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
67
58
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
68
59
  }
69
60
  }
61
+ .pf-v6-c-about-modal-box {
62
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
63
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
64
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
65
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
66
+ }
70
67
  @media only screen and (min-width: 36rem) {
71
68
  .pf-v6-c-about-modal-box {
72
69
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
73
70
  }
74
71
  }
72
+ .pf-v6-c-about-modal-box {
73
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
74
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
75
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
76
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
77
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
78
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
79
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
80
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
81
+ }
75
82
  @media only screen and (min-width: 36rem) {
76
83
  .pf-v6-c-about-modal-box {
77
84
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -95,7 +102,6 @@
95
102
  background-repeat: no-repeat;
96
103
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
97
104
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
98
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
99
105
  }
100
106
  @media only screen and (min-width: 36rem) {
101
107
  .pf-v6-c-about-modal-box {
@@ -111,6 +117,9 @@
111
117
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
112
118
  }
113
119
  }
120
+ .pf-v6-c-about-modal-box {
121
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
122
+ }
114
123
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
115
124
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
116
125
  }
@@ -251,6 +260,18 @@
251
260
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
252
261
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
253
262
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
263
+ }
264
+ @media screen and (prefers-reduced-motion: no-preference) {
265
+ .pf-v6-c-accordion {
266
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
267
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
268
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
269
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
270
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
271
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
272
+ }
273
+ }
274
+ .pf-v6-c-accordion {
254
275
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
255
276
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
256
277
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -276,16 +297,6 @@
276
297
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
277
298
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
278
299
  }
279
- @media screen and (prefers-reduced-motion: no-preference) {
280
- .pf-v6-c-accordion {
281
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
282
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
283
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
284
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
285
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
286
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
287
- }
288
- }
289
300
 
290
301
  .pf-v6-c-accordion {
291
302
  display: flex;
@@ -396,13 +407,14 @@
396
407
  color: var(--pf-v6-c-accordion__toggle-text--Color);
397
408
  }
398
409
 
410
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
411
+ scale: -1 1;
412
+ }
413
+
399
414
  .pf-v6-c-accordion__toggle-icon {
400
415
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
401
416
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
402
417
  }
403
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
404
- scale: -1 1;
405
- }
406
418
 
407
419
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
408
420
  display: revert;
@@ -622,14 +634,15 @@
622
634
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
623
635
  }
624
636
 
637
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
638
+ scale: -1 1;
639
+ }
640
+
625
641
  .pf-v6-c-alert__toggle-icon {
626
642
  display: inline-block;
627
643
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
628
644
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
629
645
  }
630
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
631
- scale: -1 1;
632
- }
633
646
 
634
647
  .pf-v6-c-alert__icon {
635
648
  grid-area: icon;
@@ -646,9 +659,9 @@
646
659
  }
647
660
  .pf-v6-c-alert__title.pf-m-truncate {
648
661
  display: -webkit-box;
662
+ overflow: hidden;
649
663
  -webkit-box-orient: vertical;
650
664
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
651
- overflow: hidden;
652
665
  }
653
666
 
654
667
  .pf-v6-c-alert__description {
@@ -885,7 +898,6 @@
885
898
  }
886
899
  .pf-v6-c-avatar.pf-m-sm {
887
900
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
888
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
889
901
  }
890
902
  @media (min-width: 36rem) {
891
903
  .pf-v6-c-avatar.pf-m-sm {
@@ -912,6 +924,9 @@
912
924
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
913
925
  }
914
926
  }
927
+ .pf-v6-c-avatar.pf-m-sm {
928
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
929
+ }
915
930
  @media (min-width: 36rem) {
916
931
  .pf-v6-c-avatar.pf-m-sm {
917
932
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -939,7 +954,6 @@
939
954
  }
940
955
  .pf-v6-c-avatar.pf-m-md {
941
956
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
942
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
943
957
  }
944
958
  @media (min-width: 36rem) {
945
959
  .pf-v6-c-avatar.pf-m-md {
@@ -966,6 +980,9 @@
966
980
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
967
981
  }
968
982
  }
983
+ .pf-v6-c-avatar.pf-m-md {
984
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
985
+ }
969
986
  @media (min-width: 36rem) {
970
987
  .pf-v6-c-avatar.pf-m-md {
971
988
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -993,7 +1010,6 @@
993
1010
  }
994
1011
  .pf-v6-c-avatar.pf-m-lg {
995
1012
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
996
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
997
1013
  }
998
1014
  @media (min-width: 36rem) {
999
1015
  .pf-v6-c-avatar.pf-m-lg {
@@ -1020,6 +1036,9 @@
1020
1036
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
1021
1037
  }
1022
1038
  }
1039
+ .pf-v6-c-avatar.pf-m-lg {
1040
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
1041
+ }
1023
1042
  @media (min-width: 36rem) {
1024
1043
  .pf-v6-c-avatar.pf-m-lg {
1025
1044
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -1047,7 +1066,6 @@
1047
1066
  }
1048
1067
  .pf-v6-c-avatar.pf-m-xl {
1049
1068
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
1050
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
1051
1069
  }
1052
1070
  @media (min-width: 36rem) {
1053
1071
  .pf-v6-c-avatar.pf-m-xl {
@@ -1074,6 +1092,9 @@
1074
1092
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
1075
1093
  }
1076
1094
  }
1095
+ .pf-v6-c-avatar.pf-m-xl {
1096
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
1097
+ }
1077
1098
  @media (min-width: 36rem) {
1078
1099
  .pf-v6-c-avatar.pf-m-xl {
1079
1100
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -1131,6 +1152,12 @@
1131
1152
 
1132
1153
  .pf-v6-c-background-image {
1133
1154
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
1155
+ }
1156
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
1157
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
1158
+ }
1159
+
1160
+ .pf-v6-c-background-image {
1134
1161
  position: fixed;
1135
1162
  inset-block-start: 0;
1136
1163
  inset-inline-start: 0;
@@ -1143,9 +1170,6 @@
1143
1170
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
1144
1171
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
1145
1172
  }
1146
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
1147
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
1148
- }
1149
1173
 
1150
1174
  .pf-v6-c-back-to-top {
1151
1175
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -1263,6 +1287,14 @@
1263
1287
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1264
1288
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
1265
1289
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
1290
+ }
1291
+ @media (min-width: 48rem) {
1292
+ .pf-v6-c-banner {
1293
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
1294
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
1295
+ }
1296
+ }
1297
+ .pf-v6-c-banner {
1266
1298
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1267
1299
  --pf-v6-c-banner--link--TextDecoration: underline;
1268
1300
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -1296,12 +1328,6 @@
1296
1328
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
1297
1329
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
1298
1330
  }
1299
- @media (min-width: 48rem) {
1300
- .pf-v6-c-banner {
1301
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
1302
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
1303
- }
1304
- }
1305
1331
 
1306
1332
  .pf-v6-c-banner {
1307
1333
  flex-shrink: 0;
@@ -1404,7 +1430,6 @@
1404
1430
  width: var(--pf-v6-c-brand--Width--base);
1405
1431
  height: var(--pf-v6-c-brand--Height--base);
1406
1432
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1407
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1408
1433
  }
1409
1434
  @media (min-width: 36rem) {
1410
1435
  .pf-v6-c-brand {
@@ -1431,6 +1456,9 @@
1431
1456
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1432
1457
  }
1433
1458
  }
1459
+ .pf-v6-c-brand {
1460
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1461
+ }
1434
1462
  @media (min-width: 36rem) {
1435
1463
  .pf-v6-c-brand {
1436
1464
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -1511,15 +1539,16 @@
1511
1539
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
1512
1540
  }
1513
1541
 
1542
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
1543
+ scale: -1 1;
1544
+ }
1545
+
1514
1546
  .pf-v6-c-breadcrumb__item-divider {
1515
1547
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
1516
1548
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
1517
1549
  line-height: 1;
1518
1550
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
1519
1551
  }
1520
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
1521
- scale: -1 1;
1522
- }
1523
1552
 
1524
1553
  .pf-v6-c-breadcrumb__link {
1525
1554
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -2021,6 +2050,12 @@ button.pf-v6-c-breadcrumb__link {
2021
2050
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
2022
2051
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
2023
2052
  }
2053
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2054
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
2055
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
2056
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
2057
+ }
2058
+
2024
2059
  .pf-v6-c-button.pf-m-link.pf-m-inline {
2025
2060
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
2026
2061
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -2060,12 +2095,6 @@ button.pf-v6-c-breadcrumb__link {
2060
2095
  background: transparent;
2061
2096
  outline-offset: 0.125rem;
2062
2097
  }
2063
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
2064
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
2065
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
2066
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
2067
- }
2068
-
2069
2098
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2070
2099
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
2071
2100
  }
@@ -2538,13 +2567,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2538
2567
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
2539
2568
  }
2540
2569
 
2570
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2571
+ scale: -1 1;
2572
+ }
2573
+
2541
2574
  .pf-v6-c-calendar-month__header-nav-control {
2542
2575
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
2543
2576
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
2544
2577
  }
2545
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2546
- scale: -1 1;
2547
- }
2548
2578
 
2549
2579
  .pf-v6-c-calendar-month__header-month {
2550
2580
  flex-grow: 1;
@@ -2894,12 +2924,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2894
2924
  flex-wrap: wrap;
2895
2925
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
2896
2926
  }
2897
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
2898
- margin-inline-start: 0;
2899
- }
2900
2927
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
2901
2928
  margin-inline-end: auto;
2902
2929
  }
2930
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
2931
+ margin-inline-start: 0;
2932
+ }
2903
2933
 
2904
2934
  .pf-v6-c-card__header-main {
2905
2935
  flex-grow: 1;
@@ -2913,15 +2943,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2913
2943
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
2914
2944
  }
2915
2945
 
2946
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
2947
+ scale: -1 1;
2948
+ }
2949
+
2916
2950
  .pf-v6-c-card__header-toggle-icon {
2917
2951
  display: inline-block;
2918
2952
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
2919
2953
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
2920
2954
  transition-property: transform;
2921
2955
  }
2922
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
2923
- scale: -1 1;
2924
- }
2925
2956
 
2926
2957
  .pf-v6-c-card__title-text {
2927
2958
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -3187,13 +3218,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3187
3218
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
3188
3219
  }
3189
3220
 
3190
- .pf-v6-c-clipboard-copy__toggle-icon {
3191
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
3192
- }
3193
3221
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
3194
3222
  scale: -1 1;
3195
3223
  }
3196
3224
 
3225
+ .pf-v6-c-clipboard-copy__toggle-icon {
3226
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
3227
+ }
3228
+
3197
3229
  .pf-v6-c-clipboard-copy__expandable-content {
3198
3230
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
3199
3231
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -3364,8 +3396,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3364
3396
 
3365
3397
  .pf-v6-c-code-editor__container {
3366
3398
  display: flex;
3367
- flex-direction: column;
3368
3399
  flex-grow: 1;
3400
+ flex-direction: column;
3369
3401
  }
3370
3402
 
3371
3403
  .pf-v6-c-code-editor__header {
@@ -3692,23 +3724,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3692
3724
  }
3693
3725
  .pf-v6-c-compass__sidebar.pf-m-start {
3694
3726
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
3695
- grid-area: sidebar-start;
3696
3727
  }
3697
3728
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
3698
3729
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
3699
3730
  }
3700
3731
 
3732
+ .pf-v6-c-compass__sidebar.pf-m-start {
3733
+ grid-area: sidebar-start;
3734
+ }
3701
3735
  .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
3702
3736
  margin-inline-end: var(--pf-v6-c-compass--Gap);
3703
3737
  }
3704
3738
  .pf-v6-c-compass__sidebar.pf-m-end {
3705
3739
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
3706
- grid-area: sidebar-end;
3707
3740
  }
3708
3741
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
3709
3742
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
3710
3743
  }
3711
3744
 
3745
+ .pf-v6-c-compass__sidebar.pf-m-end {
3746
+ grid-area: sidebar-end;
3747
+ }
3712
3748
  .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
3713
3749
  margin-inline-start: var(--pf-v6-c-compass--Gap);
3714
3750
  }
@@ -4517,6 +4553,14 @@ ul) {
4517
4553
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
4518
4554
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
4519
4555
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
4556
+ }
4557
+ @media screen and (min-width: 36rem) {
4558
+ .pf-v6-c-data-list {
4559
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
4560
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
4561
+ }
4562
+ }
4563
+ .pf-v6-c-data-list {
4520
4564
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4521
4565
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
4522
4566
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -4526,6 +4570,14 @@ ul) {
4526
4570
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
4527
4571
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
4528
4572
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4573
+ }
4574
+ @media screen and (min-width: 36rem) {
4575
+ .pf-v6-c-data-list {
4576
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
4577
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
4578
+ }
4579
+ }
4580
+ .pf-v6-c-data-list {
4529
4581
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4530
4582
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
4531
4583
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -4621,18 +4673,6 @@ ul) {
4621
4673
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4622
4674
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4623
4675
  }
4624
- @media screen and (min-width: 36rem) {
4625
- .pf-v6-c-data-list {
4626
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
4627
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
4628
- }
4629
- }
4630
- @media screen and (min-width: 36rem) {
4631
- .pf-v6-c-data-list {
4632
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
4633
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
4634
- }
4635
- }
4636
4676
 
4637
4677
  .pf-v6-c-data-list {
4638
4678
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -4795,12 +4835,6 @@ ul) {
4795
4835
  --pf-v6-hidden-visible--hidden--Display: none;
4796
4836
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4797
4837
  display: var(--pf-v6-hidden-visible--Display);
4798
- gap: var(--pf-v6-c-data-list__item-action--Gap);
4799
- align-content: flex-start;
4800
- align-items: flex-start;
4801
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
4802
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
4803
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
4804
4838
  }
4805
4839
  .pf-v6-c-data-list__item-action.pf-m-hidden {
4806
4840
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -4845,6 +4879,14 @@ ul) {
4845
4879
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4846
4880
  }
4847
4881
  }
4882
+ .pf-v6-c-data-list__item-action {
4883
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
4884
+ align-content: flex-start;
4885
+ align-items: flex-start;
4886
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
4887
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
4888
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
4889
+ }
4848
4890
 
4849
4891
  .pf-v6-c-data-list__toggle {
4850
4892
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -4852,15 +4894,16 @@ ul) {
4852
4894
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
4853
4895
  }
4854
4896
 
4897
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
4898
+ scale: -1 1;
4899
+ }
4900
+
4855
4901
  .pf-v6-c-data-list__toggle-icon {
4856
4902
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
4857
4903
  pointer-events: none;
4858
4904
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
4859
4905
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
4860
4906
  }
4861
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
4862
- scale: -1 1;
4863
- }
4864
4907
 
4865
4908
  .pf-v6-c-data-list__item-content {
4866
4909
  display: grid;
@@ -4955,6 +4998,13 @@ ul) {
4955
4998
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
4956
4999
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
4957
5000
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
5001
+ }
5002
+ @media screen and (min-width: 36rem) {
5003
+ .pf-v6-c-description-list {
5004
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
5005
+ }
5006
+ }
5007
+ .pf-v6-c-description-list {
4958
5008
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
4959
5009
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
4960
5010
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -4983,11 +5033,6 @@ ul) {
4983
5033
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
4984
5034
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
4985
5035
  }
4986
- @media screen and (min-width: 36rem) {
4987
- .pf-v6-c-description-list {
4988
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
4989
- }
4990
- }
4991
5036
  @media (min-width: 36rem) {
4992
5037
  .pf-v6-c-description-list {
4993
5038
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
@@ -5369,6 +5414,15 @@ ul) {
5369
5414
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
5370
5415
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
5371
5416
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
5417
+ }
5418
+ @media screen and (prefers-reduced-motion: no-preference) {
5419
+ .pf-v6-c-dual-list-selector {
5420
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
5421
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
5422
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
5423
+ }
5424
+ }
5425
+ .pf-v6-c-dual-list-selector {
5372
5426
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
5373
5427
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5374
5428
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -5410,13 +5464,6 @@ ul) {
5410
5464
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
5411
5465
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5412
5466
  }
5413
- @media screen and (prefers-reduced-motion: no-preference) {
5414
- .pf-v6-c-dual-list-selector {
5415
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
5416
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
5417
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
5418
- }
5419
- }
5420
5467
 
5421
5468
  .pf-v6-c-dual-list-selector {
5422
5469
  display: grid;
@@ -5487,8 +5534,6 @@ ul) {
5487
5534
 
5488
5535
  .pf-v6-c-dual-list-selector__list {
5489
5536
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
5490
- display: flex;
5491
- flex-direction: column;
5492
5537
  }
5493
5538
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
5494
5539
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -5496,16 +5541,22 @@ ul) {
5496
5541
  }
5497
5542
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
5498
5543
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
5499
- position: absolute;
5500
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
5501
5544
  }
5502
5545
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
5503
5546
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
5504
5547
  }
5505
5548
 
5549
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
5550
+ position: absolute;
5551
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
5552
+ }
5506
5553
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
5507
5554
  overflow-anchor: none;
5508
5555
  }
5556
+ .pf-v6-c-dual-list-selector__list {
5557
+ display: flex;
5558
+ flex-direction: column;
5559
+ }
5509
5560
 
5510
5561
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
5511
5562
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -5790,11 +5841,6 @@ ul) {
5790
5841
  --pf-v6-hidden-visible--hidden--Display: none;
5791
5842
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5792
5843
  display: var(--pf-v6-hidden-visible--Display);
5793
- flex-shrink: 0;
5794
- align-items: stretch;
5795
- align-self: stretch;
5796
- justify-content: center;
5797
- border: 0;
5798
5844
  }
5799
5845
  .pf-v6-c-divider.pf-m-hidden {
5800
5846
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -5839,6 +5885,13 @@ ul) {
5839
5885
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5840
5886
  }
5841
5887
  }
5888
+ .pf-v6-c-divider {
5889
+ flex-shrink: 0;
5890
+ align-items: stretch;
5891
+ align-self: stretch;
5892
+ justify-content: center;
5893
+ border: 0;
5894
+ }
5842
5895
  .pf-v6-c-divider::before {
5843
5896
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5844
5897
  content: "";
@@ -6140,6 +6193,19 @@ ul) {
6140
6193
  --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
6141
6194
  --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
6142
6195
  --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
6196
+ }
6197
+ @media screen and (prefers-reduced-motion: no-preference) {
6198
+ .pf-v6-c-drawer {
6199
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
6200
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
6201
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
6202
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6203
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
6204
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
6205
+ --pf-v6-c-drawer__panel--Opacity: 1;
6206
+ }
6207
+ }
6208
+ .pf-v6-c-drawer {
6143
6209
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6144
6210
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6145
6211
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -6202,6 +6268,17 @@ ul) {
6202
6268
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
6203
6269
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
6204
6270
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
6271
+ }
6272
+ @media screen and (min-width: 75rem) {
6273
+ .pf-v6-c-drawer {
6274
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
6275
+ }
6276
+ .pf-v6-c-drawer.pf-m-panel-bottom {
6277
+ --pf-v6-c-drawer__panel--MinWidth: auto;
6278
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
6279
+ }
6280
+ }
6281
+ .pf-v6-c-drawer {
6205
6282
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
6206
6283
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
6207
6284
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -6216,43 +6293,27 @@ ul) {
6216
6293
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
6217
6294
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
6218
6295
  }
6219
- @media screen and (prefers-reduced-motion: no-preference) {
6220
- .pf-v6-c-drawer {
6221
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
6222
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
6223
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
6224
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6225
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
6226
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
6227
- --pf-v6-c-drawer__panel--Opacity: 1;
6228
- }
6229
- }
6230
- @media screen and (min-width: 75rem) {
6231
- .pf-v6-c-drawer {
6232
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
6233
- }
6234
- .pf-v6-c-drawer.pf-m-panel-bottom {
6235
- --pf-v6-c-drawer__panel--MinWidth: auto;
6236
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
6237
- }
6238
- }
6239
6296
 
6240
6297
  .pf-v6-c-drawer {
6241
6298
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
6242
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
6243
- display: flex;
6244
- flex-direction: column;
6245
- height: 100%;
6246
- overflow-x: hidden;
6247
6299
  }
6248
6300
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
6249
6301
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
6250
6302
  }
6251
6303
 
6304
+ .pf-v6-c-drawer {
6305
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
6306
+ }
6252
6307
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
6253
6308
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
6254
6309
  }
6255
6310
 
6311
+ .pf-v6-c-drawer {
6312
+ display: flex;
6313
+ flex-direction: column;
6314
+ height: 100%;
6315
+ overflow-x: hidden;
6316
+ }
6256
6317
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
6257
6318
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
6258
6319
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
@@ -6282,13 +6343,15 @@ ul) {
6282
6343
  }
6283
6344
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6284
6345
  transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
6285
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
6286
- visibility: visible;
6287
6346
  }
6288
6347
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6289
6348
  transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
6290
6349
  }
6291
6350
 
6351
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6352
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
6353
+ visibility: visible;
6354
+ }
6292
6355
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6293
6356
  transform: translateX(0);
6294
6357
  }
@@ -6345,8 +6408,8 @@ ul) {
6345
6408
  .pf-v6-c-drawer__panel,
6346
6409
  .pf-v6-c-drawer__panel-main {
6347
6410
  display: flex;
6348
- flex-direction: column;
6349
6411
  flex-shrink: 0;
6412
+ flex-direction: column;
6350
6413
  overflow: auto;
6351
6414
  }
6352
6415
 
@@ -7153,6 +7216,17 @@ ul) {
7153
7216
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
7154
7217
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
7155
7218
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
7219
+ }
7220
+ @media screen and (prefers-reduced-motion: no-preference) {
7221
+ .pf-v6-c-expandable-section {
7222
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7223
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7224
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
7225
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
7226
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
7227
+ }
7228
+ }
7229
+ .pf-v6-c-expandable-section {
7156
7230
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
7157
7231
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
7158
7232
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -7169,15 +7243,6 @@ ul) {
7169
7243
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
7170
7244
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
7171
7245
  }
7172
- @media screen and (prefers-reduced-motion: no-preference) {
7173
- .pf-v6-c-expandable-section {
7174
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
7175
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
7176
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
7177
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
7178
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
7179
- }
7180
- }
7181
7246
 
7182
7247
  .pf-v6-c-expandable-section {
7183
7248
  display: flex;
@@ -7236,9 +7301,13 @@ ul) {
7236
7301
  }
7237
7302
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
7238
7303
  display: -webkit-box;
7304
+ overflow: hidden;
7239
7305
  -webkit-box-orient: vertical;
7240
7306
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
7241
- overflow: hidden;
7307
+ }
7308
+
7309
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
7310
+ scale: -1 1;
7242
7311
  }
7243
7312
 
7244
7313
  .pf-v6-c-expandable-section__toggle-icon {
@@ -7248,10 +7317,6 @@ ul) {
7248
7317
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7249
7318
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7250
7319
  }
7251
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
7252
- scale: -1 1;
7253
- }
7254
-
7255
7320
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7256
7321
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
7257
7322
  }
@@ -7834,8 +7899,8 @@ ul) {
7834
7899
 
7835
7900
  .pf-v6-c-form__field-group-header-main {
7836
7901
  display: flex;
7837
- flex-direction: column;
7838
7902
  flex-grow: 1;
7903
+ flex-direction: column;
7839
7904
  }
7840
7905
 
7841
7906
  .pf-v6-c-form__field-group-header-title {
@@ -8076,8 +8141,8 @@ ul) {
8076
8141
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
8077
8142
  }
8078
8143
  .pf-v6-c-form-control.pf-m-textarea > textarea {
8079
- outline-offset: 0;
8080
8144
  scrollbar-gutter: stable;
8145
+ outline-offset: 0;
8081
8146
  }
8082
8147
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
8083
8148
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -9220,6 +9285,10 @@ label.pf-v6-c-input-group__text {
9220
9285
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
9221
9286
  }
9222
9287
 
9288
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
9289
+ scale: -1 1;
9290
+ }
9291
+
9223
9292
  .pf-v6-c-jump-links__toggle-icon {
9224
9293
  display: inline-block;
9225
9294
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -9228,9 +9297,6 @@ label.pf-v6-c-input-group__text {
9228
9297
  transition-property: transform;
9229
9298
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9230
9299
  }
9231
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
9232
- scale: -1 1;
9233
- }
9234
9300
 
9235
9301
  .pf-v6-c-label {
9236
9302
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -9727,6 +9793,10 @@ input.pf-v6-c-label__content {
9727
9793
  .pf-v6-c-label__actions {
9728
9794
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
9729
9795
  }
9796
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9797
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9798
+ }
9799
+
9730
9800
  .pf-v6-c-label__actions .pf-v6-c-button {
9731
9801
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
9732
9802
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -9737,9 +9807,6 @@ input.pf-v6-c-label__content {
9737
9807
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
9738
9808
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
9739
9809
  }
9740
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9741
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9742
- }
9743
9810
 
9744
9811
  .pf-v6-c-label-group {
9745
9812
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -9880,9 +9947,9 @@ input.pf-v6-c-label__content {
9880
9947
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
9881
9948
  white-space: nowrap;
9882
9949
  resize: none;
9883
- border: 0;
9884
- -ms-overflow-style: none;
9885
9950
  scrollbar-width: none;
9951
+ -ms-overflow-style: none;
9952
+ border: 0;
9886
9953
  }
9887
9954
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
9888
9955
  display: none;
@@ -9968,76 +10035,60 @@ 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);
9971
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
9972
- --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
9973
- --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9974
- --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9975
- --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
9976
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9977
- --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9978
- --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9979
- --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9980
- --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
9981
- --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9982
- --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
9983
- --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9984
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9985
- --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9986
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9987
- --pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
9988
- --pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
9989
- --pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
9990
- --pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
9991
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
9992
- --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
9993
- --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
10038
  }
10019
10039
  @media (min-width: 75rem) {
10020
10040
  .pf-v6-c-login {
10021
10041
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
10022
10042
  }
10023
10043
  }
10044
+ .pf-v6-c-login {
10045
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
10046
+ --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
10047
+ --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10048
+ }
10024
10049
  @media (min-width: 36rem) {
10025
10050
  .pf-v6-c-login {
10026
10051
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
10027
10052
  --pf-v6-c-login__header--PaddingInlineStart: 0;
10028
10053
  }
10029
10054
  }
10055
+ .pf-v6-c-login {
10056
+ --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
10057
+ --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
10058
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
10059
+ --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
10060
+ }
10030
10061
  @media (min-width: 75rem) {
10031
10062
  .pf-v6-c-login {
10032
10063
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
10033
10064
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
10034
10065
  }
10035
10066
  }
10067
+ .pf-v6-c-login {
10068
+ --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
10069
+ --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
10070
+ --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
10071
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10072
+ --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
10073
+ }
10036
10074
  @media (min-width: 75rem) {
10037
10075
  .pf-v6-c-login {
10038
10076
  --pf-v6-c-login__main--MarginBlockEnd: 0;
10039
10077
  }
10040
10078
  }
10079
+ .pf-v6-c-login {
10080
+ --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
10081
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
10082
+ --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10083
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
10084
+ --pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
10085
+ --pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
10086
+ --pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
10087
+ --pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
10088
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
10089
+ --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
10090
+ --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
10091
+ }
10041
10092
  @media (min-width: 48rem) {
10042
10093
  .pf-v6-c-login {
10043
10094
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
@@ -10045,18 +10096,48 @@ ul.pf-v6-c-list {
10045
10096
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
10046
10097
  }
10047
10098
  }
10099
+ .pf-v6-c-login {
10100
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
10101
+ --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10102
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
10103
+ --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
10104
+ --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
10105
+ }
10048
10106
  @media (min-width: 48rem) {
10049
10107
  .pf-v6-c-login {
10050
10108
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
10051
10109
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
10052
10110
  }
10053
10111
  }
10112
+ .pf-v6-c-login {
10113
+ --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
10114
+ --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
10115
+ --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10116
+ --pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
10117
+ --pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10118
+ --pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
10119
+ --pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
10120
+ --pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
10121
+ --pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10122
+ --pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10123
+ --pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10124
+ --pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
10125
+ --pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
10126
+ --pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
10127
+ --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
10128
+ --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
10129
+ --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10130
+ }
10054
10131
  @media (min-width: 36rem) {
10055
10132
  .pf-v6-c-login {
10056
10133
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
10057
10134
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
10058
10135
  }
10059
10136
  }
10137
+ .pf-v6-c-login {
10138
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
10139
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
10140
+ }
10060
10141
  @media (min-width: 75rem) {
10061
10142
  .pf-v6-c-login {
10062
10143
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -10267,6 +10348,11 @@ ul.pf-v6-c-list {
10267
10348
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
10268
10349
  }
10269
10350
 
10351
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
10352
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
10353
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
10354
+ --pf-v6-c-toolbar__content--MinWidth: 0;
10355
+ }
10270
10356
  .pf-v6-c-masthead {
10271
10357
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
10272
10358
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -10280,23 +10366,6 @@ ul.pf-v6-c-list {
10280
10366
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
10281
10367
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
10282
10368
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
10283
- display: grid;
10284
- grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
10285
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
10286
- row-gap: var(--pf-v6-c-masthead--RowGap);
10287
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
10288
- align-items: start;
10289
- min-width: 0;
10290
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
10291
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
10292
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
10293
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
10294
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
10295
- }
10296
- .pf-v6-c-masthead .pf-v6-c-toolbar {
10297
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
10298
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
10299
- --pf-v6-c-toolbar__content--MinWidth: 0;
10300
10369
  }
10301
10370
  @media screen and (min-width: 48rem) {
10302
10371
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -10314,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
  }
@@ -12995,9 +13093,9 @@ ul.pf-v6-c-list {
12995
13093
  }
12996
13094
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
12997
13095
  display: -webkit-box;
13096
+ overflow: hidden;
12998
13097
  -webkit-box-orient: vertical;
12999
13098
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
13000
- overflow: hidden;
13001
13099
  }
13002
13100
 
13003
13101
  .pf-v6-c-notification-drawer__list-item-action {
@@ -13051,9 +13149,9 @@ ul.pf-v6-c-list {
13051
13149
 
13052
13150
  .pf-v6-c-notification-drawer__group-toggle-title {
13053
13151
  display: -webkit-box;
13152
+ overflow: hidden;
13054
13153
  -webkit-box-orient: vertical;
13055
13154
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
13056
- overflow: hidden;
13057
13155
  flex: 1;
13058
13156
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13059
13157
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -13066,15 +13164,15 @@ ul.pf-v6-c-list {
13066
13164
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
13067
13165
  }
13068
13166
 
13167
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
13168
+ scale: -1 1;
13169
+ }
13170
+
13069
13171
  .pf-v6-c-notification-drawer__group-toggle-icon {
13070
13172
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
13071
13173
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
13072
13174
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
13073
13175
  }
13074
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
13075
- scale: -1 1;
13076
- }
13077
-
13078
13176
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
13079
13177
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
13080
13178
  }
@@ -13143,6 +13241,15 @@ ul.pf-v6-c-list {
13143
13241
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
13144
13242
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
13145
13243
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
13244
+ }
13245
+ @media screen and (prefers-reduced-motion: no-preference) {
13246
+ .pf-v6-c-page {
13247
+ --pf-v6-c-page__sidebar--Opacity: 1;
13248
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
13249
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
13250
+ }
13251
+ }
13252
+ .pf-v6-c-page {
13146
13253
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13147
13254
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13148
13255
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13158,6 +13265,15 @@ ul.pf-v6-c-list {
13158
13265
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
13159
13266
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13160
13267
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
13268
+ }
13269
+ @media screen and (min-width: 75rem) {
13270
+ .pf-v6-c-page {
13271
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
13272
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
13273
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
13274
+ }
13275
+ }
13276
+ .pf-v6-c-page {
13161
13277
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
13162
13278
  --pf-v6-c-page__main-container--GridArea: main;
13163
13279
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -13180,6 +13296,17 @@ ul.pf-v6-c-list {
13180
13296
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
13181
13297
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
13182
13298
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
13299
+ }
13300
+ @media screen and (max-width: calc(48rem - 1px)) {
13301
+ .pf-v6-c-page {
13302
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
13303
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
13304
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
13305
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
13306
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
13307
+ }
13308
+ }
13309
+ .pf-v6-c-page {
13183
13310
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
13184
13311
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13185
13312
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13232,29 +13359,6 @@ ul.pf-v6-c-list {
13232
13359
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13233
13360
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13234
13361
  }
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
13362
 
13259
13363
  .pf-v6-c-page {
13260
13364
  display: grid;
@@ -13329,15 +13433,15 @@ ul.pf-v6-c-list {
13329
13433
  }
13330
13434
  }
13331
13435
 
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
13436
  @media (min-width: 75rem) {
13337
13437
  .pf-v6-c-page > .pf-v6-c-masthead {
13338
13438
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
13339
13439
  }
13340
13440
  }
13441
+ .pf-v6-c-page > .pf-v6-c-masthead {
13442
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
13443
+ grid-area: header;
13444
+ }
13341
13445
 
13342
13446
  .pf-v6-c-page__dock {
13343
13447
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -13454,8 +13558,8 @@ ul.pf-v6-c-list {
13454
13558
  .pf-v6-c-page__main-group,
13455
13559
  .pf-v6-c-page__main-subnav {
13456
13560
  display: flex;
13457
- flex-direction: column;
13458
13561
  flex-shrink: 0;
13562
+ flex-direction: column;
13459
13563
  }
13460
13564
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
13461
13565
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -13699,8 +13803,8 @@ ul.pf-v6-c-list {
13699
13803
  .pf-v6-c-page__main-drawer,
13700
13804
  .pf-v6-c-page__main-group {
13701
13805
  display: flex;
13702
- flex-direction: column;
13703
13806
  flex-grow: 1;
13807
+ flex-direction: column;
13704
13808
  }
13705
13809
 
13706
13810
  .pf-v6-c-page__main {
@@ -15614,8 +15718,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15614
15718
  position: var(--pf-v6-c-sidebar__panel--Position);
15615
15719
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
15616
15720
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
15617
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
15618
15721
  flex-shrink: 0;
15722
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
15619
15723
  order: var(--pf-v6-c-sidebar__panel--Order);
15620
15724
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
15621
15725
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -15912,7 +16016,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15912
16016
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
15913
16017
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
15914
16018
  --pf-v6-c-skeleton--before--Height: auto;
15915
- --pf-v6-c-skeleton--before--Content: " ";
16019
+ --pf-v6-c-skeleton--before--Content: "\00a0";
15916
16020
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
15917
16021
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
15918
16022
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -15923,6 +16027,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15923
16027
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
15924
16028
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
15925
16029
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
16030
+ }
16031
+ @media screen and (prefers-reduced-motion: no-preference) {
16032
+ .pf-v6-c-skeleton {
16033
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
16034
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
16035
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
16036
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
16037
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
16038
+ }
16039
+ }
16040
+ .pf-v6-c-skeleton {
15926
16041
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
15927
16042
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
15928
16043
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -15943,21 +16058,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15943
16058
  --pf-v6-c-skeleton--m-height-sm--Height: 6.25rem;
15944
16059
  --pf-v6-c-skeleton--m-height-md--Height: 12.5rem;
15945
16060
  --pf-v6-c-skeleton--m-height-lg--Height: 18.75rem;
15946
- --pf-v6-c-skeleton--m-height-25--Height: 25%;
15947
- --pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
15948
- --pf-v6-c-skeleton--m-height-50--Height: 50%;
15949
- --pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
15950
- --pf-v6-c-skeleton--m-height-75--Height: 75%;
15951
- --pf-v6-c-skeleton--m-height-100--Height: 100%;
15952
- }
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
- }
16061
+ --pf-v6-c-skeleton--m-height-25--Height: 25%;
16062
+ --pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
16063
+ --pf-v6-c-skeleton--m-height-50--Height: 50%;
16064
+ --pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
16065
+ --pf-v6-c-skeleton--m-height-75--Height: 75%;
16066
+ --pf-v6-c-skeleton--m-height-100--Height: 100%;
15961
16067
  }
15962
16068
 
15963
16069
  .pf-v6-c-skeleton {
@@ -15975,6 +16081,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15975
16081
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
15976
16082
  content: var(--pf-v6-c-skeleton--before--Content);
15977
16083
  }
16084
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
16085
+ scale: -1 1;
16086
+ }
16087
+
15978
16088
  .pf-v6-c-skeleton::after {
15979
16089
  position: absolute;
15980
16090
  inset: 0;
@@ -15984,10 +16094,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15984
16094
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
15985
16095
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
15986
16096
  }
15987
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
15988
- scale: -1 1;
15989
- }
15990
-
15991
16097
  .pf-v6-c-skeleton.pf-m-circle {
15992
16098
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
15993
16099
  }
@@ -16175,12 +16281,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16175
16281
 
16176
16282
  .pf-v6-c-slider {
16177
16283
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
16178
- display: flex;
16179
16284
  }
16180
16285
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
16181
16286
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
16182
16287
  }
16183
16288
 
16289
+ .pf-v6-c-slider {
16290
+ display: flex;
16291
+ }
16184
16292
  .pf-v6-c-slider.pf-m-disabled {
16185
16293
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
16186
16294
  --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 +16351,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16243
16351
 
16244
16352
  .pf-v6-c-slider__step-tick {
16245
16353
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
16354
+ }
16355
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
16356
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16357
+ }
16358
+
16359
+ .pf-v6-c-slider__step-tick {
16246
16360
  position: absolute;
16247
16361
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
16248
16362
  inset-inline-start: 0;
@@ -16252,22 +16366,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16252
16366
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
16253
16367
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
16254
16368
  }
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
16369
 
16259
16370
  .pf-v6-c-slider__step-label {
16260
16371
  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
16372
  }
16265
16373
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
16266
16374
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
16267
16375
  }
16268
16376
 
16377
+ .pf-v6-c-slider__step-label {
16378
+ position: absolute;
16379
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
16380
+ word-break: normal;
16381
+ }
16382
+
16269
16383
  .pf-v6-c-slider__thumb {
16270
16384
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
16385
+ }
16386
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
16387
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
16388
+ }
16389
+
16390
+ .pf-v6-c-slider__thumb {
16271
16391
  position: absolute;
16272
16392
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
16273
16393
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -16279,12 +16399,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16279
16399
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
16280
16400
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
16281
16401
  }
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));
16402
+ .pf-v6-c-slider__thumb::before {
16403
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
16404
+ }
16405
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
16406
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
16284
16407
  }
16285
16408
 
16286
16409
  .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
16410
  position: absolute;
16289
16411
  inset-block-start: 50%;
16290
16412
  inset-inline-start: 50%;
@@ -16293,10 +16415,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16293
16415
  content: "";
16294
16416
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
16295
16417
  }
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
16418
  .pf-v6-c-slider__thumb:hover {
16301
16419
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
16302
16420
  }
@@ -16313,16 +16431,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16313
16431
  }
16314
16432
  .pf-v6-c-slider__value.pf-m-floating {
16315
16433
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
16434
+ }
16435
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
16436
+ transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
16437
+ }
16438
+
16439
+ .pf-v6-c-slider__value.pf-m-floating {
16316
16440
  --pf-v6-c-slider__value--MarginInlineStart: 0;
16317
16441
  position: absolute;
16318
16442
  inset-block-start: 0;
16319
16443
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
16320
16444
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
16321
16445
  }
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
16446
  .pf-v6-c-slider__value .pf-v6-c-form-control {
16327
16447
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
16328
16448
  }
@@ -16500,12 +16620,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16500
16620
  }
16501
16621
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16502
16622
  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
16623
  }
16505
16624
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16506
16625
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
16507
16626
  }
16508
16627
 
16628
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
16629
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
16630
+ }
16509
16631
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
16510
16632
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
16511
16633
  }
@@ -18327,6 +18449,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18327
18449
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
18328
18450
  --pf-v6-c-table__expandable-row--TranslateY: 0;
18329
18451
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
18452
+ }
18453
+ @media screen and (prefers-reduced-motion: no-preference) {
18454
+ .pf-v6-c-table {
18455
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
18456
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
18457
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
18458
+ }
18459
+ }
18460
+ .pf-v6-c-table {
18330
18461
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
18331
18462
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18332
18463
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -18395,13 +18526,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18395
18526
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
18396
18527
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
18397
18528
  }
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
18529
 
18406
18530
  .pf-v6-c-table {
18407
18531
  width: 100%;
@@ -18466,22 +18590,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18466
18590
  --pf-v6-hidden-visible--hidden--Display: none;
18467
18591
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
18468
18592
  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
18593
  }
18486
18594
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
18487
18595
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -18526,6 +18634,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18526
18634
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
18527
18635
  }
18528
18636
  }
18637
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
18638
+ position: relative;
18639
+ width: var(--pf-v6-c-table--cell--Width);
18640
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
18641
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
18642
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18643
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
18644
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
18645
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
18646
+ overflow: var(--pf-v6-c-table--cell--Overflow);
18647
+ font-size: var(--pf-v6-c-table--cell--FontSize);
18648
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
18649
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
18650
+ color: var(--pf-v6-c-table--cell--Color);
18651
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
18652
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
18653
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
18654
+ }
18529
18655
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
18530
18656
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
18531
18657
  }
@@ -18882,16 +19008,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18882
19008
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
18883
19009
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
18884
19010
  }
19011
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19012
+ scale: -1 1;
19013
+ }
19014
+
18885
19015
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
18886
19016
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
18887
19017
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
18888
19018
  transition-property: transform;
18889
19019
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
18890
19020
  }
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
19021
  .pf-v6-c-table__toggle svg {
18896
19022
  pointer-events: none;
18897
19023
  }
@@ -19368,13 +19494,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19368
19494
  }
19369
19495
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19370
19496
  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
19497
  }
19374
19498
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19375
19499
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
19376
19500
  }
19377
19501
 
19502
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
19503
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
19504
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
19505
+ }
19378
19506
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19379
19507
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
19380
19508
  }
@@ -20424,8 +20552,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20424
20552
  }
20425
20553
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
20426
20554
  position: relative;
20427
- flex-direction: column;
20428
20555
  flex-grow: 1;
20556
+ flex-direction: column;
20429
20557
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
20430
20558
  }
20431
20559
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -20590,15 +20718,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20590
20718
  white-space: normal;
20591
20719
  }
20592
20720
 
20721
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
20722
+ scale: -1 1;
20723
+ }
20724
+
20593
20725
  .pf-v6-c-tabs__toggle-icon {
20594
20726
  display: inline-block;
20595
20727
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
20596
20728
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
20597
20729
  }
20598
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
20599
- scale: -1 1;
20600
- }
20601
20730
 
20731
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
20732
+ display: none;
20733
+ }
20602
20734
  .pf-v6-c-tabs__list {
20603
20735
  scrollbar-width: none;
20604
20736
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -20610,20 +20742,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20610
20742
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
20611
20743
  -webkit-overflow-scrolling: touch;
20612
20744
  }
20613
- .pf-v6-c-tabs__list::-webkit-scrollbar {
20614
- display: none;
20615
- }
20616
20745
 
20617
20746
  .pf-v6-c-tabs__item {
20618
20747
  position: relative;
20619
20748
  display: flex;
20620
20749
  flex: none;
20621
20750
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
20622
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
20623
20751
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
20624
20752
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
20625
20753
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
20626
20754
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
20755
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
20627
20756
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
20628
20757
  }
20629
20758
  .pf-v6-c-tabs__item.pf-m-current {
@@ -20676,6 +20805,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20676
20805
  border: 0;
20677
20806
  }
20678
20807
 
20808
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
20809
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
20810
+ }
20811
+
20679
20812
  .pf-v6-c-tabs__link {
20680
20813
  display: flex;
20681
20814
  flex: 1;
@@ -20693,10 +20826,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20693
20826
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
20694
20827
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
20695
20828
  }
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
20829
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
20701
20830
  pointer-events: none;
20702
20831
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -20751,6 +20880,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20751
20880
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
20752
20881
  }
20753
20882
 
20883
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
20884
+ scale: -1 1;
20885
+ }
20886
+
20754
20887
  .pf-v6-c-tabs__link-toggle-icon {
20755
20888
  align-self: end;
20756
20889
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -20758,9 +20891,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20758
20891
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
20759
20892
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
20760
20893
  }
20761
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
20762
- scale: -1 1;
20763
- }
20764
20894
 
20765
20895
  .pf-v6-c-tabs__item-action {
20766
20896
  display: flex;
@@ -21778,9 +21908,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21778
21908
  --pf-v6-hidden-visible--hidden--Display: none;
21779
21909
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
21780
21910
  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
21911
  }
21785
21912
  .pf-v6-c-toolbar__content.pf-m-hidden {
21786
21913
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -21825,6 +21952,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21825
21952
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
21826
21953
  }
21827
21954
  }
21955
+ .pf-v6-c-toolbar__content {
21956
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
21957
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
21958
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
21959
+ }
21828
21960
 
21829
21961
  .pf-v6-c-toolbar__content-section {
21830
21962
  flex-wrap: wrap;
@@ -21898,11 +22030,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21898
22030
 
21899
22031
  .pf-v6-c-toolbar__item {
21900
22032
  --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
22033
  }
21907
22034
  @media (min-width: 36rem) {
21908
22035
  .pf-v6-c-toolbar__item {
@@ -21929,6 +22056,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21929
22056
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
21930
22057
  }
21931
22058
  }
22059
+ .pf-v6-c-toolbar__item {
22060
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
22061
+ }
21932
22062
  @media (min-width: 36rem) {
21933
22063
  .pf-v6-c-toolbar__item {
21934
22064
  --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 +22084,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21954
22084
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
21955
22085
  }
21956
22086
  }
22087
+ .pf-v6-c-toolbar__item {
22088
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
22089
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
22090
+ width: var(--pf-v6-c-toolbar__item--Width--base);
22091
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
22092
+ }
21957
22093
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
21958
22094
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
21959
22095
  }
@@ -23827,6 +23963,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23827
23963
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
23828
23964
  --pf-v6-c-tree-view__list--TranslateY: 0;
23829
23965
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
23966
+ }
23967
+ @media screen and (prefers-reduced-motion: no-preference) {
23968
+ .pf-v6-c-tree-view {
23969
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
23970
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
23971
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
23972
+ }
23973
+ }
23974
+ .pf-v6-c-tree-view {
23830
23975
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
23831
23976
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
23832
23977
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -23855,6 +24000,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23855
24000
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
23856
24001
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
23857
24002
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
24003
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
24004
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
24005
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
23858
24006
  --pf-v6-c-tree-view__node-text--max-lines: 1;
23859
24007
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
23860
24008
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -23910,6 +24058,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23910
24058
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
23911
24059
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23912
24060
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
24061
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
24062
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
24063
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
24064
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
24065
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
24066
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
23913
24067
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
23914
24068
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
23915
24069
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -23919,13 +24073,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23919
24073
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
23920
24074
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
23921
24075
  }
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
24076
 
23930
24077
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
23931
24078
  position: relative;
@@ -24006,11 +24153,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24006
24153
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
24007
24154
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
24008
24155
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
24156
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
24009
24157
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
24010
24158
  }
24011
24159
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
24012
24160
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
24013
24161
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
24162
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
24163
+ }
24164
+ .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
24165
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
24014
24166
  }
24015
24167
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
24016
24168
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -24035,6 +24187,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24035
24187
  }
24036
24188
  .pf-v6-c-tree-view.pf-m-no-background {
24037
24189
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
24190
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
24191
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
24192
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
24193
+ }
24194
+
24195
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
24196
+ scale: -1 1;
24038
24197
  }
24039
24198
 
24040
24199
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -24044,9 +24203,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24044
24203
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
24045
24204
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
24046
24205
  }
24047
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
24048
- scale: -1 1;
24049
- }
24050
24206
 
24051
24207
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
24052
24208
  max-height: 0;
@@ -24110,6 +24266,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24110
24266
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
24111
24267
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
24112
24268
  }
24269
+ .pf-v6-c-tree-view__node.pf-m-disabled {
24270
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
24271
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
24272
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
24273
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
24274
+ }
24113
24275
 
24114
24276
  .pf-v6-c-tree-view__node-container {
24115
24277
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -24152,6 +24314,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24152
24314
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24153
24315
  }
24154
24316
 
24317
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
24318
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
24319
+ }
24320
+
24155
24321
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
24156
24322
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
24157
24323
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -24167,6 +24333,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24167
24333
  white-space: nowrap;
24168
24334
  }
24169
24335
 
24336
+ label.pf-v6-c-tree-view__node-text {
24337
+ cursor: pointer;
24338
+ }
24339
+
24170
24340
  .pf-v6-c-tree-view__node-text {
24171
24341
  font-weight: inherit;
24172
24342
  color: inherit;
@@ -24174,9 +24344,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24174
24344
  background-color: transparent;
24175
24345
  border: 0;
24176
24346
  }
24177
- label.pf-v6-c-tree-view__node-text {
24178
- cursor: pointer;
24179
- }
24180
24347
 
24181
24348
  .pf-v6-c-tree-view__node-title {
24182
24349
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -24405,6 +24572,15 @@ label.pf-v6-c-tree-view__node-text {
24405
24572
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
24406
24573
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
24407
24574
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
24575
+ }
24576
+ @media screen and (min-width: 62rem) {
24577
+ .pf-v6-c-wizard {
24578
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
24579
+ --pf-v6-c-wizard__nav--BoxShadow: none;
24580
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
24581
+ }
24582
+ }
24583
+ .pf-v6-c-wizard {
24408
24584
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
24409
24585
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
24410
24586
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -24429,13 +24605,6 @@ label.pf-v6-c-tree-view__node-text {
24429
24605
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
24430
24606
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
24431
24607
  }
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
24608
 
24440
24609
  .pf-v6-c-wizard {
24441
24610
  position: relative;
@@ -24571,13 +24740,14 @@ label.pf-v6-c-tree-view__node-text {
24571
24740
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
24572
24741
  }
24573
24742
 
24574
- .pf-v6-c-wizard__toggle-separator {
24575
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
24576
- }
24577
24743
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
24578
24744
  scale: -1 1;
24579
24745
  }
24580
24746
 
24747
+ .pf-v6-c-wizard__toggle-separator {
24748
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
24749
+ }
24750
+
24581
24751
  .pf-v6-c-wizard__toggle-icon {
24582
24752
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
24583
24753
  }
@@ -24585,8 +24755,8 @@ label.pf-v6-c-tree-view__node-text {
24585
24755
  .pf-v6-c-wizard__outer-wrap {
24586
24756
  position: relative;
24587
24757
  display: flex;
24588
- flex-direction: column;
24589
24758
  flex-grow: 1;
24759
+ flex-direction: column;
24590
24760
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
24591
24761
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
24592
24762
  }
@@ -24599,8 +24769,8 @@ label.pf-v6-c-tree-view__node-text {
24599
24769
  .pf-v6-c-wizard__inner-wrap {
24600
24770
  position: relative;
24601
24771
  display: flex;
24602
- flex-direction: column;
24603
24772
  flex-grow: 1;
24773
+ flex-direction: column;
24604
24774
  min-height: 0;
24605
24775
  }
24606
24776
  @media screen and (min-width: 62rem) {
@@ -24778,6 +24948,10 @@ label.pf-v6-c-tree-view__node-text {
24778
24948
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
24779
24949
  }
24780
24950
 
24951
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
24952
+ scale: -1 1;
24953
+ }
24954
+
24781
24955
  .pf-v6-c-wizard__nav-link-toggle-icon {
24782
24956
  display: inline-block;
24783
24957
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -24785,15 +24959,12 @@ label.pf-v6-c-tree-view__node-text {
24785
24959
  transition-property: transform;
24786
24960
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
24787
24961
  }
24788
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
24789
- scale: -1 1;
24790
- }
24791
24962
 
24792
24963
  .pf-v6-c-wizard__main {
24793
24964
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
24794
24965
  display: flex;
24795
- flex-direction: column;
24796
24966
  flex-grow: 1;
24967
+ flex-direction: column;
24797
24968
  overflow-x: hidden;
24798
24969
  overflow-y: auto;
24799
24970
  word-break: break-word;