@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-no-globals.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);
@@ -7712,13 +7820,16 @@ html .ws-preview {
7712
7820
  max-width: 100%;
7713
7821
  }
7714
7822
 
7715
- :root, .pf-v5-c-breadcrumb {
7823
+ :where(:root),
7824
+ :where(.pf-v5-c-breadcrumb) {
7716
7825
  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7717
7826
  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7718
7827
  --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
7719
7828
  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7720
7829
  --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
7721
7830
  --pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7831
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7832
+ --pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7722
7833
  --pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7723
7834
  --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7724
7835
  --pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -7752,6 +7863,9 @@ html .ws-preview {
7752
7863
  white-space: nowrap;
7753
7864
  list-style: none;
7754
7865
  }
7866
+ .pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
7867
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
7868
+ }
7755
7869
  .pf-v5-c-breadcrumb__item:not(:last-child) {
7756
7870
  margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
7757
7871
  }
@@ -7767,6 +7881,8 @@ html .ws-preview {
7767
7881
  }
7768
7882
 
7769
7883
  .pf-v5-c-breadcrumb__link {
7884
+ padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
7885
+ padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
7770
7886
  font-size: inherit;
7771
7887
  font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
7772
7888
  line-height: inherit;
@@ -7906,7 +8022,7 @@ button.pf-v5-c-breadcrumb__link {
7906
8022
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7907
8023
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7908
8024
  --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
7909
- --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
8025
+ --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
7910
8026
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7911
8027
  --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));
7912
8028
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -18035,7 +18151,7 @@ label.pf-v5-c-input-group__text {
18035
18151
  color: var(--pf-v5-c-jump-links__toggle-text--Color);
18036
18152
  }
18037
18153
 
18038
- .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 {
18154
+ .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 {
18039
18155
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
18040
18156
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
18041
18157
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -18062,7 +18178,16 @@ label.pf-v5-c-input-group__text {
18062
18178
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18063
18179
  }
18064
18180
 
18065
- .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,
18181
+ .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,
18182
+ .pf-v5-c-menu__list-item,
18183
+ .pf-v5-c-menu__item,
18184
+ .pf-v5-c-menu__item-main,
18185
+ .pf-v5-c-menu__breadcrumb,
18186
+ .pf-v5-c-menu__item-check,
18187
+ .pf-v5-c-menu__item-action,
18188
+ .pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
18189
+ .pf-v5-c-menu__list,
18190
+ .pf-v5-c-menu__group, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18066
18191
  .pf-v5-c-toolbar__group,
18067
18192
  .pf-v5-c-toolbar__item,
18068
18193
  .pf-v5-c-toolbar__group.pf-m-chip-group-container,
@@ -18071,66 +18196,165 @@ label.pf-v5-c-input-group__text {
18071
18196
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18072
18197
  display: var(--pf-v5-hidden-visible--Display);
18073
18198
  }
18074
- .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,
18199
+ .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,
18200
+ .pf-m-hidden.pf-v5-c-menu__list-item,
18201
+ .pf-m-hidden.pf-v5-c-menu__item,
18202
+ .pf-m-hidden.pf-v5-c-menu__item-main,
18203
+ .pf-m-hidden.pf-v5-c-menu__breadcrumb,
18204
+ .pf-m-hidden.pf-v5-c-menu__item-check,
18205
+ .pf-m-hidden.pf-v5-c-menu__item-action,
18206
+ .pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
18207
+ .pf-m-hidden.pf-v5-c-menu__list,
18208
+ .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,
18075
18209
  .pf-m-hidden.pf-v5-c-toolbar__group,
18076
18210
  .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
18077
18211
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18078
18212
  }
18079
18213
  @media screen and (min-width: 576px) {
18080
- .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,
18214
+ .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,
18215
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
18216
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item,
18217
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
18218
+ .pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
18219
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
18220
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
18221
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
18222
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list,
18223
+ .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,
18081
18224
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
18082
18225
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
18083
18226
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18084
18227
  }
18085
- .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,
18228
+ .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,
18229
+ .pf-m-visible-on-sm.pf-v5-c-menu__list-item,
18230
+ .pf-m-visible-on-sm.pf-v5-c-menu__item,
18231
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-main,
18232
+ .pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
18233
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-check,
18234
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action,
18235
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
18236
+ .pf-m-visible-on-sm.pf-v5-c-menu__list,
18237
+ .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,
18086
18238
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
18087
18239
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
18088
18240
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18089
18241
  }
18090
18242
  }
18091
18243
  @media screen and (min-width: 768px) {
18092
- .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,
18244
+ .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,
18245
+ .pf-m-hidden-on-md.pf-v5-c-menu__list-item,
18246
+ .pf-m-hidden-on-md.pf-v5-c-menu__item,
18247
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-main,
18248
+ .pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
18249
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-check,
18250
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action,
18251
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
18252
+ .pf-m-hidden-on-md.pf-v5-c-menu__list,
18253
+ .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,
18093
18254
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
18094
18255
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
18095
18256
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18096
18257
  }
18097
- .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,
18258
+ .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,
18259
+ .pf-m-visible-on-md.pf-v5-c-menu__list-item,
18260
+ .pf-m-visible-on-md.pf-v5-c-menu__item,
18261
+ .pf-m-visible-on-md.pf-v5-c-menu__item-main,
18262
+ .pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
18263
+ .pf-m-visible-on-md.pf-v5-c-menu__item-check,
18264
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action,
18265
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
18266
+ .pf-m-visible-on-md.pf-v5-c-menu__list,
18267
+ .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,
18098
18268
  .pf-m-visible-on-md.pf-v5-c-toolbar__group,
18099
18269
  .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
18100
18270
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18101
18271
  }
18102
18272
  }
18103
18273
  @media screen and (min-width: 992px) {
18104
- .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,
18274
+ .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,
18275
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
18276
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item,
18277
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
18278
+ .pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
18279
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
18280
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
18281
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
18282
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list,
18283
+ .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,
18105
18284
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
18106
18285
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
18107
18286
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18108
18287
  }
18109
- .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,
18288
+ .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,
18289
+ .pf-m-visible-on-lg.pf-v5-c-menu__list-item,
18290
+ .pf-m-visible-on-lg.pf-v5-c-menu__item,
18291
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-main,
18292
+ .pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
18293
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-check,
18294
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action,
18295
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
18296
+ .pf-m-visible-on-lg.pf-v5-c-menu__list,
18297
+ .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,
18110
18298
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
18111
18299
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
18112
18300
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18113
18301
  }
18114
18302
  }
18115
18303
  @media screen and (min-width: 1200px) {
18116
- .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,
18304
+ .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,
18305
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
18306
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item,
18307
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
18308
+ .pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
18309
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
18310
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
18311
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
18312
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list,
18313
+ .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,
18117
18314
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
18118
18315
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
18119
18316
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18120
18317
  }
18121
- .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,
18318
+ .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,
18319
+ .pf-m-visible-on-xl.pf-v5-c-menu__list-item,
18320
+ .pf-m-visible-on-xl.pf-v5-c-menu__item,
18321
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-main,
18322
+ .pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
18323
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-check,
18324
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action,
18325
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
18326
+ .pf-m-visible-on-xl.pf-v5-c-menu__list,
18327
+ .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,
18122
18328
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
18123
18329
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
18124
18330
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18125
18331
  }
18126
18332
  }
18127
18333
  @media screen and (min-width: 1450px) {
18128
- .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,
18334
+ .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,
18335
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
18336
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item,
18337
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
18338
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
18339
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
18340
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
18341
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
18342
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list,
18343
+ .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,
18129
18344
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
18130
18345
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
18131
18346
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18132
18347
  }
18133
- .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,
18348
+ .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,
18349
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
18350
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item,
18351
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
18352
+ .pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
18353
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
18354
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
18355
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
18356
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list,
18357
+ .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,
18134
18358
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
18135
18359
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
18136
18360
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -19725,171 +19949,157 @@ ul.pf-v5-c-list {
19725
19949
  padding-inline-end: var(--pf-v5-global--spacer--2xl);
19726
19950
  }
19727
19951
 
19728
- .pf-v5-c-menu {
19729
- color: var(--pf-v5-global--Color--100);
19730
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
19731
- --pf-v5-c-menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
19732
- --pf-v5-c-menu--MinWidth: auto;
19952
+ :where(:root),
19953
+ :where(.pf-v5-c-menu) {
19954
+ --pf-v5-c-menu--RowGap: var(--pf-t--global--spacer--sm);
19733
19955
  --pf-v5-c-menu--Width: auto;
19734
- --pf-v5-c-menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
19735
- --pf-v5-c-menu--Top: auto;
19736
- --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));
19737
- --pf-v5-c-menu--m-flyout__menu--Right: auto;
19738
- --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
19739
- --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
19740
- --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingTop) * -1);
19741
- --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
19956
+ --pf-v5-c-menu--MinWidth: auto;
19957
+ --pf-v5-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19958
+ --pf-v5-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19959
+ --pf-v5-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19960
+ --pf-v5-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
19961
+ --pf-v5-c-menu--Color: var(--pf-t--global--text--color--regular);
19962
+ --pf-v5-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
19963
+ --pf-v5-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
19964
+ --pf-v5-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
19965
+ --pf-v5-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
19966
+ --pf-v5-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19742
19967
  --pf-v5-c-menu--m-plain--BoxShadow: none;
19743
- --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
19744
- --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
19745
- --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
19968
+ --pf-v5-c-menu__content--RowGap: var(--pf-v5-c-menu--RowGap);
19746
19969
  --pf-v5-c-menu__content--Height: auto;
19747
19970
  --pf-v5-c-menu__content--MaxHeight: none;
19748
19971
  --pf-v5-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
19749
- --pf-v5-c-menu--c-divider--MarginTop: 0;
19750
- --pf-v5-c-menu--c-divider--MarginBottom: 0;
19751
- --pf-v5-c-menu__list--c-divider--MarginTop: var(--pf-v5-global--spacer--sm);
19752
- --pf-v5-c-menu__list--c-divider--MarginBottom: var(--pf-v5-global--spacer--sm);
19753
- --pf-v5-c-menu__header--PaddingTop: var(--pf-v5-global--spacer--md);
19754
- --pf-v5-c-menu__header--PaddingRight: var(--pf-v5-global--spacer--md);
19755
- --pf-v5-c-menu__header--PaddingBottom: var(--pf-v5-global--spacer--md);
19756
- --pf-v5-c-menu__header--PaddingLeft: var(--pf-v5-global--spacer--md);
19757
- --pf-v5-c-menu__header--c-menu__item--MarginTop: calc(var(--pf-v5-c-menu__header--PaddingTop) * -1 / 2);
19758
- --pf-v5-c-menu__header--c-menu__item--MarginRight: calc(var(--pf-v5-c-menu__header--PaddingRight) * -1 / 2);
19759
- --pf-v5-c-menu__header--c-menu__item--MarginBottom: calc(var(--pf-v5-c-menu__header--PaddingBottom) * -1 / 2);
19760
- --pf-v5-c-menu__header--c-menu__item--MarginLeft: calc(var(--pf-v5-c-menu__header--PaddingLeft) * -1 / 2);
19761
- --pf-v5-c-menu__header--c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19762
- --pf-v5-c-menu__header--c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19763
- --pf-v5-c-menu__header--c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19764
- --pf-v5-c-menu__header--c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19765
- --pf-v5-c-menu__header--c-menu__item--BackgroundColor: transparent;
19766
- --pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19767
- --pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19768
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-global--spacer--md);
19769
- --pf-v5-c-menu__search--PaddingRight: var(--pf-v5-global--spacer--md);
19770
- --pf-v5-c-menu__search--PaddingBottom: var(--pf-v5-global--spacer--md);
19771
- --pf-v5-c-menu__search--PaddingLeft: var(--pf-v5-global--spacer--md);
19772
- --pf-v5-c-menu__header__search--PaddingTop: 0;
19773
- --pf-v5-c-menu__list--Display: block;
19774
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-global--spacer--sm);
19775
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-global--spacer--sm);
19776
- --pf-v5-c-menu__list-item--Display: flex;
19777
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-global--Color--100);
19778
- --pf-v5-c-menu__list-item--BackgroundColor: transparent;
19779
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19780
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19781
- --pf-v5-c-menu__list-item--m-loading--PaddingTop: var(--pf-v5-global--spacer--sm);
19782
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19783
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19784
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19785
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19786
- --pf-v5-c-menu__item--OutlineOffset: calc(0.125rem * -1);
19787
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-global--FontSize--md);
19788
- --pf-v5-c-menu__item--FontWeight: var(--pf-v5-global--FontWeight--normal);
19789
- --pf-v5-c-menu__item--LineHeight: var(--pf-v5-global--LineHeight--md);
19790
- --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--disabled-color--100);
19791
- --pf-v5-c-menu__list-item--m-danger__item--Color: var(--pf-v5-global--danger-color--100);
19792
- --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-v5-global--link--Color);
19793
- --pf-v5-c-menu__group--Display: block;
19794
- --pf-v5-c-menu__group-title--PaddingTop: var(--pf-v5-global--spacer--md);
19795
- --pf-v5-c-menu__group-title--PaddingRight: var(--pf-v5-c-menu__item--PaddingRight);
19796
- --pf-v5-c-menu__group-title--PaddingLeft: var(--pf-v5-c-menu__item--PaddingLeft);
19797
- --pf-v5-c-menu__group-title--FontSize: var(--pf-v5-global--FontSize--xs);
19798
- --pf-v5-c-menu__group-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
19799
- --pf-v5-c-menu__group-title--Color: var(--pf-v5-global--Color--200);
19800
- --pf-v5-c-menu__item-description--FontSize: var(--pf-v5-global--FontSize--xs);
19801
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-global--Color--200);
19802
- --pf-v5-c-menu__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
19803
- --pf-v5-c-menu__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
19804
- --pf-v5-c-menu__item-toggle-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
19805
- --pf-v5-c-menu__item-toggle-icon--PaddingLeft: var(--pf-v5-global--spacer--sm);
19806
- --pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
19807
- --pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19808
- --pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft: var(--pf-v5-global--spacer--sm);
19809
- --pf-v5-c-menu__item-select-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19810
- --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-global--active-color--100);
19811
- --pf-v5-c-menu__item-select-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19812
- --pf-v5-c-menu__item-external-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19813
- --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-global--link--Color);
19814
- --pf-v5-c-menu__item-external-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19815
- --pf-v5-c-menu__item-external-icon--Opacity: 0;
19816
- --pf-v5-c-menu__item-action--PaddingTop: var(--pf-v5-global--spacer--sm);
19817
- --pf-v5-c-menu__item-action--PaddingRight: var(--pf-v5-global--spacer--md);
19818
- --pf-v5-c-menu__item-action--PaddingBottom: var(--pf-v5-global--spacer--sm);
19819
- --pf-v5-c-menu__item-action--PaddingLeft: var(--pf-v5-global--spacer--md);
19820
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-global--Color--200);
19821
- --pf-v5-c-menu__item-action--BackgroundColor: transparent;
19822
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-global--Color--100);
19823
- --pf-v5-c-menu__item-action--disabled--Color: var(--pf-v5-global--disabled-color--200);
19824
- --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-v5-global--palette--gold-400);
19825
- --pf-v5-c-menu__item-action--m-favorited--hover--Color: var(--pf-v5-global--palette--gold-500);
19826
- --pf-v5-c-menu__item-action-icon--Height: calc(var(--pf-v5-c-menu__item--FontSize) * var(--pf-v5-c-menu__item--LineHeight));
19827
- --pf-v5-c-menu__item-action--m-favorite__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19828
- --pf-v5-c-menu__breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
19829
- --pf-v5-c-menu__breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
19830
- --pf-v5-c-menu__breadcrumb--PaddingBottom: var(--pf-v5-global--spacer--md);
19831
- --pf-v5-c-menu__breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
19832
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--md);
19833
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--md);
19834
- --pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
19835
- --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19836
- --pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19972
+ --pf-v5-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19973
+ --pf-v5-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19974
+ --pf-v5-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
19975
+ --pf-v5-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19976
+ --pf-v5-c-menu__footer--BoxShadow: none;
19977
+ --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19978
+ --pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
19979
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19980
+ --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
19981
+ --pf-v5-c-menu__list-item--MixBlendMode: normal;
19982
+ --pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
19983
+ --pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
19984
+ --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
19985
+ --pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19986
+ --pf-v5-c-menu__list--divider--MarginTop: var(--pf-t--global--spacer--sm);
19987
+ --pf-v5-c-menu__list--divider--MarginBottom: var(--pf-t--global--spacer--sm);
19988
+ --pf-v5-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19989
+ --pf-v5-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19990
+ --pf-v5-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19991
+ --pf-v5-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19992
+ --pf-v5-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
19993
+ --pf-v5-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
19994
+ --pf-v5-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body);
19995
+ --pf-v5-c-menu__item--Color: var(--pf-t--global--text--color--regular);
19996
+ --pf-v5-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19997
+ --pf-v5-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
19998
+ --pf-v5-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19999
+ --pf-v5-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20000
+ --pf-v5-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20001
+ --pf-v5-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20002
+ --pf-v5-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20003
+ --pf-v5-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20004
+ --pf-v5-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20005
+ --pf-v5-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20006
+ --pf-v5-c-menu__breadcrumb--PaddingBlockStart: 0;
20007
+ --pf-v5-c-menu__breadcrumb--PaddingBlockEnd: 0;
20008
+ --pf-v5-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20009
+ --pf-v5-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20010
+ --pf-v5-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20011
+ --pf-v5-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20012
+ --pf-v5-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20013
+ --pf-v5-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20014
+ --pf-v5-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
20015
+ --pf-v5-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
20016
+ --pf-v5-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
20017
+ --pf-v5-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
20018
+ --pf-v5-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
20019
+ --pf-v5-c-menu__item-action--icon--size: var(--pf-v5-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
20020
+ --pf-v5-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
20021
+ --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
20022
+ --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);
20023
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
20024
+ --pf-v5-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
20025
+ --pf-v5-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
20026
+ --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
20027
+ --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
20028
+ --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
20029
+ --pf-v5-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
20030
+ --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));
20031
+ --pf-v5-c-menu--m-flyout__menu--Right: auto;
20032
+ --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
20033
+ --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
20034
+ --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1);
20035
+ --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
19837
20036
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
19838
20037
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19839
20038
  --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);
19840
20039
  --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19841
20040
  --pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
19842
- --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-v5-global--ZIndex--xs);
19843
- --pf-v5-c-menu__footer--PaddingTop: var(--pf-v5-global--spacer--md);
19844
- --pf-v5-c-menu__footer--PaddingRight: var(--pf-v5-global--spacer--md);
19845
- --pf-v5-c-menu__footer--PaddingBottom: var(--pf-v5-global--spacer--md);
19846
- --pf-v5-c-menu__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
19847
- --pf-v5-c-menu__footer--BoxShadow: none;
19848
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
19849
- --pf-v5-c-menu__footer--after--BorderTopColor: var(--pf-v5-global--BorderColor--100);
19850
- --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
19851
- --pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
19852
- --pf-v5-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19853
- --pf-v5-c-menu--m-nav--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
19854
- --pf-v5-c-menu--m-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
19855
- --pf-v5-c-menu--m-nav__list--PaddingTop: 0;
19856
- --pf-v5-c-menu--m-nav__list--PaddingBottom: 0;
19857
- --pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19858
- --pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19859
- --pf-v5-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19860
- --pf-v5-c-menu--m-nav__item--PaddingRight: var(--pf-v5-global--spacer--lg);
19861
- --pf-v5-c-menu--m-nav__item--PaddingLeft: var(--pf-v5-global--spacer--lg);
19862
- --pf-v5-c-menu--m-nav__item--Color: var(--pf-v5-global--Color--light-100);
19863
- --pf-v5-c-menu--m-nav__item--FontSize: var(--pf-v5-global--FontSize--sm);
19864
- --pf-v5-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19865
- --pf-v5-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19866
- --pf-v5-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19867
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-v5-global--BorderColor--200);
19868
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
19869
- --pf-v5-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19870
- --pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
19871
- --pf-v5-c-menu--m-nav__item-description--Color: var(--pf-v5-global--Color--light-200);
19872
- --pf-v5-c-menu--m-nav--c-menu--left-offset: 0.25rem;
19873
- --pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
19874
- --pf-v5-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
19875
- --pf-v5-c-menu--m-nav--c-menu--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19876
- --pf-v5-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--left-offset));
19877
- --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));
19878
- --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));
19879
- --pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
19880
- inset-block-start: var(--pf-v5-c-menu--Top);
19881
- z-index: var(--pf-v5-c-menu--ZIndex);
20041
+ --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
20042
+ }
20043
+
20044
+ .pf-v5-c-menu,
20045
+ .pf-v5-c-menu__list,
20046
+ .pf-v5-c-menu__group {
20047
+ --pf-v5-hidden-visible--visible--Display: grid;
20048
+ }
20049
+
20050
+ .pf-v5-c-menu__content,
20051
+ .pf-v5-c-menu__list-item,
20052
+ .pf-v5-c-menu__item,
20053
+ .pf-v5-c-menu__item-main,
20054
+ .pf-v5-c-menu__breadcrumb,
20055
+ .pf-v5-c-menu__item-check,
20056
+ .pf-v5-c-menu__item-action,
20057
+ .pf-v5-c-menu__item-action-icon {
20058
+ --pf-v5-hidden-visible--visible--Display: flex;
20059
+ }
20060
+
20061
+ .pf-v5-c-menu__list,
20062
+ .pf-v5-c-menu__list-item,
20063
+ .pf-v5-c-menu__breadcrumb,
20064
+ .pf-v5-c-menu__footer {
20065
+ position: relative;
20066
+ }
20067
+
20068
+ .pf-v5-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
20069
+ .pf-v5-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
20070
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__item--m-disabled--Color);
20071
+ --pf-v5-c-menu__item-toggle-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20072
+ --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20073
+ --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20074
+ --pf-v5-c-menu__list-item--BackgroundColor: transparent;
20075
+ pointer-events: none;
20076
+ }
20077
+
20078
+ [class*=pf-v5-c-menu]:is([hidden]) {
20079
+ display: none;
20080
+ }
20081
+
20082
+ .pf-v5-c-menu {
20083
+ row-gap: var(--pf-v5-c-menu--RowGap);
19882
20084
  width: var(--pf-v5-c-menu--Width);
19883
20085
  min-width: var(--pf-v5-c-menu--MinWidth);
20086
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20087
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20088
+ overflow: hidden;
20089
+ color: var(--pf-v5-c-menu--Color);
19884
20090
  background-color: var(--pf-v5-c-menu--BackgroundColor);
20091
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
19885
20092
  box-shadow: var(--pf-v5-c-menu--BoxShadow);
19886
20093
  }
20094
+ .pf-v5-c-menu .pf-v5-c-menu {
20095
+ min-width: 100%;
20096
+ border-radius: 0;
20097
+ }
19887
20098
  .pf-v5-c-menu .pf-v5-c-menu__content .pf-v5-c-menu .pf-v5-c-menu__content {
19888
20099
  overflow: visible;
19889
20100
  }
19890
- .pf-v5-c-menu .pf-v5-c-divider {
19891
- margin-block-start: var(--pf-v5-c-menu--c-divider--MarginTop);
19892
- margin-block-end: var(--pf-v5-c-menu--c-divider--MarginBottom);
20101
+ .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 {
20102
+ overflow: visible;
19893
20103
  }
19894
20104
  .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu {
19895
20105
  position: absolute;
@@ -19897,6 +20107,8 @@ ul.pf-v5-c-list {
19897
20107
  inset-block-end: var(--pf-v5-c-menu--m-flyout__menu--Bottom);
19898
20108
  inset-inline-start: var(--pf-v5-c-menu--m-flyout__menu--Left);
19899
20109
  inset-inline-end: var(--pf-v5-c-menu--m-flyout__menu--Right);
20110
+ z-index: var(--pf-v5-c-menu--m-flyout__Zindex);
20111
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
19900
20112
  }
19901
20113
  .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 {
19902
20114
  overflow-y: visible;
@@ -19909,18 +20121,13 @@ ul.pf-v5-c-list {
19909
20121
  --pf-v5-c-menu--m-flyout__menu--Right: var(--pf-v5-c-menu--m-flyout__menu--m-left--Right);
19910
20122
  --pf-v5-c-menu--m-flyout__menu--Left: auto;
19911
20123
  }
19912
- .pf-v5-c-menu.pf-m-drilldown {
19913
- display: flex;
19914
- flex-direction: column;
19915
- }
19916
- .pf-v5-c-menu.pf-m-drilldown[hidden] {
19917
- display: none;
19918
- }
19919
20124
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content {
19920
- flex-grow: 1;
19921
20125
  overflow: hidden;
19922
20126
  transition: var(--pf-v5-c-menu--m-drilldown__content--Transition);
19923
20127
  }
20128
+ .pf-v5-c-menu.pf-m-drilldown :where(.pf-v5-c-menu) {
20129
+ padding: 0;
20130
+ }
19924
20131
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list,
19925
20132
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
19926
20133
  transform: translateX(-100%);
@@ -19930,11 +20137,11 @@ ul.pf-v5-c-list {
19930
20137
  }
19931
20138
 
19932
20139
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu {
19933
- --pf-v5-c-menu--BoxShadow: none;
19934
20140
  position: absolute;
19935
20141
  inset-block-start: var(--pf-v5-c-menu--m-drilldown--c-menu--Top);
19936
20142
  inset-inline-start: 100%;
19937
20143
  width: 100%;
20144
+ box-shadow: none;
19938
20145
  transition: var(--pf-v5-c-menu--m-drilldown--c-menu--Transition);
19939
20146
  }
19940
20147
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
@@ -19945,14 +20152,13 @@ ul.pf-v5-c-list {
19945
20152
  }
19946
20153
 
19947
20154
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list {
19948
- position: relative;
19949
20155
  overflow: hidden;
19950
20156
  visibility: visible;
19951
20157
  transition: var(--pf-v5-c-menu--m-drilldown__list--Transition);
19952
20158
  }
19953
20159
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list {
19954
- --pf-v5-c-menu__list--PaddingTop: 0;
19955
- --pf-v5-c-menu__list--PaddingBottom: 0;
20160
+ --pf-v5-c-menu__list--PaddingBlockStart: 0;
20161
+ --pf-v5-c-menu__list--PaddingBlockEnd: 0;
19956
20162
  }
19957
20163
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path .pf-v5-c-menu {
19958
20164
  z-index: var(--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
@@ -19970,7 +20176,7 @@ ul.pf-v5-c-list {
19970
20176
  display: none;
19971
20177
  }
19972
20178
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__item {
19973
- outline-offset: var(--pf-v5-c-menu__item--OutlineOffset);
20179
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
19974
20180
  }
19975
20181
  .pf-v5-c-menu.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list {
19976
20182
  overflow: visible;
@@ -19989,83 +20195,54 @@ ul.pf-v5-c-list {
19989
20195
  .pf-v5-c-menu.pf-m-scrollable {
19990
20196
  --pf-v5-c-menu__content--MaxHeight: var(--pf-v5-c-menu--m-scrollable__content--MaxHeight);
19991
20197
  --pf-v5-c-menu__footer--BoxShadow: var(--pf-v5-c-menu--m-scrollable__footer--BoxShadow);
19992
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth);
20198
+ --pf-v5-c-menu__footer--PaddingBlockStart: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20199
+ --pf-v5-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20200
+ overflow: hidden;
19993
20201
  }
19994
- .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20202
+ .pf-v5-c-menu.pf-m-scrollable:has(.pf-v5-c-menu__footer) {
20203
+ --pf-v5-c-menu--PaddingBlockEnd: 0;
20204
+ }
20205
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content,
20206
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
19995
20207
  overflow-y: auto;
19996
20208
  }
19997
- .pf-v5-c-menu.pf-m-nav, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
19998
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-c-menu--m-nav--BackgroundColor);
19999
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-c-menu--m-nav__list--PaddingTop);
20000
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-c-menu--m-nav__list--PaddingBottom);
20001
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor);
20002
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor);
20003
- --pf-v5-c-menu__list-item--active--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor);
20004
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu--m-nav__item--Color);
20005
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-c-menu--m-nav__item--FontSize);
20006
- --pf-v5-c-menu__item--OutlineOffset: var(--pf-v5-c-menu--m-nav__item--OutlineOffset);
20007
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu--m-nav__item--PaddingRight);
20008
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu--m-nav__item--PaddingLeft);
20009
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--m-nav__item-description--Color);
20010
- box-shadow: var(--pf-v5-c-menu--m-nav--BoxShadow);
20011
- }
20012
- .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 {
20209
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20013
20210
  position: relative;
20014
- outline-offset: var(--pf-v5-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
20015
- }
20016
- .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 {
20017
- position: absolute;
20018
- inset-block-end: 0;
20019
- inset-inline-start: 0;
20020
- inset-inline-end: 0;
20021
- content: "";
20022
- border-block-end: var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-v5-c-menu--m-nav__item--before--BorderBottomColor);
20023
- }
20024
- .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 {
20025
- position: absolute;
20026
- inset-block-start: var(--pf-v5-c-menu--m-nav__item--hover--after--Top);
20027
- inset-block-end: 0;
20028
- inset-inline-start: 0;
20029
- content: "";
20030
- 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);
20031
- }
20032
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
20033
- width: 100%;
20034
- }
20035
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu {
20036
- inset-block-start: var(--pf-v5-c-menu--m-nav--c-menu--Top);
20037
- inset-inline-start: var(--pf-v5-c-menu--m-nav--c-menu--Left);
20038
- }
20039
- .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 {
20040
- --pf-v5-c-menu--m-nav--c-menu--Top: auto;
20041
- inset-block-end: var(--pf-v5-c-menu--m-nav--c-menu--m-top--Bottom);
20042
- }
20043
- .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 {
20044
- --pf-v5-c-menu--m-nav--c-menu--Left: auto;
20045
- inset-inline-end: var(--pf-v5-c-menu--m-nav--c-menu--m-left--Right);
20211
+ z-index: var(--pf-v5-c-menu--ZIndex);
20212
+ margin-block-start: calc(var(--pf-v5-c-menu--RowGap) * -1);
20213
+ margin-block-end: calc(var(--pf-v5-c-menu--RowGap) * -1);
20214
+ overflow: hidden;
20046
20215
  }
20047
- .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 {
20048
- --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);
20216
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
20217
+ padding-block-start: var(--pf-v5-c-menu--RowGap);
20218
+ padding-block-end: var(--pf-v5-c-menu--RowGap);
20049
20219
  }
20050
- .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 {
20051
- --pf-v5-c-menu--m-nav--c-menu--Top: var(--pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top);
20220
+
20221
+ .pf-v5-c-menu__header {
20222
+ padding-block-start: var(--pf-v5-c-menu__header--PaddingBlockStart);
20223
+ padding-block-end: var(--pf-v5-c-menu__header--PaddingBlockEnd);
20224
+ padding-inline-start: var(--pf-v5-c-menu__header--PaddingInlineStart);
20225
+ padding-inline-end: var(--pf-v5-c-menu__header--PaddingInlineEnd);
20052
20226
  }
20053
20227
 
20054
- .pf-v5-c-menu__breadcrumb {
20055
- display: flex;
20056
- align-items: center;
20057
- min-height: var(--pf-v5-c-menu__breadcrumb--MinHeight);
20058
- padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingTop);
20059
- padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBottom);
20060
- padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingLeft);
20061
- padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingRight);
20228
+ .pf-v5-c-menu__search {
20229
+ padding-block-start: var(--pf-v5-c-menu__search--PaddingBlockStart);
20230
+ padding-block-end: var(--pf-v5-c-menu__search--PaddingBlockEnd);
20231
+ padding-inline-start: var(--pf-v5-c-menu__search--PaddingInlineStart);
20232
+ padding-inline-end: var(--pf-v5-c-menu__search--PaddingInlineEnd);
20062
20233
  }
20063
- .pf-v5-c-menu__breadcrumb .pf-v5-c-breadcrumb {
20064
- --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize);
20065
- --pf-v5-c-breadcrumb__heading--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize);
20234
+
20235
+ .pf-v5-c-menu__footer {
20236
+ padding-block-start: var(--pf-v5-c-menu__footer--PaddingBlockStart);
20237
+ padding-block-end: var(--pf-v5-c-menu__footer--PaddingBlockEnd);
20238
+ padding-inline-start: var(--pf-v5-c-menu__footer--PaddingInlineStart);
20239
+ padding-inline-end: var(--pf-v5-c-menu__footer--PaddingInlineEnd);
20240
+ box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20066
20241
  }
20067
20242
 
20068
20243
  .pf-v5-c-menu__content {
20244
+ flex-direction: column;
20245
+ row-gap: var(--pf-v5-c-menu__content--RowGap);
20069
20246
  height: var(--pf-v5-c-menu__content--Height);
20070
20247
  max-height: var(--pf-v5-c-menu__content--MaxHeight);
20071
20248
  }
@@ -20073,135 +20250,93 @@ ul.pf-v5-c-list {
20073
20250
  --pf-v5-c-menu__content--Height: auto;
20074
20251
  }
20075
20252
 
20076
- .pf-v5-c-menu__header {
20077
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-c-menu__header--c-menu__item--PaddingTop);
20078
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu__header--c-menu__item--PaddingRight);
20079
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-c-menu__header--c-menu__item--PaddingBottom);
20080
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu__header--c-menu__item--PaddingLeft);
20081
- padding-block-start: var(--pf-v5-c-menu__header--PaddingTop);
20082
- padding-block-end: var(--pf-v5-c-menu__header--PaddingBottom);
20083
- padding-inline-start: var(--pf-v5-c-menu__header--PaddingLeft);
20084
- padding-inline-end: var(--pf-v5-c-menu__header--PaddingRight);
20085
- }
20086
- .pf-v5-c-menu__header > .pf-v5-c-menu__item {
20087
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--BackgroundColor);
20088
- margin-block-start: var(--pf-v5-c-menu__header--c-menu__item--MarginTop);
20089
- margin-block-end: var(--pf-v5-c-menu__header--c-menu__item--MarginBottom);
20090
- margin-inline-start: var(--pf-v5-c-menu__header--c-menu__item--MarginLeft);
20091
- margin-inline-end: var(--pf-v5-c-menu__header--c-menu__item--MarginRight);
20092
- }
20093
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:hover {
20094
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor);
20095
- }
20096
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:focus {
20097
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor);
20098
- }
20099
- .pf-v5-c-menu__header + .pf-v5-c-menu__search {
20100
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-c-menu__header__search--PaddingTop);
20101
- }
20102
-
20103
- .pf-v5-c-menu__search {
20104
- padding-block-start: var(--pf-v5-c-menu__search--PaddingTop);
20105
- padding-block-end: var(--pf-v5-c-menu__search--PaddingBottom);
20106
- padding-inline-start: var(--pf-v5-c-menu__search--PaddingLeft);
20107
- padding-inline-end: var(--pf-v5-c-menu__search--PaddingRight);
20108
- }
20109
-
20110
- .pf-v5-c-menu__list {
20111
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list--Display);
20112
- padding-block-start: var(--pf-v5-c-menu__list--PaddingTop);
20113
- padding-block-end: var(--pf-v5-c-menu__list--PaddingBottom);
20114
- }
20115
- .pf-v5-c-menu__list > .pf-v5-c-divider {
20116
- margin-block-start: var(--pf-v5-c-menu__list--c-divider--MarginTop);
20117
- margin-block-end: var(--pf-v5-c-menu__list--c-divider--MarginBottom);
20253
+ .pf-v5-c-menu__list :where(.pf-v5-c-divider:is(li)) {
20254
+ margin-block-start: var(--pf-v5-c-menu__list--divider--MarginTop);
20255
+ margin-block-end: var(--pf-v5-c-menu__list--divider--MarginBottom);
20118
20256
  }
20119
20257
 
20120
20258
  .pf-v5-c-menu__list-item {
20121
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list-item--Display);
20122
- position: relative;
20123
- color: var(--pf-v5-c-menu__list-item--Color);
20124
- background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20125
- }
20126
- .pf-v5-c-menu__list-item:hover {
20127
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20128
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--hover--Color, inherit);
20129
- }
20130
- .pf-v5-c-menu__list-item:focus-within, .pf-v5-c-menu__list-item.pf-m-focus {
20131
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
20132
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
20133
- }
20134
- .pf-v5-c-menu__list-item.pf-m-disabled, .pf-v5-c-menu__list-item.pf-m-aria-disabled {
20135
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20136
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
20137
- --pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
20259
+ align-items: baseline;
20260
+ min-width: 0;
20138
20261
  }
20139
- .pf-v5-c-menu__list-item.pf-m-disabled {
20140
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20141
- pointer-events: none;
20262
+ .pf-v5-c-menu__list-item > * {
20263
+ position: relative;
20142
20264
  }
20143
- .pf-v5-c-menu__list-item.pf-m-aria-disabled .pf-v5-c-menu__item {
20144
- cursor: default;
20265
+ .pf-v5-c-menu__list-item::before {
20266
+ position: absolute;
20267
+ inset: 0;
20268
+ content: "";
20269
+ background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20270
+ mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
20145
20271
  }
20146
20272
  .pf-v5-c-menu__list-item.pf-m-load {
20147
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20148
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20149
20273
  --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
20150
20274
  }
20151
20275
  .pf-v5-c-menu__list-item.pf-m-loading {
20152
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20153
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20154
20276
  justify-content: center;
20155
- padding-block-start: var(--pf-v5-c-menu__list-item--m-loading--PaddingTop);
20156
20277
  overflow: hidden;
20278
+ pointer-events: none;
20279
+ }
20280
+ .pf-v5-c-menu__list-item.pf-m-loading .pf-v5-c-menu__item-text {
20281
+ text-align: center;
20157
20282
  }
20158
20283
  .pf-v5-c-menu__list-item.pf-m-danger {
20159
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger__item--Color, inherit);
20284
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--Color);
20285
+ }
20286
+ .pf-v5-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
20287
+ --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));
20288
+ }
20289
+ .pf-v5-c-menu__list-item:has(.pf-v5-c-menu__item-action) {
20290
+ padding-inline-end: var(--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd);
20291
+ }
20292
+ .pf-v5-c-menu__list-item:has(> :hover) {
20293
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20294
+ --pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
20295
+ }
20296
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
20297
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
20298
+ opacity: 1;
20160
20299
  }
20161
20300
 
20162
20301
  .pf-v5-c-menu__item {
20163
- display: flex;
20164
20302
  flex-basis: 100%;
20165
20303
  flex-direction: column;
20166
20304
  min-width: 0;
20167
- padding-block-start: var(--pf-v5-c-menu__item--PaddingTop);
20168
- padding-block-end: var(--pf-v5-c-menu__item--PaddingBottom);
20169
- padding-inline-start: var(--pf-v5-c-menu__item--PaddingLeft);
20170
- padding-inline-end: var(--pf-v5-c-menu__item--PaddingRight);
20305
+ padding-block-start: var(--pf-v5-c-menu__item--PaddingBlockStart);
20306
+ padding-block-end: var(--pf-v5-c-menu__item--PaddingBlockEnd);
20307
+ padding-inline-start: var(--pf-v5-c-menu__item--PaddingInlineStart);
20308
+ padding-inline-end: var(--pf-v5-c-menu__item--PaddingInlineEnd);
20171
20309
  font-size: var(--pf-v5-c-menu__item--FontSize);
20172
20310
  font-weight: var(--pf-v5-c-menu__item--FontWeight);
20173
20311
  line-height: var(--pf-v5-c-menu__item--LineHeight);
20174
20312
  color: var(--pf-v5-c-menu__item--Color);
20175
20313
  text-align: start;
20176
- background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20177
- border: none;
20178
- }
20179
- .pf-v5-c-menu__item:hover {
20180
20314
  text-decoration: none;
20315
+ background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20316
+ border: 0;
20317
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20181
20318
  }
20182
- .pf-v5-c-menu__item:hover, .pf-v5-c-menu__item:focus {
20183
- --pf-v5-c-menu__item-external-icon--Opacity: 1;
20319
+ .pf-v5-c-menu__item.pf-m-selected {
20320
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-c-menu__item--m-selected__item-select-icon--Color);
20184
20321
  }
20185
- .pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon {
20322
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-select-icon,
20323
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20186
20324
  opacity: 1;
20187
20325
  }
20188
- label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disabled)) {
20189
- cursor: pointer;
20326
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20327
+ color: var(--pf-v5-c-menu__item-external--Color);
20328
+ }
20329
+
20330
+ .pf-v5-c-menu__item-select-icon {
20331
+ color: var(--pf-v5-c-menu__item-select-icon--Color);
20190
20332
  }
20191
20333
 
20192
20334
  .pf-v5-c-menu__item-main {
20193
- display: flex;
20335
+ column-gap: var(--pf-v5-c-menu__item-main--ColumnGap);
20194
20336
  align-items: center;
20195
20337
  width: 100%;
20196
20338
  }
20197
20339
 
20198
- .pf-v5-c-menu__item-external-icon {
20199
- margin-inline-start: var(--pf-v5-c-menu__item-external-icon--MarginLeft);
20200
- font-size: var(--pf-v5-c-menu__item-external-icon--FontSize);
20201
- color: var(--pf-v5-c-menu__item-external-icon--Color);
20202
- opacity: var(--pf-v5-c-menu__item-external-icon--Opacity);
20203
- }
20204
-
20205
20340
  .pf-v5-c-menu__item-text {
20206
20341
  overflow: hidden;
20207
20342
  text-overflow: ellipsis;
@@ -20209,16 +20344,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20209
20344
  flex-grow: 1;
20210
20345
  }
20211
20346
 
20212
- .pf-v5-c-menu__group {
20213
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__group--Display);
20214
- }
20215
-
20216
20347
  .pf-v5-c-menu__group-title {
20217
- padding-block-start: var(--pf-v5-c-menu__group-title--PaddingTop);
20218
- padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingLeft);
20219
- padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingRight);
20220
- font-size: var(--pf-v5-c-menu__group-title--FontSize);
20221
- font-weight: var(--pf-v5-c-menu__group-title--FontWeight);
20348
+ padding-block-start: var(--pf-v5-c-menu__group-title--PaddingBlockStart);
20349
+ padding-block-end: var(--pf-v5-c-menu__group-title--PaddingBlockEnd);
20350
+ padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingInlineStart);
20351
+ padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingInlineEnd);
20352
+ font-size: var(--pf-v5-c-menu__group-title--FontSize, inherit);
20353
+ font-weight: var(--pf-v5-c-menu__group-title--FontWeight, inherit);
20222
20354
  color: var(--pf-v5-c-menu__group-title--Color);
20223
20355
  }
20224
20356
 
@@ -20228,97 +20360,58 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20228
20360
  word-break: break-word;
20229
20361
  }
20230
20362
 
20231
- .pf-v5-c-menu__item-icon {
20232
- margin-inline-end: var(--pf-v5-c-menu__item-icon--MarginRight);
20233
- }
20234
-
20235
- .pf-v5-c-menu__item-check {
20236
- display: flex;
20237
- align-items: center;
20238
- margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
20239
- }
20240
20363
  .pf-v5-c-menu__item-check .pf-v5-c-check {
20241
20364
  --pf-v5-c-check__input--TranslateY: none;
20242
20365
  }
20366
+ .pf-v5-c-menu__item-check .pf-v5-c-check input::before {
20367
+ position: absolute;
20368
+ inset: 0;
20369
+ content: "";
20370
+ }
20243
20371
 
20244
20372
  .pf-v5-c-menu__item-toggle-icon {
20245
- padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
20246
- padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
20247
- color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
20373
+ color: var(--pf-v5-c-menu__item-toggle-icon--Color, inherit);
20248
20374
  }
20249
20375
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
20250
20376
  scale: -1 1;
20251
20377
  }
20252
20378
 
20253
- .pf-v5-c-menu__item-text + .pf-v5-c-menu__item-toggle-icon {
20254
- margin-inline-start: var(--pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft);
20255
- }
20256
-
20257
- .pf-v5-c-menu__item-toggle-icon + .pf-v5-c-menu__item-text {
20258
- margin-inline-start: var(--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft);
20379
+ .pf-v5-c-menu__item-icon {
20380
+ color: var(--pf-v5-c-menu__item--icon--Color, inherit);
20259
20381
  }
20260
20382
 
20261
- .pf-v5-c-menu__item-select-icon {
20262
- margin-inline-start: var(--pf-v5-c-menu__item-select-icon--MarginLeft);
20263
- font-size: var(--pf-v5-c-menu__item-select-icon--FontSize);
20264
- color: var(--pf-v5-c-menu__item-select-icon--Color);
20383
+ .pf-v5-c-menu__item-select-icon,
20384
+ .pf-v5-c-menu__item-external-icon {
20265
20385
  opacity: 0;
20266
20386
  }
20267
20387
 
20268
- .pf-v5-c-menu__item-action {
20269
- display: flex;
20270
- padding-block-start: var(--pf-v5-c-menu__item-action--PaddingTop);
20271
- padding-block-end: var(--pf-v5-c-menu__item-action--PaddingBottom);
20272
- padding-inline-start: var(--pf-v5-c-menu__item-action--PaddingLeft);
20273
- padding-inline-end: var(--pf-v5-c-menu__item-action--PaddingRight);
20274
- color: var(--pf-v5-c-menu__item-action--Color);
20275
- background-color: var(--pf-v5-c-menu__item-action--BackgroundColor);
20276
- border: none;
20277
- }
20278
- .pf-v5-c-menu__item-action.pf-m-favorite .pf-v5-c-menu__item-action-icon {
20279
- font-size: var(--pf-v5-c-menu__item-action--m-favorite__icon--FontSize);
20280
- }
20281
- .pf-v5-c-menu__item-action.pf-m-favorited {
20388
+ .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,
20389
+ .pf-v5-c-menu__item-action.pf-m-favorited,
20390
+ .pf-v5-c-menu__item-action.pf-m-favorited:hover,
20391
+ .pf-v5-c-menu__item-action.pf-m-favorited .pf-v5-c-button {
20392
+ --pf-v5-c-button--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20282
20393
  --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20283
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-c-menu__item-action--m-favorited--hover--Color);
20284
- }
20285
- .pf-v5-c-menu__item-action:hover, .pf-v5-c-menu__item-action:focus {
20286
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
20287
- }
20288
- .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 {
20289
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
20290
- }
20291
-
20292
- .pf-v5-c-menu__item-action-icon {
20293
- display: flex;
20294
- align-items: center;
20295
- height: var(--pf-v5-c-menu__item-action-icon--Height);
20296
20394
  }
20297
20395
 
20298
- .pf-v5-c-menu__footer {
20299
- position: relative;
20300
- padding-block-start: var(--pf-v5-c-menu__footer--PaddingTop);
20301
- padding-block-end: var(--pf-v5-c-menu__footer--PaddingBottom);
20302
- padding-inline-start: var(--pf-v5-c-menu__footer--PaddingLeft);
20303
- padding-inline-end: var(--pf-v5-c-menu__footer--PaddingRight);
20304
- box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20396
+ .pf-v5-c-menu__breadcrumb {
20397
+ --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--FontSize);
20398
+ padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingBlockStart);
20399
+ padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBlockEnd);
20400
+ padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingInlineStart);
20401
+ padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingInlineEnd);
20305
20402
  }
20306
- .pf-v5-c-menu__footer::after {
20307
- position: absolute;
20308
- inset: 0;
20309
- pointer-events: none;
20310
- content: "";
20311
- border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20403
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu {
20404
+ min-width: auto;
20405
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20406
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20312
20407
  }
20313
-
20314
- :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20315
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20408
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu__content {
20409
+ height: auto;
20316
20410
  }
20317
-
20318
- :where(.pf-v5-theme-dark) .pf-v5-c-menu {
20319
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20320
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20321
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20411
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu-toggle {
20412
+ --pf-v5-c-menu-toggle--BorderWidth: 0;
20413
+ --pf-v5-c-menu-toggle--BorderColor: transparent;
20414
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20322
20415
  }
20323
20416
 
20324
20417
  :where(:root),