@patternfly/patternfly 6.0.0-alpha.83 → 6.0.0-alpha.84

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 (19) hide show
  1. package/components/Breadcrumb/breadcrumb.css +9 -1
  2. package/components/Breadcrumb/breadcrumb.scss +10 -3
  3. package/components/Button/button.css +1 -1
  4. package/components/Button/button.scss +1 -1
  5. package/components/Menu/menu.css +388 -419
  6. package/components/Menu/menu.scss +369 -529
  7. package/docs/components/LogViewer/examples/LogViewer.md +110 -110
  8. package/docs/components/Menu/examples/Menu.css +7 -11
  9. package/docs/components/Menu/examples/Menu.md +637 -944
  10. package/docs/components/Nav/examples/Navigation.md +113 -140
  11. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  12. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +10 -10
  13. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  14. package/package.json +1 -1
  15. package/patternfly-no-globals.css +517 -424
  16. package/patternfly-theme-dark-unversioned.css +517 -424
  17. package/patternfly.css +517 -424
  18. package/patternfly.min.css +1 -1
  19. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-t-light {
2
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-t-light {
3
3
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
4
4
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
5
5
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -26,7 +26,16 @@
26
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
27
27
  }
28
28
 
29
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section,
29
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__content,
30
+ .pf-v5-c-menu__list-item,
31
+ .pf-v5-c-menu__item,
32
+ .pf-v5-c-menu__item-main,
33
+ .pf-v5-c-menu__breadcrumb,
34
+ .pf-v5-c-menu__item-check,
35
+ .pf-v5-c-menu__item-action,
36
+ .pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
37
+ .pf-v5-c-menu__list,
38
+ .pf-v5-c-menu__group, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section,
30
39
  .pf-v5-c-toolbar__group,
31
40
  .pf-v5-c-toolbar__item,
32
41
  .pf-v5-c-toolbar__group.pf-m-chip-group-container,
@@ -35,66 +44,165 @@
35
44
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
36
45
  display: var(--pf-v5-hidden-visible--Display);
37
46
  }
38
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section,
47
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__content,
48
+ .pf-m-hidden.pf-v5-c-menu__list-item,
49
+ .pf-m-hidden.pf-v5-c-menu__item,
50
+ .pf-m-hidden.pf-v5-c-menu__item-main,
51
+ .pf-m-hidden.pf-v5-c-menu__breadcrumb,
52
+ .pf-m-hidden.pf-v5-c-menu__item-check,
53
+ .pf-m-hidden.pf-v5-c-menu__item-action,
54
+ .pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
55
+ .pf-m-hidden.pf-v5-c-menu__list,
56
+ .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section,
39
57
  .pf-m-hidden.pf-v5-c-toolbar__group,
40
58
  .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-data-list__item-action {
41
59
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
42
60
  }
43
61
  @media screen and (min-width: 576px) {
44
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
62
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__content,
63
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
64
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item,
65
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
66
+ .pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
67
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
68
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
69
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
70
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list,
71
+ .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
45
72
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
46
73
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
47
74
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
48
75
  }
49
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
76
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__content,
77
+ .pf-m-visible-on-sm.pf-v5-c-menu__list-item,
78
+ .pf-m-visible-on-sm.pf-v5-c-menu__item,
79
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-main,
80
+ .pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
81
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-check,
82
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action,
83
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
84
+ .pf-m-visible-on-sm.pf-v5-c-menu__list,
85
+ .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
50
86
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
51
87
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
52
88
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
53
89
  }
54
90
  }
55
91
  @media screen and (min-width: 768px) {
56
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
92
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__content,
93
+ .pf-m-hidden-on-md.pf-v5-c-menu__list-item,
94
+ .pf-m-hidden-on-md.pf-v5-c-menu__item,
95
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-main,
96
+ .pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
97
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-check,
98
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action,
99
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
100
+ .pf-m-hidden-on-md.pf-v5-c-menu__list,
101
+ .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
57
102
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
58
103
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
59
104
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
60
105
  }
61
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
106
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__content,
107
+ .pf-m-visible-on-md.pf-v5-c-menu__list-item,
108
+ .pf-m-visible-on-md.pf-v5-c-menu__item,
109
+ .pf-m-visible-on-md.pf-v5-c-menu__item-main,
110
+ .pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
111
+ .pf-m-visible-on-md.pf-v5-c-menu__item-check,
112
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action,
113
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
114
+ .pf-m-visible-on-md.pf-v5-c-menu__list,
115
+ .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
62
116
  .pf-m-visible-on-md.pf-v5-c-toolbar__group,
63
117
  .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
64
118
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
65
119
  }
66
120
  }
67
121
  @media screen and (min-width: 992px) {
68
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
122
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__content,
123
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
124
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item,
125
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
126
+ .pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
127
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
128
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
129
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
130
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list,
131
+ .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
69
132
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
70
133
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
71
134
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
72
135
  }
73
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
136
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__content,
137
+ .pf-m-visible-on-lg.pf-v5-c-menu__list-item,
138
+ .pf-m-visible-on-lg.pf-v5-c-menu__item,
139
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-main,
140
+ .pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
141
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-check,
142
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action,
143
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
144
+ .pf-m-visible-on-lg.pf-v5-c-menu__list,
145
+ .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
74
146
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
75
147
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
76
148
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
77
149
  }
78
150
  }
79
151
  @media screen and (min-width: 1200px) {
80
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
152
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__content,
153
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
154
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item,
155
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
156
+ .pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
157
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
158
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
159
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
160
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list,
161
+ .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
81
162
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
82
163
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
83
164
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
84
165
  }
85
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
166
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__content,
167
+ .pf-m-visible-on-xl.pf-v5-c-menu__list-item,
168
+ .pf-m-visible-on-xl.pf-v5-c-menu__item,
169
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-main,
170
+ .pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
171
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-check,
172
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action,
173
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
174
+ .pf-m-visible-on-xl.pf-v5-c-menu__list,
175
+ .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
86
176
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
87
177
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
88
178
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
89
179
  }
90
180
  }
91
181
  @media screen and (min-width: 1450px) {
92
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
182
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__content,
183
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
184
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item,
185
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
186
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
187
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
188
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
189
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
190
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list,
191
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
93
192
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
94
193
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
95
194
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
96
195
  }
97
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
196
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__content,
197
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
198
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item,
199
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
200
+ .pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
201
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
202
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
203
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
204
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list,
205
+ .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
98
206
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
99
207
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
100
208
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -7829,13 +7937,16 @@ button) {
7829
7937
  max-width: 100%;
7830
7938
  }
7831
7939
 
7832
- :root, .pf-v5-c-breadcrumb {
7940
+ :where(:root),
7941
+ :where(.pf-v5-c-breadcrumb) {
7833
7942
  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7834
7943
  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7835
7944
  --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
7836
7945
  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7837
7946
  --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
7838
7947
  --pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7948
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7949
+ --pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7839
7950
  --pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7840
7951
  --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7841
7952
  --pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -7869,6 +7980,9 @@ button) {
7869
7980
  white-space: nowrap;
7870
7981
  list-style: none;
7871
7982
  }
7983
+ .pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
7984
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
7985
+ }
7872
7986
  .pf-v5-c-breadcrumb__item:not(:last-child) {
7873
7987
  margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
7874
7988
  }
@@ -7884,6 +7998,8 @@ button) {
7884
7998
  }
7885
7999
 
7886
8000
  .pf-v5-c-breadcrumb__link {
8001
+ padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
8002
+ padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
7887
8003
  font-size: inherit;
7888
8004
  font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
7889
8005
  line-height: inherit;
@@ -8023,7 +8139,7 @@ button.pf-v5-c-breadcrumb__link {
8023
8139
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
8024
8140
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
8025
8141
  --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
8026
- --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
8142
+ --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
8027
8143
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
8028
8144
  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
8029
8145
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -18152,7 +18268,7 @@ label.pf-v5-c-input-group__text {
18152
18268
  color: var(--pf-v5-c-jump-links__toggle-text--Color);
18153
18269
  }
18154
18270
 
18155
- .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
18271
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
18156
18272
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
18157
18273
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
18158
18274
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -18179,7 +18295,16 @@ label.pf-v5-c-input-group__text {
18179
18295
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18180
18296
  }
18181
18297
 
18182
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18298
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__content,
18299
+ .pf-v5-c-menu__list-item,
18300
+ .pf-v5-c-menu__item,
18301
+ .pf-v5-c-menu__item-main,
18302
+ .pf-v5-c-menu__breadcrumb,
18303
+ .pf-v5-c-menu__item-check,
18304
+ .pf-v5-c-menu__item-action,
18305
+ .pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
18306
+ .pf-v5-c-menu__list,
18307
+ .pf-v5-c-menu__group, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18183
18308
  .pf-v5-c-toolbar__group,
18184
18309
  .pf-v5-c-toolbar__item,
18185
18310
  .pf-v5-c-toolbar__group.pf-m-chip-group-container,
@@ -18188,66 +18313,165 @@ label.pf-v5-c-input-group__text {
18188
18313
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18189
18314
  display: var(--pf-v5-hidden-visible--Display);
18190
18315
  }
18191
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
18316
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__content,
18317
+ .pf-m-hidden.pf-v5-c-menu__list-item,
18318
+ .pf-m-hidden.pf-v5-c-menu__item,
18319
+ .pf-m-hidden.pf-v5-c-menu__item-main,
18320
+ .pf-m-hidden.pf-v5-c-menu__breadcrumb,
18321
+ .pf-m-hidden.pf-v5-c-menu__item-check,
18322
+ .pf-m-hidden.pf-v5-c-menu__item-action,
18323
+ .pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
18324
+ .pf-m-hidden.pf-v5-c-menu__list,
18325
+ .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
18192
18326
  .pf-m-hidden.pf-v5-c-toolbar__group,
18193
18327
  .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
18194
18328
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18195
18329
  }
18196
18330
  @media screen and (min-width: 576px) {
18197
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
18331
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__content,
18332
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
18333
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item,
18334
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
18335
+ .pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
18336
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
18337
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
18338
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
18339
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list,
18340
+ .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
18198
18341
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
18199
18342
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
18200
18343
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18201
18344
  }
18202
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
18345
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__content,
18346
+ .pf-m-visible-on-sm.pf-v5-c-menu__list-item,
18347
+ .pf-m-visible-on-sm.pf-v5-c-menu__item,
18348
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-main,
18349
+ .pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
18350
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-check,
18351
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action,
18352
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
18353
+ .pf-m-visible-on-sm.pf-v5-c-menu__list,
18354
+ .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
18203
18355
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
18204
18356
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
18205
18357
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18206
18358
  }
18207
18359
  }
18208
18360
  @media screen and (min-width: 768px) {
18209
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
18361
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__content,
18362
+ .pf-m-hidden-on-md.pf-v5-c-menu__list-item,
18363
+ .pf-m-hidden-on-md.pf-v5-c-menu__item,
18364
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-main,
18365
+ .pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
18366
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-check,
18367
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action,
18368
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
18369
+ .pf-m-hidden-on-md.pf-v5-c-menu__list,
18370
+ .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
18210
18371
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
18211
18372
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
18212
18373
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18213
18374
  }
18214
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
18375
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__content,
18376
+ .pf-m-visible-on-md.pf-v5-c-menu__list-item,
18377
+ .pf-m-visible-on-md.pf-v5-c-menu__item,
18378
+ .pf-m-visible-on-md.pf-v5-c-menu__item-main,
18379
+ .pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
18380
+ .pf-m-visible-on-md.pf-v5-c-menu__item-check,
18381
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action,
18382
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
18383
+ .pf-m-visible-on-md.pf-v5-c-menu__list,
18384
+ .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
18215
18385
  .pf-m-visible-on-md.pf-v5-c-toolbar__group,
18216
18386
  .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
18217
18387
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18218
18388
  }
18219
18389
  }
18220
18390
  @media screen and (min-width: 992px) {
18221
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
18391
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__content,
18392
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
18393
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item,
18394
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
18395
+ .pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
18396
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
18397
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
18398
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
18399
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list,
18400
+ .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
18222
18401
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
18223
18402
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
18224
18403
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18225
18404
  }
18226
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
18405
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__content,
18406
+ .pf-m-visible-on-lg.pf-v5-c-menu__list-item,
18407
+ .pf-m-visible-on-lg.pf-v5-c-menu__item,
18408
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-main,
18409
+ .pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
18410
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-check,
18411
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action,
18412
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
18413
+ .pf-m-visible-on-lg.pf-v5-c-menu__list,
18414
+ .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
18227
18415
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
18228
18416
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
18229
18417
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18230
18418
  }
18231
18419
  }
18232
18420
  @media screen and (min-width: 1200px) {
18233
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
18421
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__content,
18422
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
18423
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item,
18424
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
18425
+ .pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
18426
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
18427
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
18428
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
18429
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list,
18430
+ .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
18234
18431
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
18235
18432
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
18236
18433
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18237
18434
  }
18238
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
18435
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__content,
18436
+ .pf-m-visible-on-xl.pf-v5-c-menu__list-item,
18437
+ .pf-m-visible-on-xl.pf-v5-c-menu__item,
18438
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-main,
18439
+ .pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
18440
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-check,
18441
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action,
18442
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
18443
+ .pf-m-visible-on-xl.pf-v5-c-menu__list,
18444
+ .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
18239
18445
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
18240
18446
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
18241
18447
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18242
18448
  }
18243
18449
  }
18244
18450
  @media screen and (min-width: 1450px) {
18245
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
18451
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__content,
18452
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
18453
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item,
18454
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
18455
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
18456
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
18457
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
18458
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
18459
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list,
18460
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
18246
18461
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
18247
18462
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
18248
18463
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18249
18464
  }
18250
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
18465
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__content,
18466
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
18467
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item,
18468
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
18469
+ .pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
18470
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
18471
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
18472
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
18473
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list,
18474
+ .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
18251
18475
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
18252
18476
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
18253
18477
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -19842,171 +20066,157 @@ ul.pf-v5-c-list {
19842
20066
  padding-inline-end: var(--pf-v5-global--spacer--2xl);
19843
20067
  }
19844
20068
 
19845
- .pf-v5-c-menu {
19846
- color: var(--pf-v5-global--Color--100);
19847
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
19848
- --pf-v5-c-menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
19849
- --pf-v5-c-menu--MinWidth: auto;
20069
+ :where(:root),
20070
+ :where(.pf-v5-c-menu) {
20071
+ --pf-v5-c-menu--RowGap: var(--pf-t--global--spacer--sm);
19850
20072
  --pf-v5-c-menu--Width: auto;
19851
- --pf-v5-c-menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
19852
- --pf-v5-c-menu--Top: auto;
19853
- --pf-v5-c-menu--m-flyout__menu--Top: calc(var(--pf-v5-c-menu__list--PaddingTop) * -1 + var(--pf-v5-c-menu--m-flyout__menu--top-offset));
19854
- --pf-v5-c-menu--m-flyout__menu--Right: auto;
19855
- --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
19856
- --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
19857
- --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingTop) * -1);
19858
- --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
20073
+ --pf-v5-c-menu--MinWidth: auto;
20074
+ --pf-v5-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20075
+ --pf-v5-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20076
+ --pf-v5-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20077
+ --pf-v5-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
20078
+ --pf-v5-c-menu--Color: var(--pf-t--global--text--color--regular);
20079
+ --pf-v5-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
20080
+ --pf-v5-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
20081
+ --pf-v5-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
20082
+ --pf-v5-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
20083
+ --pf-v5-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19859
20084
  --pf-v5-c-menu--m-plain--BoxShadow: none;
19860
- --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
19861
- --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
19862
- --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
20085
+ --pf-v5-c-menu__content--RowGap: var(--pf-v5-c-menu--RowGap);
19863
20086
  --pf-v5-c-menu__content--Height: auto;
19864
20087
  --pf-v5-c-menu__content--MaxHeight: none;
19865
20088
  --pf-v5-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
19866
- --pf-v5-c-menu--c-divider--MarginTop: 0;
19867
- --pf-v5-c-menu--c-divider--MarginBottom: 0;
19868
- --pf-v5-c-menu__list--c-divider--MarginTop: var(--pf-v5-global--spacer--sm);
19869
- --pf-v5-c-menu__list--c-divider--MarginBottom: var(--pf-v5-global--spacer--sm);
19870
- --pf-v5-c-menu__header--PaddingTop: var(--pf-v5-global--spacer--md);
19871
- --pf-v5-c-menu__header--PaddingRight: var(--pf-v5-global--spacer--md);
19872
- --pf-v5-c-menu__header--PaddingBottom: var(--pf-v5-global--spacer--md);
19873
- --pf-v5-c-menu__header--PaddingLeft: var(--pf-v5-global--spacer--md);
19874
- --pf-v5-c-menu__header--c-menu__item--MarginTop: calc(var(--pf-v5-c-menu__header--PaddingTop) * -1 / 2);
19875
- --pf-v5-c-menu__header--c-menu__item--MarginRight: calc(var(--pf-v5-c-menu__header--PaddingRight) * -1 / 2);
19876
- --pf-v5-c-menu__header--c-menu__item--MarginBottom: calc(var(--pf-v5-c-menu__header--PaddingBottom) * -1 / 2);
19877
- --pf-v5-c-menu__header--c-menu__item--MarginLeft: calc(var(--pf-v5-c-menu__header--PaddingLeft) * -1 / 2);
19878
- --pf-v5-c-menu__header--c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19879
- --pf-v5-c-menu__header--c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19880
- --pf-v5-c-menu__header--c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19881
- --pf-v5-c-menu__header--c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19882
- --pf-v5-c-menu__header--c-menu__item--BackgroundColor: transparent;
19883
- --pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19884
- --pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19885
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-global--spacer--md);
19886
- --pf-v5-c-menu__search--PaddingRight: var(--pf-v5-global--spacer--md);
19887
- --pf-v5-c-menu__search--PaddingBottom: var(--pf-v5-global--spacer--md);
19888
- --pf-v5-c-menu__search--PaddingLeft: var(--pf-v5-global--spacer--md);
19889
- --pf-v5-c-menu__header__search--PaddingTop: 0;
19890
- --pf-v5-c-menu__list--Display: block;
19891
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-global--spacer--sm);
19892
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-global--spacer--sm);
19893
- --pf-v5-c-menu__list-item--Display: flex;
19894
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-global--Color--100);
19895
- --pf-v5-c-menu__list-item--BackgroundColor: transparent;
19896
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19897
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19898
- --pf-v5-c-menu__list-item--m-loading--PaddingTop: var(--pf-v5-global--spacer--sm);
19899
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19900
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19901
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19902
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19903
- --pf-v5-c-menu__item--OutlineOffset: calc(0.125rem * -1);
19904
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-global--FontSize--md);
19905
- --pf-v5-c-menu__item--FontWeight: var(--pf-v5-global--FontWeight--normal);
19906
- --pf-v5-c-menu__item--LineHeight: var(--pf-v5-global--LineHeight--md);
19907
- --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--disabled-color--100);
19908
- --pf-v5-c-menu__list-item--m-danger__item--Color: var(--pf-v5-global--danger-color--100);
19909
- --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-v5-global--link--Color);
19910
- --pf-v5-c-menu__group--Display: block;
19911
- --pf-v5-c-menu__group-title--PaddingTop: var(--pf-v5-global--spacer--md);
19912
- --pf-v5-c-menu__group-title--PaddingRight: var(--pf-v5-c-menu__item--PaddingRight);
19913
- --pf-v5-c-menu__group-title--PaddingLeft: var(--pf-v5-c-menu__item--PaddingLeft);
19914
- --pf-v5-c-menu__group-title--FontSize: var(--pf-v5-global--FontSize--xs);
19915
- --pf-v5-c-menu__group-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
19916
- --pf-v5-c-menu__group-title--Color: var(--pf-v5-global--Color--200);
19917
- --pf-v5-c-menu__item-description--FontSize: var(--pf-v5-global--FontSize--xs);
19918
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-global--Color--200);
19919
- --pf-v5-c-menu__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
19920
- --pf-v5-c-menu__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
19921
- --pf-v5-c-menu__item-toggle-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
19922
- --pf-v5-c-menu__item-toggle-icon--PaddingLeft: var(--pf-v5-global--spacer--sm);
19923
- --pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
19924
- --pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19925
- --pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft: var(--pf-v5-global--spacer--sm);
19926
- --pf-v5-c-menu__item-select-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19927
- --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-global--active-color--100);
19928
- --pf-v5-c-menu__item-select-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19929
- --pf-v5-c-menu__item-external-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19930
- --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-global--link--Color);
19931
- --pf-v5-c-menu__item-external-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19932
- --pf-v5-c-menu__item-external-icon--Opacity: 0;
19933
- --pf-v5-c-menu__item-action--PaddingTop: var(--pf-v5-global--spacer--sm);
19934
- --pf-v5-c-menu__item-action--PaddingRight: var(--pf-v5-global--spacer--md);
19935
- --pf-v5-c-menu__item-action--PaddingBottom: var(--pf-v5-global--spacer--sm);
19936
- --pf-v5-c-menu__item-action--PaddingLeft: var(--pf-v5-global--spacer--md);
19937
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-global--Color--200);
19938
- --pf-v5-c-menu__item-action--BackgroundColor: transparent;
19939
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-global--Color--100);
19940
- --pf-v5-c-menu__item-action--disabled--Color: var(--pf-v5-global--disabled-color--200);
19941
- --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-v5-global--palette--gold-400);
19942
- --pf-v5-c-menu__item-action--m-favorited--hover--Color: var(--pf-v5-global--palette--gold-500);
19943
- --pf-v5-c-menu__item-action-icon--Height: calc(var(--pf-v5-c-menu__item--FontSize) * var(--pf-v5-c-menu__item--LineHeight));
19944
- --pf-v5-c-menu__item-action--m-favorite__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19945
- --pf-v5-c-menu__breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
19946
- --pf-v5-c-menu__breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
19947
- --pf-v5-c-menu__breadcrumb--PaddingBottom: var(--pf-v5-global--spacer--md);
19948
- --pf-v5-c-menu__breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
19949
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--md);
19950
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--md);
19951
- --pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
19952
- --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19953
- --pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20089
+ --pf-v5-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20090
+ --pf-v5-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20091
+ --pf-v5-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
20092
+ --pf-v5-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20093
+ --pf-v5-c-menu__footer--BoxShadow: none;
20094
+ --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
20095
+ --pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
20096
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20097
+ --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20098
+ --pf-v5-c-menu__list-item--MixBlendMode: normal;
20099
+ --pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
20100
+ --pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
20101
+ --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
20102
+ --pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20103
+ --pf-v5-c-menu__list--divider--MarginTop: var(--pf-t--global--spacer--sm);
20104
+ --pf-v5-c-menu__list--divider--MarginBottom: var(--pf-t--global--spacer--sm);
20105
+ --pf-v5-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20106
+ --pf-v5-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20107
+ --pf-v5-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20108
+ --pf-v5-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20109
+ --pf-v5-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
20110
+ --pf-v5-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
20111
+ --pf-v5-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body);
20112
+ --pf-v5-c-menu__item--Color: var(--pf-t--global--text--color--regular);
20113
+ --pf-v5-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20114
+ --pf-v5-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
20115
+ --pf-v5-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20116
+ --pf-v5-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20117
+ --pf-v5-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20118
+ --pf-v5-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20119
+ --pf-v5-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20120
+ --pf-v5-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20121
+ --pf-v5-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20122
+ --pf-v5-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20123
+ --pf-v5-c-menu__breadcrumb--PaddingBlockStart: 0;
20124
+ --pf-v5-c-menu__breadcrumb--PaddingBlockEnd: 0;
20125
+ --pf-v5-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20126
+ --pf-v5-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20127
+ --pf-v5-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20128
+ --pf-v5-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20129
+ --pf-v5-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20130
+ --pf-v5-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20131
+ --pf-v5-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
20132
+ --pf-v5-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
20133
+ --pf-v5-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
20134
+ --pf-v5-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
20135
+ --pf-v5-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
20136
+ --pf-v5-c-menu__item-action--icon--size: var(--pf-v5-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
20137
+ --pf-v5-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
20138
+ --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
20139
+ --pf-v5-c-menu__item-action--button--MinWidth: calc(var(--pf-v5-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
20140
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
20141
+ --pf-v5-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
20142
+ --pf-v5-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
20143
+ --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
20144
+ --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
20145
+ --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
20146
+ --pf-v5-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
20147
+ --pf-v5-c-menu--m-flyout__menu--Top: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1 + var(--pf-v5-c-menu--m-flyout__menu--top-offset));
20148
+ --pf-v5-c-menu--m-flyout__menu--Right: auto;
20149
+ --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
20150
+ --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
20151
+ --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1);
20152
+ --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
19954
20153
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
19955
20154
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19956
20155
  --pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
19957
20156
  --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19958
20157
  --pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
19959
- --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-v5-global--ZIndex--xs);
19960
- --pf-v5-c-menu__footer--PaddingTop: var(--pf-v5-global--spacer--md);
19961
- --pf-v5-c-menu__footer--PaddingRight: var(--pf-v5-global--spacer--md);
19962
- --pf-v5-c-menu__footer--PaddingBottom: var(--pf-v5-global--spacer--md);
19963
- --pf-v5-c-menu__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
19964
- --pf-v5-c-menu__footer--BoxShadow: none;
19965
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
19966
- --pf-v5-c-menu__footer--after--BorderTopColor: var(--pf-v5-global--BorderColor--100);
19967
- --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
19968
- --pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
19969
- --pf-v5-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19970
- --pf-v5-c-menu--m-nav--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
19971
- --pf-v5-c-menu--m-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
19972
- --pf-v5-c-menu--m-nav__list--PaddingTop: 0;
19973
- --pf-v5-c-menu--m-nav__list--PaddingBottom: 0;
19974
- --pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19975
- --pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19976
- --pf-v5-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19977
- --pf-v5-c-menu--m-nav__item--PaddingRight: var(--pf-v5-global--spacer--lg);
19978
- --pf-v5-c-menu--m-nav__item--PaddingLeft: var(--pf-v5-global--spacer--lg);
19979
- --pf-v5-c-menu--m-nav__item--Color: var(--pf-v5-global--Color--light-100);
19980
- --pf-v5-c-menu--m-nav__item--FontSize: var(--pf-v5-global--FontSize--sm);
19981
- --pf-v5-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19982
- --pf-v5-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19983
- --pf-v5-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19984
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-v5-global--BorderColor--200);
19985
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
19986
- --pf-v5-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19987
- --pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
19988
- --pf-v5-c-menu--m-nav__item-description--Color: var(--pf-v5-global--Color--light-200);
19989
- --pf-v5-c-menu--m-nav--c-menu--left-offset: 0.25rem;
19990
- --pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
19991
- --pf-v5-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
19992
- --pf-v5-c-menu--m-nav--c-menu--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19993
- --pf-v5-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--left-offset));
19994
- --pf-v5-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--m-left--right-offset));
19995
- --pf-v5-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset));
19996
- --pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
19997
- inset-block-start: var(--pf-v5-c-menu--Top);
19998
- z-index: var(--pf-v5-c-menu--ZIndex);
20158
+ --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
20159
+ }
20160
+
20161
+ .pf-v5-c-menu,
20162
+ .pf-v5-c-menu__list,
20163
+ .pf-v5-c-menu__group {
20164
+ --pf-v5-hidden-visible--visible--Display: grid;
20165
+ }
20166
+
20167
+ .pf-v5-c-menu__content,
20168
+ .pf-v5-c-menu__list-item,
20169
+ .pf-v5-c-menu__item,
20170
+ .pf-v5-c-menu__item-main,
20171
+ .pf-v5-c-menu__breadcrumb,
20172
+ .pf-v5-c-menu__item-check,
20173
+ .pf-v5-c-menu__item-action,
20174
+ .pf-v5-c-menu__item-action-icon {
20175
+ --pf-v5-hidden-visible--visible--Display: flex;
20176
+ }
20177
+
20178
+ .pf-v5-c-menu__list,
20179
+ .pf-v5-c-menu__list-item,
20180
+ .pf-v5-c-menu__breadcrumb,
20181
+ .pf-v5-c-menu__footer {
20182
+ position: relative;
20183
+ }
20184
+
20185
+ .pf-v5-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
20186
+ .pf-v5-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
20187
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__item--m-disabled--Color);
20188
+ --pf-v5-c-menu__item-toggle-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20189
+ --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20190
+ --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20191
+ --pf-v5-c-menu__list-item--BackgroundColor: transparent;
20192
+ pointer-events: none;
20193
+ }
20194
+
20195
+ [class*=pf-v5-c-menu]:is([hidden]) {
20196
+ display: none;
20197
+ }
20198
+
20199
+ .pf-v5-c-menu {
20200
+ row-gap: var(--pf-v5-c-menu--RowGap);
19999
20201
  width: var(--pf-v5-c-menu--Width);
20000
20202
  min-width: var(--pf-v5-c-menu--MinWidth);
20203
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20204
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20205
+ overflow: hidden;
20206
+ color: var(--pf-v5-c-menu--Color);
20001
20207
  background-color: var(--pf-v5-c-menu--BackgroundColor);
20208
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
20002
20209
  box-shadow: var(--pf-v5-c-menu--BoxShadow);
20003
20210
  }
20211
+ .pf-v5-c-menu .pf-v5-c-menu {
20212
+ min-width: 100%;
20213
+ border-radius: 0;
20214
+ }
20004
20215
  .pf-v5-c-menu .pf-v5-c-menu__content .pf-v5-c-menu .pf-v5-c-menu__content {
20005
20216
  overflow: visible;
20006
20217
  }
20007
- .pf-v5-c-menu .pf-v5-c-divider {
20008
- margin-block-start: var(--pf-v5-c-menu--c-divider--MarginTop);
20009
- margin-block-end: var(--pf-v5-c-menu--c-divider--MarginBottom);
20218
+ .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu, .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__content {
20219
+ overflow: visible;
20010
20220
  }
20011
20221
  .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu {
20012
20222
  position: absolute;
@@ -20014,6 +20224,8 @@ ul.pf-v5-c-list {
20014
20224
  inset-block-end: var(--pf-v5-c-menu--m-flyout__menu--Bottom);
20015
20225
  inset-inline-start: var(--pf-v5-c-menu--m-flyout__menu--Left);
20016
20226
  inset-inline-end: var(--pf-v5-c-menu--m-flyout__menu--Right);
20227
+ z-index: var(--pf-v5-c-menu--m-flyout__Zindex);
20228
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
20017
20229
  }
20018
20230
  .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__content, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__content {
20019
20231
  overflow-y: visible;
@@ -20026,18 +20238,13 @@ ul.pf-v5-c-list {
20026
20238
  --pf-v5-c-menu--m-flyout__menu--Right: var(--pf-v5-c-menu--m-flyout__menu--m-left--Right);
20027
20239
  --pf-v5-c-menu--m-flyout__menu--Left: auto;
20028
20240
  }
20029
- .pf-v5-c-menu.pf-m-drilldown {
20030
- display: flex;
20031
- flex-direction: column;
20032
- }
20033
- .pf-v5-c-menu.pf-m-drilldown[hidden] {
20034
- display: none;
20035
- }
20036
20241
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content {
20037
- flex-grow: 1;
20038
20242
  overflow: hidden;
20039
20243
  transition: var(--pf-v5-c-menu--m-drilldown__content--Transition);
20040
20244
  }
20245
+ .pf-v5-c-menu.pf-m-drilldown :where(.pf-v5-c-menu) {
20246
+ padding: 0;
20247
+ }
20041
20248
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list,
20042
20249
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
20043
20250
  transform: translateX(-100%);
@@ -20047,11 +20254,11 @@ ul.pf-v5-c-list {
20047
20254
  }
20048
20255
 
20049
20256
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu {
20050
- --pf-v5-c-menu--BoxShadow: none;
20051
20257
  position: absolute;
20052
20258
  inset-block-start: var(--pf-v5-c-menu--m-drilldown--c-menu--Top);
20053
20259
  inset-inline-start: 100%;
20054
20260
  width: 100%;
20261
+ box-shadow: none;
20055
20262
  transition: var(--pf-v5-c-menu--m-drilldown--c-menu--Transition);
20056
20263
  }
20057
20264
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
@@ -20062,14 +20269,13 @@ ul.pf-v5-c-list {
20062
20269
  }
20063
20270
 
20064
20271
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list {
20065
- position: relative;
20066
20272
  overflow: hidden;
20067
20273
  visibility: visible;
20068
20274
  transition: var(--pf-v5-c-menu--m-drilldown__list--Transition);
20069
20275
  }
20070
20276
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list {
20071
- --pf-v5-c-menu__list--PaddingTop: 0;
20072
- --pf-v5-c-menu__list--PaddingBottom: 0;
20277
+ --pf-v5-c-menu__list--PaddingBlockStart: 0;
20278
+ --pf-v5-c-menu__list--PaddingBlockEnd: 0;
20073
20279
  }
20074
20280
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path .pf-v5-c-menu {
20075
20281
  z-index: var(--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
@@ -20087,7 +20293,7 @@ ul.pf-v5-c-list {
20087
20293
  display: none;
20088
20294
  }
20089
20295
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__item {
20090
- outline-offset: var(--pf-v5-c-menu__item--OutlineOffset);
20296
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20091
20297
  }
20092
20298
  .pf-v5-c-menu.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list {
20093
20299
  overflow: visible;
@@ -20106,83 +20312,54 @@ ul.pf-v5-c-list {
20106
20312
  .pf-v5-c-menu.pf-m-scrollable {
20107
20313
  --pf-v5-c-menu__content--MaxHeight: var(--pf-v5-c-menu--m-scrollable__content--MaxHeight);
20108
20314
  --pf-v5-c-menu__footer--BoxShadow: var(--pf-v5-c-menu--m-scrollable__footer--BoxShadow);
20109
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth);
20315
+ --pf-v5-c-menu__footer--PaddingBlockStart: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20316
+ --pf-v5-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20317
+ overflow: hidden;
20110
20318
  }
20111
- .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20319
+ .pf-v5-c-menu.pf-m-scrollable:has(.pf-v5-c-menu__footer) {
20320
+ --pf-v5-c-menu--PaddingBlockEnd: 0;
20321
+ }
20322
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content,
20323
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
20112
20324
  overflow-y: auto;
20113
20325
  }
20114
- .pf-v5-c-menu.pf-m-nav, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
20115
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-c-menu--m-nav--BackgroundColor);
20116
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-c-menu--m-nav__list--PaddingTop);
20117
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-c-menu--m-nav__list--PaddingBottom);
20118
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor);
20119
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor);
20120
- --pf-v5-c-menu__list-item--active--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor);
20121
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu--m-nav__item--Color);
20122
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-c-menu--m-nav__item--FontSize);
20123
- --pf-v5-c-menu__item--OutlineOffset: var(--pf-v5-c-menu--m-nav__item--OutlineOffset);
20124
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu--m-nav__item--PaddingRight);
20125
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu--m-nav__item--PaddingLeft);
20126
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--m-nav__item-description--Color);
20127
- box-shadow: var(--pf-v5-c-menu--m-nav--BoxShadow);
20128
- }
20129
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item {
20326
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20130
20327
  position: relative;
20131
- outline-offset: var(--pf-v5-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
20132
- }
20133
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item::before, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item::before {
20134
- position: absolute;
20135
- inset-block-end: 0;
20136
- inset-inline-start: 0;
20137
- inset-inline-end: 0;
20138
- content: "";
20139
- border-block-end: var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-v5-c-menu--m-nav__item--before--BorderBottomColor);
20140
- }
20141
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item:hover::after, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item:hover::after {
20142
- position: absolute;
20143
- inset-block-start: var(--pf-v5-c-menu--m-nav__item--hover--after--Top);
20144
- inset-block-end: 0;
20145
- inset-inline-start: 0;
20146
- content: "";
20147
- border-inline-start: var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor);
20148
- }
20149
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
20150
- width: 100%;
20151
- }
20152
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu {
20153
- inset-block-start: var(--pf-v5-c-menu--m-nav--c-menu--Top);
20154
- inset-inline-start: var(--pf-v5-c-menu--m-nav--c-menu--Left);
20155
- }
20156
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-top {
20157
- --pf-v5-c-menu--m-nav--c-menu--Top: auto;
20158
- inset-block-end: var(--pf-v5-c-menu--m-nav--c-menu--m-top--Bottom);
20159
- }
20160
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-left {
20161
- --pf-v5-c-menu--m-nav--c-menu--Left: auto;
20162
- inset-inline-end: var(--pf-v5-c-menu--m-nav--c-menu--m-left--Right);
20328
+ z-index: var(--pf-v5-c-menu--ZIndex);
20329
+ margin-block-start: calc(var(--pf-v5-c-menu--RowGap) * -1);
20330
+ margin-block-end: calc(var(--pf-v5-c-menu--RowGap) * -1);
20331
+ overflow: hidden;
20163
20332
  }
20164
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child {
20165
- --pf-v5-c-menu--m-nav__item--hover--after--Top: var(--pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
20333
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
20334
+ padding-block-start: var(--pf-v5-c-menu--RowGap);
20335
+ padding-block-end: var(--pf-v5-c-menu--RowGap);
20166
20336
  }
20167
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu {
20168
- --pf-v5-c-menu--m-nav--c-menu--Top: var(--pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top);
20337
+
20338
+ .pf-v5-c-menu__header {
20339
+ padding-block-start: var(--pf-v5-c-menu__header--PaddingBlockStart);
20340
+ padding-block-end: var(--pf-v5-c-menu__header--PaddingBlockEnd);
20341
+ padding-inline-start: var(--pf-v5-c-menu__header--PaddingInlineStart);
20342
+ padding-inline-end: var(--pf-v5-c-menu__header--PaddingInlineEnd);
20169
20343
  }
20170
20344
 
20171
- .pf-v5-c-menu__breadcrumb {
20172
- display: flex;
20173
- align-items: center;
20174
- min-height: var(--pf-v5-c-menu__breadcrumb--MinHeight);
20175
- padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingTop);
20176
- padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBottom);
20177
- padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingLeft);
20178
- padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingRight);
20345
+ .pf-v5-c-menu__search {
20346
+ padding-block-start: var(--pf-v5-c-menu__search--PaddingBlockStart);
20347
+ padding-block-end: var(--pf-v5-c-menu__search--PaddingBlockEnd);
20348
+ padding-inline-start: var(--pf-v5-c-menu__search--PaddingInlineStart);
20349
+ padding-inline-end: var(--pf-v5-c-menu__search--PaddingInlineEnd);
20179
20350
  }
20180
- .pf-v5-c-menu__breadcrumb .pf-v5-c-breadcrumb {
20181
- --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize);
20182
- --pf-v5-c-breadcrumb__heading--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize);
20351
+
20352
+ .pf-v5-c-menu__footer {
20353
+ padding-block-start: var(--pf-v5-c-menu__footer--PaddingBlockStart);
20354
+ padding-block-end: var(--pf-v5-c-menu__footer--PaddingBlockEnd);
20355
+ padding-inline-start: var(--pf-v5-c-menu__footer--PaddingInlineStart);
20356
+ padding-inline-end: var(--pf-v5-c-menu__footer--PaddingInlineEnd);
20357
+ box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20183
20358
  }
20184
20359
 
20185
20360
  .pf-v5-c-menu__content {
20361
+ flex-direction: column;
20362
+ row-gap: var(--pf-v5-c-menu__content--RowGap);
20186
20363
  height: var(--pf-v5-c-menu__content--Height);
20187
20364
  max-height: var(--pf-v5-c-menu__content--MaxHeight);
20188
20365
  }
@@ -20190,135 +20367,93 @@ ul.pf-v5-c-list {
20190
20367
  --pf-v5-c-menu__content--Height: auto;
20191
20368
  }
20192
20369
 
20193
- .pf-v5-c-menu__header {
20194
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-c-menu__header--c-menu__item--PaddingTop);
20195
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu__header--c-menu__item--PaddingRight);
20196
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-c-menu__header--c-menu__item--PaddingBottom);
20197
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu__header--c-menu__item--PaddingLeft);
20198
- padding-block-start: var(--pf-v5-c-menu__header--PaddingTop);
20199
- padding-block-end: var(--pf-v5-c-menu__header--PaddingBottom);
20200
- padding-inline-start: var(--pf-v5-c-menu__header--PaddingLeft);
20201
- padding-inline-end: var(--pf-v5-c-menu__header--PaddingRight);
20202
- }
20203
- .pf-v5-c-menu__header > .pf-v5-c-menu__item {
20204
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--BackgroundColor);
20205
- margin-block-start: var(--pf-v5-c-menu__header--c-menu__item--MarginTop);
20206
- margin-block-end: var(--pf-v5-c-menu__header--c-menu__item--MarginBottom);
20207
- margin-inline-start: var(--pf-v5-c-menu__header--c-menu__item--MarginLeft);
20208
- margin-inline-end: var(--pf-v5-c-menu__header--c-menu__item--MarginRight);
20209
- }
20210
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:hover {
20211
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor);
20212
- }
20213
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:focus {
20214
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor);
20215
- }
20216
- .pf-v5-c-menu__header + .pf-v5-c-menu__search {
20217
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-c-menu__header__search--PaddingTop);
20218
- }
20219
-
20220
- .pf-v5-c-menu__search {
20221
- padding-block-start: var(--pf-v5-c-menu__search--PaddingTop);
20222
- padding-block-end: var(--pf-v5-c-menu__search--PaddingBottom);
20223
- padding-inline-start: var(--pf-v5-c-menu__search--PaddingLeft);
20224
- padding-inline-end: var(--pf-v5-c-menu__search--PaddingRight);
20225
- }
20226
-
20227
- .pf-v5-c-menu__list {
20228
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list--Display);
20229
- padding-block-start: var(--pf-v5-c-menu__list--PaddingTop);
20230
- padding-block-end: var(--pf-v5-c-menu__list--PaddingBottom);
20231
- }
20232
- .pf-v5-c-menu__list > .pf-v5-c-divider {
20233
- margin-block-start: var(--pf-v5-c-menu__list--c-divider--MarginTop);
20234
- margin-block-end: var(--pf-v5-c-menu__list--c-divider--MarginBottom);
20370
+ .pf-v5-c-menu__list :where(.pf-v5-c-divider:is(li)) {
20371
+ margin-block-start: var(--pf-v5-c-menu__list--divider--MarginTop);
20372
+ margin-block-end: var(--pf-v5-c-menu__list--divider--MarginBottom);
20235
20373
  }
20236
20374
 
20237
20375
  .pf-v5-c-menu__list-item {
20238
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list-item--Display);
20239
- position: relative;
20240
- color: var(--pf-v5-c-menu__list-item--Color);
20241
- background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20242
- }
20243
- .pf-v5-c-menu__list-item:hover {
20244
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20245
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--hover--Color, inherit);
20246
- }
20247
- .pf-v5-c-menu__list-item:focus-within, .pf-v5-c-menu__list-item.pf-m-focus {
20248
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
20249
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
20250
- }
20251
- .pf-v5-c-menu__list-item.pf-m-disabled, .pf-v5-c-menu__list-item.pf-m-aria-disabled {
20252
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20253
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
20254
- --pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
20376
+ align-items: baseline;
20377
+ min-width: 0;
20255
20378
  }
20256
- .pf-v5-c-menu__list-item.pf-m-disabled {
20257
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20258
- pointer-events: none;
20379
+ .pf-v5-c-menu__list-item > * {
20380
+ position: relative;
20259
20381
  }
20260
- .pf-v5-c-menu__list-item.pf-m-aria-disabled .pf-v5-c-menu__item {
20261
- cursor: default;
20382
+ .pf-v5-c-menu__list-item::before {
20383
+ position: absolute;
20384
+ inset: 0;
20385
+ content: "";
20386
+ background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20387
+ mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
20262
20388
  }
20263
20389
  .pf-v5-c-menu__list-item.pf-m-load {
20264
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20265
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20266
20390
  --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
20267
20391
  }
20268
20392
  .pf-v5-c-menu__list-item.pf-m-loading {
20269
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20270
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20271
20393
  justify-content: center;
20272
- padding-block-start: var(--pf-v5-c-menu__list-item--m-loading--PaddingTop);
20273
20394
  overflow: hidden;
20395
+ pointer-events: none;
20396
+ }
20397
+ .pf-v5-c-menu__list-item.pf-m-loading .pf-v5-c-menu__item-text {
20398
+ text-align: center;
20274
20399
  }
20275
20400
  .pf-v5-c-menu__list-item.pf-m-danger {
20276
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger__item--Color, inherit);
20401
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--Color);
20402
+ }
20403
+ .pf-v5-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
20404
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--hover--Color, var(--pf-v5-c-menu__list-item--m-danger--Color));
20405
+ }
20406
+ .pf-v5-c-menu__list-item:has(.pf-v5-c-menu__item-action) {
20407
+ padding-inline-end: var(--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd);
20408
+ }
20409
+ .pf-v5-c-menu__list-item:has(> :hover) {
20410
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20411
+ --pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
20412
+ }
20413
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
20414
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
20415
+ opacity: 1;
20277
20416
  }
20278
20417
 
20279
20418
  .pf-v5-c-menu__item {
20280
- display: flex;
20281
20419
  flex-basis: 100%;
20282
20420
  flex-direction: column;
20283
20421
  min-width: 0;
20284
- padding-block-start: var(--pf-v5-c-menu__item--PaddingTop);
20285
- padding-block-end: var(--pf-v5-c-menu__item--PaddingBottom);
20286
- padding-inline-start: var(--pf-v5-c-menu__item--PaddingLeft);
20287
- padding-inline-end: var(--pf-v5-c-menu__item--PaddingRight);
20422
+ padding-block-start: var(--pf-v5-c-menu__item--PaddingBlockStart);
20423
+ padding-block-end: var(--pf-v5-c-menu__item--PaddingBlockEnd);
20424
+ padding-inline-start: var(--pf-v5-c-menu__item--PaddingInlineStart);
20425
+ padding-inline-end: var(--pf-v5-c-menu__item--PaddingInlineEnd);
20288
20426
  font-size: var(--pf-v5-c-menu__item--FontSize);
20289
20427
  font-weight: var(--pf-v5-c-menu__item--FontWeight);
20290
20428
  line-height: var(--pf-v5-c-menu__item--LineHeight);
20291
20429
  color: var(--pf-v5-c-menu__item--Color);
20292
20430
  text-align: start;
20293
- background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20294
- border: none;
20295
- }
20296
- .pf-v5-c-menu__item:hover {
20297
20431
  text-decoration: none;
20432
+ background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20433
+ border: 0;
20434
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20298
20435
  }
20299
- .pf-v5-c-menu__item:hover, .pf-v5-c-menu__item:focus {
20300
- --pf-v5-c-menu__item-external-icon--Opacity: 1;
20436
+ .pf-v5-c-menu__item.pf-m-selected {
20437
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-c-menu__item--m-selected__item-select-icon--Color);
20301
20438
  }
20302
- .pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon {
20439
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-select-icon,
20440
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20303
20441
  opacity: 1;
20304
20442
  }
20305
- label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disabled)) {
20306
- cursor: pointer;
20443
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20444
+ color: var(--pf-v5-c-menu__item-external--Color);
20445
+ }
20446
+
20447
+ .pf-v5-c-menu__item-select-icon {
20448
+ color: var(--pf-v5-c-menu__item-select-icon--Color);
20307
20449
  }
20308
20450
 
20309
20451
  .pf-v5-c-menu__item-main {
20310
- display: flex;
20452
+ column-gap: var(--pf-v5-c-menu__item-main--ColumnGap);
20311
20453
  align-items: center;
20312
20454
  width: 100%;
20313
20455
  }
20314
20456
 
20315
- .pf-v5-c-menu__item-external-icon {
20316
- margin-inline-start: var(--pf-v5-c-menu__item-external-icon--MarginLeft);
20317
- font-size: var(--pf-v5-c-menu__item-external-icon--FontSize);
20318
- color: var(--pf-v5-c-menu__item-external-icon--Color);
20319
- opacity: var(--pf-v5-c-menu__item-external-icon--Opacity);
20320
- }
20321
-
20322
20457
  .pf-v5-c-menu__item-text {
20323
20458
  overflow: hidden;
20324
20459
  text-overflow: ellipsis;
@@ -20326,16 +20461,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20326
20461
  flex-grow: 1;
20327
20462
  }
20328
20463
 
20329
- .pf-v5-c-menu__group {
20330
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__group--Display);
20331
- }
20332
-
20333
20464
  .pf-v5-c-menu__group-title {
20334
- padding-block-start: var(--pf-v5-c-menu__group-title--PaddingTop);
20335
- padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingLeft);
20336
- padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingRight);
20337
- font-size: var(--pf-v5-c-menu__group-title--FontSize);
20338
- font-weight: var(--pf-v5-c-menu__group-title--FontWeight);
20465
+ padding-block-start: var(--pf-v5-c-menu__group-title--PaddingBlockStart);
20466
+ padding-block-end: var(--pf-v5-c-menu__group-title--PaddingBlockEnd);
20467
+ padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingInlineStart);
20468
+ padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingInlineEnd);
20469
+ font-size: var(--pf-v5-c-menu__group-title--FontSize, inherit);
20470
+ font-weight: var(--pf-v5-c-menu__group-title--FontWeight, inherit);
20339
20471
  color: var(--pf-v5-c-menu__group-title--Color);
20340
20472
  }
20341
20473
 
@@ -20345,97 +20477,58 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20345
20477
  word-break: break-word;
20346
20478
  }
20347
20479
 
20348
- .pf-v5-c-menu__item-icon {
20349
- margin-inline-end: var(--pf-v5-c-menu__item-icon--MarginRight);
20350
- }
20351
-
20352
- .pf-v5-c-menu__item-check {
20353
- display: flex;
20354
- align-items: center;
20355
- margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
20356
- }
20357
20480
  .pf-v5-c-menu__item-check .pf-v5-c-check {
20358
20481
  --pf-v5-c-check__input--TranslateY: none;
20359
20482
  }
20483
+ .pf-v5-c-menu__item-check .pf-v5-c-check input::before {
20484
+ position: absolute;
20485
+ inset: 0;
20486
+ content: "";
20487
+ }
20360
20488
 
20361
20489
  .pf-v5-c-menu__item-toggle-icon {
20362
- padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
20363
- padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
20364
- color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
20490
+ color: var(--pf-v5-c-menu__item-toggle-icon--Color, inherit);
20365
20491
  }
20366
20492
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
20367
20493
  scale: -1 1;
20368
20494
  }
20369
20495
 
20370
- .pf-v5-c-menu__item-text + .pf-v5-c-menu__item-toggle-icon {
20371
- margin-inline-start: var(--pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft);
20372
- }
20373
-
20374
- .pf-v5-c-menu__item-toggle-icon + .pf-v5-c-menu__item-text {
20375
- margin-inline-start: var(--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft);
20496
+ .pf-v5-c-menu__item-icon {
20497
+ color: var(--pf-v5-c-menu__item--icon--Color, inherit);
20376
20498
  }
20377
20499
 
20378
- .pf-v5-c-menu__item-select-icon {
20379
- margin-inline-start: var(--pf-v5-c-menu__item-select-icon--MarginLeft);
20380
- font-size: var(--pf-v5-c-menu__item-select-icon--FontSize);
20381
- color: var(--pf-v5-c-menu__item-select-icon--Color);
20500
+ .pf-v5-c-menu__item-select-icon,
20501
+ .pf-v5-c-menu__item-external-icon {
20382
20502
  opacity: 0;
20383
20503
  }
20384
20504
 
20385
- .pf-v5-c-menu__item-action {
20386
- display: flex;
20387
- padding-block-start: var(--pf-v5-c-menu__item-action--PaddingTop);
20388
- padding-block-end: var(--pf-v5-c-menu__item-action--PaddingBottom);
20389
- padding-inline-start: var(--pf-v5-c-menu__item-action--PaddingLeft);
20390
- padding-inline-end: var(--pf-v5-c-menu__item-action--PaddingRight);
20391
- color: var(--pf-v5-c-menu__item-action--Color);
20392
- background-color: var(--pf-v5-c-menu__item-action--BackgroundColor);
20393
- border: none;
20394
- }
20395
- .pf-v5-c-menu__item-action.pf-m-favorite .pf-v5-c-menu__item-action-icon {
20396
- font-size: var(--pf-v5-c-menu__item-action--m-favorite__icon--FontSize);
20397
- }
20398
- .pf-v5-c-menu__item-action.pf-m-favorited {
20505
+ .pf-v5-c-menu__item-toggle-icon.pf-m-favorited, .pf-v5-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v5-c-menu__item-toggle-icon.pf-m-favorited .pf-v5-c-button,
20506
+ .pf-v5-c-menu__item-action.pf-m-favorited,
20507
+ .pf-v5-c-menu__item-action.pf-m-favorited:hover,
20508
+ .pf-v5-c-menu__item-action.pf-m-favorited .pf-v5-c-button {
20509
+ --pf-v5-c-button--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20399
20510
  --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20400
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-c-menu__item-action--m-favorited--hover--Color);
20401
- }
20402
- .pf-v5-c-menu__item-action:hover, .pf-v5-c-menu__item-action:focus {
20403
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
20404
- }
20405
- .pf-v5-c-menu__item-action:disabled, .pf-v5-c-menu__item-action.pf-m-disabled, .pf-v5-c-menu__item-action.pf-m-aria-disabled {
20406
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
20407
- }
20408
-
20409
- .pf-v5-c-menu__item-action-icon {
20410
- display: flex;
20411
- align-items: center;
20412
- height: var(--pf-v5-c-menu__item-action-icon--Height);
20413
20511
  }
20414
20512
 
20415
- .pf-v5-c-menu__footer {
20416
- position: relative;
20417
- padding-block-start: var(--pf-v5-c-menu__footer--PaddingTop);
20418
- padding-block-end: var(--pf-v5-c-menu__footer--PaddingBottom);
20419
- padding-inline-start: var(--pf-v5-c-menu__footer--PaddingLeft);
20420
- padding-inline-end: var(--pf-v5-c-menu__footer--PaddingRight);
20421
- box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20513
+ .pf-v5-c-menu__breadcrumb {
20514
+ --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--FontSize);
20515
+ padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingBlockStart);
20516
+ padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBlockEnd);
20517
+ padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingInlineStart);
20518
+ padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingInlineEnd);
20422
20519
  }
20423
- .pf-v5-c-menu__footer::after {
20424
- position: absolute;
20425
- inset: 0;
20426
- pointer-events: none;
20427
- content: "";
20428
- border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20520
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu {
20521
+ min-width: auto;
20522
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20523
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20429
20524
  }
20430
-
20431
- :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20432
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20525
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu__content {
20526
+ height: auto;
20433
20527
  }
20434
-
20435
- :where(.pf-v5-theme-dark) .pf-v5-c-menu {
20436
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20437
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20438
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20528
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu-toggle {
20529
+ --pf-v5-c-menu-toggle--BorderWidth: 0;
20530
+ --pf-v5-c-menu-toggle--BorderColor: transparent;
20531
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20439
20532
  }
20440
20533
 
20441
20534
  :where(:root),