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

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 (42) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Breadcrumb/breadcrumb.css +9 -1
  4. package/components/Breadcrumb/breadcrumb.scss +10 -3
  5. package/components/Button/button.css +22 -22
  6. package/components/Button/button.scss +22 -22
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/Form/form.css +3 -7
  10. package/components/Form/form.scss +3 -7
  11. package/components/FormControl/form-control.css +3 -3
  12. package/components/FormControl/form-control.scss +3 -3
  13. package/components/Login/login.css +2 -24
  14. package/components/Login/login.scss +2 -29
  15. package/components/Menu/menu.css +388 -419
  16. package/components/Menu/menu.scss +369 -529
  17. package/components/NotificationBadge/notification-badge.css +4 -4
  18. package/components/NotificationBadge/notification-badge.scss +4 -4
  19. package/components/Pagination/pagination.css +1 -1
  20. package/components/Pagination/pagination.scss +1 -1
  21. package/components/Table/table-grid.css +3 -3
  22. package/components/Table/table-grid.scss +3 -3
  23. package/components/Table/table-tree-view.css +5 -5
  24. package/components/Table/table-tree-view.scss +1 -1
  25. package/components/Table/table.css +8 -8
  26. package/components/Table/table.scss +8 -8
  27. package/components/Tabs/tabs.css +1 -1
  28. package/components/Tabs/tabs.scss +1 -1
  29. package/docs/components/LogViewer/examples/LogViewer.md +110 -110
  30. package/docs/components/Login/examples/Login.md +150 -100
  31. package/docs/components/Menu/examples/Menu.css +7 -11
  32. package/docs/components/Menu/examples/Menu.md +637 -944
  33. package/docs/components/Nav/examples/Navigation.md +113 -140
  34. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  35. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +10 -10
  36. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  37. package/package.json +1 -1
  38. package/patternfly-no-globals.css +570 -503
  39. package/patternfly-theme-dark-unversioned.css +570 -503
  40. package/patternfly.css +570 -503
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-t-light {
2
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-t-light {
3
3
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
4
4
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
5
5
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -26,7 +26,16 @@
26
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
27
27
  }
28
28
 
29
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section,
29
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__content,
30
+ .pf-v5-c-menu__list-item,
31
+ .pf-v5-c-menu__item,
32
+ .pf-v5-c-menu__item-main,
33
+ .pf-v5-c-menu__breadcrumb,
34
+ .pf-v5-c-menu__item-check,
35
+ .pf-v5-c-menu__item-action,
36
+ .pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
37
+ .pf-v5-c-menu__list,
38
+ .pf-v5-c-menu__group, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section,
30
39
  .pf-v5-c-toolbar__group,
31
40
  .pf-v5-c-toolbar__item,
32
41
  .pf-v5-c-toolbar__group.pf-m-chip-group-container,
@@ -35,66 +44,165 @@
35
44
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
36
45
  display: var(--pf-v5-hidden-visible--Display);
37
46
  }
38
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section,
47
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__content,
48
+ .pf-m-hidden.pf-v5-c-menu__list-item,
49
+ .pf-m-hidden.pf-v5-c-menu__item,
50
+ .pf-m-hidden.pf-v5-c-menu__item-main,
51
+ .pf-m-hidden.pf-v5-c-menu__breadcrumb,
52
+ .pf-m-hidden.pf-v5-c-menu__item-check,
53
+ .pf-m-hidden.pf-v5-c-menu__item-action,
54
+ .pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
55
+ .pf-m-hidden.pf-v5-c-menu__list,
56
+ .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section,
39
57
  .pf-m-hidden.pf-v5-c-toolbar__group,
40
58
  .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-data-list__item-action {
41
59
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
42
60
  }
43
61
  @media screen and (min-width: 576px) {
44
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
62
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__content,
63
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
64
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item,
65
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
66
+ .pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
67
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
68
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
69
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
70
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list,
71
+ .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
45
72
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
46
73
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
47
74
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
48
75
  }
49
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
76
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__content,
77
+ .pf-m-visible-on-sm.pf-v5-c-menu__list-item,
78
+ .pf-m-visible-on-sm.pf-v5-c-menu__item,
79
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-main,
80
+ .pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
81
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-check,
82
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action,
83
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
84
+ .pf-m-visible-on-sm.pf-v5-c-menu__list,
85
+ .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
50
86
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
51
87
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
52
88
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
53
89
  }
54
90
  }
55
91
  @media screen and (min-width: 768px) {
56
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
92
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__content,
93
+ .pf-m-hidden-on-md.pf-v5-c-menu__list-item,
94
+ .pf-m-hidden-on-md.pf-v5-c-menu__item,
95
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-main,
96
+ .pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
97
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-check,
98
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action,
99
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
100
+ .pf-m-hidden-on-md.pf-v5-c-menu__list,
101
+ .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
57
102
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
58
103
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
59
104
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
60
105
  }
61
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
106
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__content,
107
+ .pf-m-visible-on-md.pf-v5-c-menu__list-item,
108
+ .pf-m-visible-on-md.pf-v5-c-menu__item,
109
+ .pf-m-visible-on-md.pf-v5-c-menu__item-main,
110
+ .pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
111
+ .pf-m-visible-on-md.pf-v5-c-menu__item-check,
112
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action,
113
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
114
+ .pf-m-visible-on-md.pf-v5-c-menu__list,
115
+ .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
62
116
  .pf-m-visible-on-md.pf-v5-c-toolbar__group,
63
117
  .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
64
118
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
65
119
  }
66
120
  }
67
121
  @media screen and (min-width: 992px) {
68
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
122
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__content,
123
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
124
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item,
125
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
126
+ .pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
127
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
128
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
129
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
130
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list,
131
+ .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
69
132
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
70
133
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
71
134
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
72
135
  }
73
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
136
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__content,
137
+ .pf-m-visible-on-lg.pf-v5-c-menu__list-item,
138
+ .pf-m-visible-on-lg.pf-v5-c-menu__item,
139
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-main,
140
+ .pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
141
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-check,
142
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action,
143
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
144
+ .pf-m-visible-on-lg.pf-v5-c-menu__list,
145
+ .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
74
146
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
75
147
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
76
148
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
77
149
  }
78
150
  }
79
151
  @media screen and (min-width: 1200px) {
80
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
152
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__content,
153
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
154
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item,
155
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
156
+ .pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
157
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
158
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
159
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
160
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list,
161
+ .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
81
162
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
82
163
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
83
164
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
84
165
  }
85
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
166
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__content,
167
+ .pf-m-visible-on-xl.pf-v5-c-menu__list-item,
168
+ .pf-m-visible-on-xl.pf-v5-c-menu__item,
169
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-main,
170
+ .pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
171
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-check,
172
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action,
173
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
174
+ .pf-m-visible-on-xl.pf-v5-c-menu__list,
175
+ .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
86
176
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
87
177
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
88
178
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
89
179
  }
90
180
  }
91
181
  @media screen and (min-width: 1450px) {
92
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
182
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__content,
183
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
184
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item,
185
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
186
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
187
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
188
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
189
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
190
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list,
191
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
93
192
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
94
193
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
95
194
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
96
195
  }
97
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
196
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__content,
197
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
198
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item,
199
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
200
+ .pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
201
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
202
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
203
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
204
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list,
205
+ .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
98
206
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
99
207
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
100
208
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -6547,7 +6655,7 @@ button) {
6547
6655
  --pf-v5-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6548
6656
  --pf-v5-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
6549
6657
  --pf-v5-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
6550
- --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
6658
+ --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6551
6659
  --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
6552
6660
  --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
6553
6661
  --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-t--global--spacer--md);
@@ -7829,13 +7937,16 @@ button) {
7829
7937
  max-width: 100%;
7830
7938
  }
7831
7939
 
7832
- :root, .pf-v5-c-breadcrumb {
7940
+ :where(:root),
7941
+ :where(.pf-v5-c-breadcrumb) {
7833
7942
  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7834
7943
  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7835
7944
  --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
7836
7945
  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7837
7946
  --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
7838
7947
  --pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7948
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7949
+ --pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7839
7950
  --pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7840
7951
  --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7841
7952
  --pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -7869,6 +7980,9 @@ button) {
7869
7980
  white-space: nowrap;
7870
7981
  list-style: none;
7871
7982
  }
7983
+ .pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
7984
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
7985
+ }
7872
7986
  .pf-v5-c-breadcrumb__item:not(:last-child) {
7873
7987
  margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
7874
7988
  }
@@ -7884,6 +7998,8 @@ button) {
7884
7998
  }
7885
7999
 
7886
8000
  .pf-v5-c-breadcrumb__link {
8001
+ padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
8002
+ padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
7887
8003
  font-size: inherit;
7888
8004
  font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
7889
8005
  line-height: inherit;
@@ -8023,7 +8139,7 @@ button.pf-v5-c-breadcrumb__link {
8023
8139
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
8024
8140
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
8025
8141
  --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
8026
- --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
8142
+ --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
8027
8143
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
8028
8144
  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
8029
8145
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -8082,28 +8198,28 @@ button.pf-v5-c-breadcrumb__link {
8082
8198
  --pf-v5-c-button--m-stateful--PaddingRight: var(--pf-t--global--spacer--md);
8083
8199
  --pf-v5-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
8084
8200
  --pf-v5-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
8085
- --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--hover);
8201
+ --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
8086
8202
  --pf-v5-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
8087
- --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--clicked);
8203
+ --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
8088
8204
  --pf-v5-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
8089
- --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8090
- --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8091
- --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8092
- --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
8093
- --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
8094
- --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
8095
- --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
8096
- --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
8097
- --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
8098
- --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--on-danger--default);
8099
- --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
8100
- --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
8101
- --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
8102
- --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
8103
- --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
8104
- --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
8105
- --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
8106
- --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
8205
+ --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
8206
+ --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
8207
+ --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
8208
+ --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
8209
+ --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
8210
+ --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
8211
+ --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
8212
+ --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
8213
+ --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
8214
+ --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
8215
+ --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
8216
+ --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
8217
+ --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
8218
+ --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
8219
+ --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
8220
+ --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
8221
+ --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
8222
+ --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
8107
8223
  --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
8108
8224
  --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
8109
8225
  --pf-v5-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
@@ -8159,7 +8275,7 @@ button.pf-v5-c-breadcrumb__link {
8159
8275
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
8160
8276
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
8161
8277
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
8162
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
8278
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
8163
8279
  --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8164
8280
  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
8165
8281
  --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -10730,7 +10846,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10730
10846
  --pf-v5-c-data-list__expandable-content-body--BorderRadius: var(--pf-t--global--border--radius--small);
10731
10847
  --pf-v5-c-data-list--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
10732
10848
  --pf-v5-c-data-list--m-compact--LineHeight: var(--pf-t--global--font--line-height--body);
10733
- --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--md);
10849
+ --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--default);
10734
10850
  --pf-v5-c-data-list--m-compact__cell--PaddingTop: var(--pf-t--global--spacer--sm);
10735
10851
  --pf-v5-c-data-list--m-compact__cell--PaddingBottom: var(--pf-t--global--spacer--sm);
10736
10852
  --pf-v5-c-data-list--m-compact__cell--md--PaddingBottom: 0;
@@ -16642,13 +16758,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16642
16758
  --pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
16643
16759
  --pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
16644
16760
  --pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
16645
- --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
16761
+ --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-c-form__field-group-header--PaddingTop);
16646
16762
  --pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
16647
16763
  --pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
16648
16764
  --pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
16649
16765
  --pf-v5-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
16650
- --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
16651
- --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
16766
+ --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v5-c-button--m-plain--PaddingTop) * -1);
16767
+ --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v5-c-button--m-plain--PaddingBottom) * -1);
16652
16768
  --pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
16653
16769
  --pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
16654
16770
  --pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
@@ -16662,8 +16778,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16662
16778
  --pf-v5-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
16663
16779
  --pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
16664
16780
  --pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
16665
- --pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
16666
- --pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
16667
16781
  --pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
16668
16782
  --pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
16669
16783
  --pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -17036,8 +17150,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17036
17150
  }
17037
17151
 
17038
17152
  .pf-v5-c-form__field-group-header-actions {
17039
- margin-block-start: var(--pf-v5-c-form__field-group-header-actions--MarginTop);
17040
- margin-block-end: var(--pf-v5-c-form__field-group-header-actions--MarginBottom);
17041
17153
  margin-inline-start: var(--pf-v5-c-form__field-group-header-actions--MarginLeft);
17042
17154
  white-space: nowrap;
17043
17155
  }
@@ -17082,9 +17194,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17082
17194
  --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
17083
17195
  --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
17084
17196
  --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17085
- --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17197
+ --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
17086
17198
  --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17087
- --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
17199
+ --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
17088
17200
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17089
17201
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
17090
17202
  --pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -17094,7 +17206,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17094
17206
  --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
17095
17207
  --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
17096
17208
  --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17097
- --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17209
+ --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
17098
17210
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
17099
17211
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
17100
17212
  --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
@@ -18152,7 +18264,7 @@ label.pf-v5-c-input-group__text {
18152
18264
  color: var(--pf-v5-c-jump-links__toggle-text--Color);
18153
18265
  }
18154
18266
 
18155
- .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
18267
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
18156
18268
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
18157
18269
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
18158
18270
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -18179,7 +18291,16 @@ label.pf-v5-c-input-group__text {
18179
18291
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18180
18292
  }
18181
18293
 
18182
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18294
+ .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,
18295
+ .pf-v5-c-menu__list-item,
18296
+ .pf-v5-c-menu__item,
18297
+ .pf-v5-c-menu__item-main,
18298
+ .pf-v5-c-menu__breadcrumb,
18299
+ .pf-v5-c-menu__item-check,
18300
+ .pf-v5-c-menu__item-action,
18301
+ .pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
18302
+ .pf-v5-c-menu__list,
18303
+ .pf-v5-c-menu__group, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18183
18304
  .pf-v5-c-toolbar__group,
18184
18305
  .pf-v5-c-toolbar__item,
18185
18306
  .pf-v5-c-toolbar__group.pf-m-chip-group-container,
@@ -18188,66 +18309,165 @@ label.pf-v5-c-input-group__text {
18188
18309
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18189
18310
  display: var(--pf-v5-hidden-visible--Display);
18190
18311
  }
18191
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
18312
+ .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,
18313
+ .pf-m-hidden.pf-v5-c-menu__list-item,
18314
+ .pf-m-hidden.pf-v5-c-menu__item,
18315
+ .pf-m-hidden.pf-v5-c-menu__item-main,
18316
+ .pf-m-hidden.pf-v5-c-menu__breadcrumb,
18317
+ .pf-m-hidden.pf-v5-c-menu__item-check,
18318
+ .pf-m-hidden.pf-v5-c-menu__item-action,
18319
+ .pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
18320
+ .pf-m-hidden.pf-v5-c-menu__list,
18321
+ .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
18192
18322
  .pf-m-hidden.pf-v5-c-toolbar__group,
18193
18323
  .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
18194
18324
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18195
18325
  }
18196
18326
  @media screen and (min-width: 576px) {
18197
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
18327
+ .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,
18328
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
18329
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item,
18330
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
18331
+ .pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
18332
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
18333
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
18334
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
18335
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list,
18336
+ .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
18198
18337
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
18199
18338
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
18200
18339
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18201
18340
  }
18202
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
18341
+ .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,
18342
+ .pf-m-visible-on-sm.pf-v5-c-menu__list-item,
18343
+ .pf-m-visible-on-sm.pf-v5-c-menu__item,
18344
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-main,
18345
+ .pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
18346
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-check,
18347
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action,
18348
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
18349
+ .pf-m-visible-on-sm.pf-v5-c-menu__list,
18350
+ .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
18203
18351
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
18204
18352
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
18205
18353
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18206
18354
  }
18207
18355
  }
18208
18356
  @media screen and (min-width: 768px) {
18209
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
18357
+ .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,
18358
+ .pf-m-hidden-on-md.pf-v5-c-menu__list-item,
18359
+ .pf-m-hidden-on-md.pf-v5-c-menu__item,
18360
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-main,
18361
+ .pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
18362
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-check,
18363
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action,
18364
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
18365
+ .pf-m-hidden-on-md.pf-v5-c-menu__list,
18366
+ .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
18210
18367
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
18211
18368
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
18212
18369
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18213
18370
  }
18214
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
18371
+ .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,
18372
+ .pf-m-visible-on-md.pf-v5-c-menu__list-item,
18373
+ .pf-m-visible-on-md.pf-v5-c-menu__item,
18374
+ .pf-m-visible-on-md.pf-v5-c-menu__item-main,
18375
+ .pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
18376
+ .pf-m-visible-on-md.pf-v5-c-menu__item-check,
18377
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action,
18378
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
18379
+ .pf-m-visible-on-md.pf-v5-c-menu__list,
18380
+ .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
18215
18381
  .pf-m-visible-on-md.pf-v5-c-toolbar__group,
18216
18382
  .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
18217
18383
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18218
18384
  }
18219
18385
  }
18220
18386
  @media screen and (min-width: 992px) {
18221
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
18387
+ .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,
18388
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
18389
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item,
18390
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
18391
+ .pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
18392
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
18393
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
18394
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
18395
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list,
18396
+ .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
18222
18397
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
18223
18398
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
18224
18399
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18225
18400
  }
18226
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
18401
+ .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,
18402
+ .pf-m-visible-on-lg.pf-v5-c-menu__list-item,
18403
+ .pf-m-visible-on-lg.pf-v5-c-menu__item,
18404
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-main,
18405
+ .pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
18406
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-check,
18407
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action,
18408
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
18409
+ .pf-m-visible-on-lg.pf-v5-c-menu__list,
18410
+ .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
18227
18411
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
18228
18412
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
18229
18413
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18230
18414
  }
18231
18415
  }
18232
18416
  @media screen and (min-width: 1200px) {
18233
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
18417
+ .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,
18418
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
18419
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item,
18420
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
18421
+ .pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
18422
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
18423
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
18424
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
18425
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list,
18426
+ .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
18234
18427
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
18235
18428
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
18236
18429
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18237
18430
  }
18238
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
18431
+ .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,
18432
+ .pf-m-visible-on-xl.pf-v5-c-menu__list-item,
18433
+ .pf-m-visible-on-xl.pf-v5-c-menu__item,
18434
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-main,
18435
+ .pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
18436
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-check,
18437
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action,
18438
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
18439
+ .pf-m-visible-on-xl.pf-v5-c-menu__list,
18440
+ .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
18239
18441
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
18240
18442
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
18241
18443
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18242
18444
  }
18243
18445
  }
18244
18446
  @media screen and (min-width: 1450px) {
18245
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
18447
+ .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,
18448
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
18449
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item,
18450
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
18451
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
18452
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
18453
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
18454
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
18455
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list,
18456
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
18246
18457
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
18247
18458
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
18248
18459
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18249
18460
  }
18250
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
18461
+ .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,
18462
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
18463
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item,
18464
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
18465
+ .pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
18466
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
18467
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
18468
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
18469
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list,
18470
+ .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
18251
18471
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
18252
18472
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
18253
18473
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -19179,13 +19399,7 @@ ul.pf-v5-c-list {
19179
19399
  --pf-v5-c-login__main-footer-links--PaddingRight: var(--pf-t--global--spacer--3xl);
19180
19400
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19181
19401
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19182
- --pf-v5-c-login__main-footer-links-item--PaddingRight: var(--pf-t--global--spacer--md);
19183
- --pf-v5-c-login__main-footer-links-item--PaddingLeft: var(--pf-t--global--spacer--md);
19184
- --pf-v5-c-login__main-footer-links-item--MarginBottom: var(--pf-t--global--spacer--sm);
19185
- --pf-v5-c-login__main-footer-links-item-link-svg--Fill: var(--pf-t--global--icon--color--subtle);
19186
- --pf-v5-c-login__main-footer-links-item-link-svg--Width: var(--pf-t--global--icon--size--lg);
19187
- --pf-v5-c-login__main-footer-links-item-link-svg--Height: var(--pf-t--global--icon--size--lg);
19188
- --pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-t--global--icon--color--nonstatus--hover);
19402
+ --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
19189
19403
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19190
19404
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19191
19405
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19364,6 +19578,7 @@ ul.pf-v5-c-list {
19364
19578
  .pf-v5-c-login__main-footer-links {
19365
19579
  display: flex;
19366
19580
  flex-wrap: wrap;
19581
+ gap: var(--pf-v5-c-login__main-footer-links--Gap);
19367
19582
  justify-content: center;
19368
19583
  padding-block-start: var(--pf-v5-c-login__main-footer-links--PaddingTop);
19369
19584
  padding-block-end: var(--pf-v5-c-login__main-footer-links--PaddingBottom);
@@ -19371,23 +19586,6 @@ ul.pf-v5-c-list {
19371
19586
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19372
19587
  }
19373
19588
 
19374
- .pf-v5-c-login__main-footer-links-item {
19375
- padding-inline-start: var(--pf-v5-c-login__main-footer-links-item--PaddingLeft);
19376
- padding-inline-end: var(--pf-v5-c-login__main-footer-links-item--PaddingRight);
19377
- margin-block-end: var(--pf-v5-c-login__main-footer-links-item--MarginBottom);
19378
- }
19379
-
19380
- .pf-v5-c-login__main-footer-links-item-link svg {
19381
- width: 100%;
19382
- max-width: var(--pf-v5-c-login__main-footer-links-item-link-svg--Width);
19383
- height: 100%;
19384
- max-height: var(--pf-v5-c-login__main-footer-links-item-link-svg--Height);
19385
- fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--Fill);
19386
- }
19387
- .pf-v5-c-login__main-footer-links-item-link:hover svg {
19388
- fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill);
19389
- }
19390
-
19391
19589
  .pf-v5-c-login__main-footer-band {
19392
19590
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
19393
19591
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
@@ -19842,171 +20040,157 @@ ul.pf-v5-c-list {
19842
20040
  padding-inline-end: var(--pf-v5-global--spacer--2xl);
19843
20041
  }
19844
20042
 
19845
- .pf-v5-c-menu {
19846
- color: var(--pf-v5-global--Color--100);
19847
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
19848
- --pf-v5-c-menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
19849
- --pf-v5-c-menu--MinWidth: auto;
20043
+ :where(:root),
20044
+ :where(.pf-v5-c-menu) {
20045
+ --pf-v5-c-menu--RowGap: var(--pf-t--global--spacer--sm);
19850
20046
  --pf-v5-c-menu--Width: auto;
19851
- --pf-v5-c-menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
19852
- --pf-v5-c-menu--Top: auto;
19853
- --pf-v5-c-menu--m-flyout__menu--Top: calc(var(--pf-v5-c-menu__list--PaddingTop) * -1 + var(--pf-v5-c-menu--m-flyout__menu--top-offset));
19854
- --pf-v5-c-menu--m-flyout__menu--Right: auto;
19855
- --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
19856
- --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
19857
- --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingTop) * -1);
19858
- --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
20047
+ --pf-v5-c-menu--MinWidth: auto;
20048
+ --pf-v5-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20049
+ --pf-v5-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20050
+ --pf-v5-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20051
+ --pf-v5-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
20052
+ --pf-v5-c-menu--Color: var(--pf-t--global--text--color--regular);
20053
+ --pf-v5-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
20054
+ --pf-v5-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
20055
+ --pf-v5-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
20056
+ --pf-v5-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
20057
+ --pf-v5-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19859
20058
  --pf-v5-c-menu--m-plain--BoxShadow: none;
19860
- --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
19861
- --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
19862
- --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
20059
+ --pf-v5-c-menu__content--RowGap: var(--pf-v5-c-menu--RowGap);
19863
20060
  --pf-v5-c-menu__content--Height: auto;
19864
20061
  --pf-v5-c-menu__content--MaxHeight: none;
19865
20062
  --pf-v5-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
19866
- --pf-v5-c-menu--c-divider--MarginTop: 0;
19867
- --pf-v5-c-menu--c-divider--MarginBottom: 0;
19868
- --pf-v5-c-menu__list--c-divider--MarginTop: var(--pf-v5-global--spacer--sm);
19869
- --pf-v5-c-menu__list--c-divider--MarginBottom: var(--pf-v5-global--spacer--sm);
19870
- --pf-v5-c-menu__header--PaddingTop: var(--pf-v5-global--spacer--md);
19871
- --pf-v5-c-menu__header--PaddingRight: var(--pf-v5-global--spacer--md);
19872
- --pf-v5-c-menu__header--PaddingBottom: var(--pf-v5-global--spacer--md);
19873
- --pf-v5-c-menu__header--PaddingLeft: var(--pf-v5-global--spacer--md);
19874
- --pf-v5-c-menu__header--c-menu__item--MarginTop: calc(var(--pf-v5-c-menu__header--PaddingTop) * -1 / 2);
19875
- --pf-v5-c-menu__header--c-menu__item--MarginRight: calc(var(--pf-v5-c-menu__header--PaddingRight) * -1 / 2);
19876
- --pf-v5-c-menu__header--c-menu__item--MarginBottom: calc(var(--pf-v5-c-menu__header--PaddingBottom) * -1 / 2);
19877
- --pf-v5-c-menu__header--c-menu__item--MarginLeft: calc(var(--pf-v5-c-menu__header--PaddingLeft) * -1 / 2);
19878
- --pf-v5-c-menu__header--c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19879
- --pf-v5-c-menu__header--c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19880
- --pf-v5-c-menu__header--c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19881
- --pf-v5-c-menu__header--c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19882
- --pf-v5-c-menu__header--c-menu__item--BackgroundColor: transparent;
19883
- --pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19884
- --pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19885
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-global--spacer--md);
19886
- --pf-v5-c-menu__search--PaddingRight: var(--pf-v5-global--spacer--md);
19887
- --pf-v5-c-menu__search--PaddingBottom: var(--pf-v5-global--spacer--md);
19888
- --pf-v5-c-menu__search--PaddingLeft: var(--pf-v5-global--spacer--md);
19889
- --pf-v5-c-menu__header__search--PaddingTop: 0;
19890
- --pf-v5-c-menu__list--Display: block;
19891
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-global--spacer--sm);
19892
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-global--spacer--sm);
19893
- --pf-v5-c-menu__list-item--Display: flex;
19894
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-global--Color--100);
19895
- --pf-v5-c-menu__list-item--BackgroundColor: transparent;
19896
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19897
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19898
- --pf-v5-c-menu__list-item--m-loading--PaddingTop: var(--pf-v5-global--spacer--sm);
19899
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19900
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19901
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19902
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19903
- --pf-v5-c-menu__item--OutlineOffset: calc(0.125rem * -1);
19904
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-global--FontSize--md);
19905
- --pf-v5-c-menu__item--FontWeight: var(--pf-v5-global--FontWeight--normal);
19906
- --pf-v5-c-menu__item--LineHeight: var(--pf-v5-global--LineHeight--md);
19907
- --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--disabled-color--100);
19908
- --pf-v5-c-menu__list-item--m-danger__item--Color: var(--pf-v5-global--danger-color--100);
19909
- --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-v5-global--link--Color);
19910
- --pf-v5-c-menu__group--Display: block;
19911
- --pf-v5-c-menu__group-title--PaddingTop: var(--pf-v5-global--spacer--md);
19912
- --pf-v5-c-menu__group-title--PaddingRight: var(--pf-v5-c-menu__item--PaddingRight);
19913
- --pf-v5-c-menu__group-title--PaddingLeft: var(--pf-v5-c-menu__item--PaddingLeft);
19914
- --pf-v5-c-menu__group-title--FontSize: var(--pf-v5-global--FontSize--xs);
19915
- --pf-v5-c-menu__group-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
19916
- --pf-v5-c-menu__group-title--Color: var(--pf-v5-global--Color--200);
19917
- --pf-v5-c-menu__item-description--FontSize: var(--pf-v5-global--FontSize--xs);
19918
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-global--Color--200);
19919
- --pf-v5-c-menu__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
19920
- --pf-v5-c-menu__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
19921
- --pf-v5-c-menu__item-toggle-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
19922
- --pf-v5-c-menu__item-toggle-icon--PaddingLeft: var(--pf-v5-global--spacer--sm);
19923
- --pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
19924
- --pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19925
- --pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft: var(--pf-v5-global--spacer--sm);
19926
- --pf-v5-c-menu__item-select-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19927
- --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-global--active-color--100);
19928
- --pf-v5-c-menu__item-select-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19929
- --pf-v5-c-menu__item-external-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19930
- --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-global--link--Color);
19931
- --pf-v5-c-menu__item-external-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19932
- --pf-v5-c-menu__item-external-icon--Opacity: 0;
19933
- --pf-v5-c-menu__item-action--PaddingTop: var(--pf-v5-global--spacer--sm);
19934
- --pf-v5-c-menu__item-action--PaddingRight: var(--pf-v5-global--spacer--md);
19935
- --pf-v5-c-menu__item-action--PaddingBottom: var(--pf-v5-global--spacer--sm);
19936
- --pf-v5-c-menu__item-action--PaddingLeft: var(--pf-v5-global--spacer--md);
19937
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-global--Color--200);
19938
- --pf-v5-c-menu__item-action--BackgroundColor: transparent;
19939
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-global--Color--100);
19940
- --pf-v5-c-menu__item-action--disabled--Color: var(--pf-v5-global--disabled-color--200);
19941
- --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-v5-global--palette--gold-400);
19942
- --pf-v5-c-menu__item-action--m-favorited--hover--Color: var(--pf-v5-global--palette--gold-500);
19943
- --pf-v5-c-menu__item-action-icon--Height: calc(var(--pf-v5-c-menu__item--FontSize) * var(--pf-v5-c-menu__item--LineHeight));
19944
- --pf-v5-c-menu__item-action--m-favorite__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19945
- --pf-v5-c-menu__breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
19946
- --pf-v5-c-menu__breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
19947
- --pf-v5-c-menu__breadcrumb--PaddingBottom: var(--pf-v5-global--spacer--md);
19948
- --pf-v5-c-menu__breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
19949
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--md);
19950
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--md);
19951
- --pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
19952
- --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19953
- --pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20063
+ --pf-v5-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20064
+ --pf-v5-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20065
+ --pf-v5-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
20066
+ --pf-v5-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20067
+ --pf-v5-c-menu__footer--BoxShadow: none;
20068
+ --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
20069
+ --pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
20070
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20071
+ --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20072
+ --pf-v5-c-menu__list-item--MixBlendMode: normal;
20073
+ --pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
20074
+ --pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
20075
+ --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
20076
+ --pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20077
+ --pf-v5-c-menu__list--divider--MarginTop: var(--pf-t--global--spacer--sm);
20078
+ --pf-v5-c-menu__list--divider--MarginBottom: var(--pf-t--global--spacer--sm);
20079
+ --pf-v5-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20080
+ --pf-v5-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20081
+ --pf-v5-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20082
+ --pf-v5-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20083
+ --pf-v5-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
20084
+ --pf-v5-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
20085
+ --pf-v5-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body);
20086
+ --pf-v5-c-menu__item--Color: var(--pf-t--global--text--color--regular);
20087
+ --pf-v5-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20088
+ --pf-v5-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
20089
+ --pf-v5-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20090
+ --pf-v5-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20091
+ --pf-v5-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20092
+ --pf-v5-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20093
+ --pf-v5-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20094
+ --pf-v5-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20095
+ --pf-v5-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20096
+ --pf-v5-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20097
+ --pf-v5-c-menu__breadcrumb--PaddingBlockStart: 0;
20098
+ --pf-v5-c-menu__breadcrumb--PaddingBlockEnd: 0;
20099
+ --pf-v5-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20100
+ --pf-v5-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20101
+ --pf-v5-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20102
+ --pf-v5-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20103
+ --pf-v5-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20104
+ --pf-v5-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20105
+ --pf-v5-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
20106
+ --pf-v5-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
20107
+ --pf-v5-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
20108
+ --pf-v5-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
20109
+ --pf-v5-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
20110
+ --pf-v5-c-menu__item-action--icon--size: var(--pf-v5-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
20111
+ --pf-v5-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
20112
+ --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
20113
+ --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);
20114
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
20115
+ --pf-v5-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
20116
+ --pf-v5-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
20117
+ --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
20118
+ --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
20119
+ --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
20120
+ --pf-v5-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
20121
+ --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));
20122
+ --pf-v5-c-menu--m-flyout__menu--Right: auto;
20123
+ --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
20124
+ --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
20125
+ --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1);
20126
+ --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
19954
20127
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
19955
20128
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19956
20129
  --pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
19957
20130
  --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19958
20131
  --pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
19959
- --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-v5-global--ZIndex--xs);
19960
- --pf-v5-c-menu__footer--PaddingTop: var(--pf-v5-global--spacer--md);
19961
- --pf-v5-c-menu__footer--PaddingRight: var(--pf-v5-global--spacer--md);
19962
- --pf-v5-c-menu__footer--PaddingBottom: var(--pf-v5-global--spacer--md);
19963
- --pf-v5-c-menu__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
19964
- --pf-v5-c-menu__footer--BoxShadow: none;
19965
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
19966
- --pf-v5-c-menu__footer--after--BorderTopColor: var(--pf-v5-global--BorderColor--100);
19967
- --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
19968
- --pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
19969
- --pf-v5-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19970
- --pf-v5-c-menu--m-nav--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
19971
- --pf-v5-c-menu--m-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
19972
- --pf-v5-c-menu--m-nav__list--PaddingTop: 0;
19973
- --pf-v5-c-menu--m-nav__list--PaddingBottom: 0;
19974
- --pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19975
- --pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19976
- --pf-v5-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19977
- --pf-v5-c-menu--m-nav__item--PaddingRight: var(--pf-v5-global--spacer--lg);
19978
- --pf-v5-c-menu--m-nav__item--PaddingLeft: var(--pf-v5-global--spacer--lg);
19979
- --pf-v5-c-menu--m-nav__item--Color: var(--pf-v5-global--Color--light-100);
19980
- --pf-v5-c-menu--m-nav__item--FontSize: var(--pf-v5-global--FontSize--sm);
19981
- --pf-v5-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19982
- --pf-v5-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19983
- --pf-v5-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19984
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-v5-global--BorderColor--200);
19985
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
19986
- --pf-v5-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19987
- --pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
19988
- --pf-v5-c-menu--m-nav__item-description--Color: var(--pf-v5-global--Color--light-200);
19989
- --pf-v5-c-menu--m-nav--c-menu--left-offset: 0.25rem;
19990
- --pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
19991
- --pf-v5-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
19992
- --pf-v5-c-menu--m-nav--c-menu--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19993
- --pf-v5-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--left-offset));
19994
- --pf-v5-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--m-left--right-offset));
19995
- --pf-v5-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset));
19996
- --pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
19997
- inset-block-start: var(--pf-v5-c-menu--Top);
19998
- z-index: var(--pf-v5-c-menu--ZIndex);
20132
+ --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
20133
+ }
20134
+
20135
+ .pf-v5-c-menu,
20136
+ .pf-v5-c-menu__list,
20137
+ .pf-v5-c-menu__group {
20138
+ --pf-v5-hidden-visible--visible--Display: grid;
20139
+ }
20140
+
20141
+ .pf-v5-c-menu__content,
20142
+ .pf-v5-c-menu__list-item,
20143
+ .pf-v5-c-menu__item,
20144
+ .pf-v5-c-menu__item-main,
20145
+ .pf-v5-c-menu__breadcrumb,
20146
+ .pf-v5-c-menu__item-check,
20147
+ .pf-v5-c-menu__item-action,
20148
+ .pf-v5-c-menu__item-action-icon {
20149
+ --pf-v5-hidden-visible--visible--Display: flex;
20150
+ }
20151
+
20152
+ .pf-v5-c-menu__list,
20153
+ .pf-v5-c-menu__list-item,
20154
+ .pf-v5-c-menu__breadcrumb,
20155
+ .pf-v5-c-menu__footer {
20156
+ position: relative;
20157
+ }
20158
+
20159
+ .pf-v5-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
20160
+ .pf-v5-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
20161
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__item--m-disabled--Color);
20162
+ --pf-v5-c-menu__item-toggle-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20163
+ --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20164
+ --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20165
+ --pf-v5-c-menu__list-item--BackgroundColor: transparent;
20166
+ pointer-events: none;
20167
+ }
20168
+
20169
+ [class*=pf-v5-c-menu]:is([hidden]) {
20170
+ display: none;
20171
+ }
20172
+
20173
+ .pf-v5-c-menu {
20174
+ row-gap: var(--pf-v5-c-menu--RowGap);
19999
20175
  width: var(--pf-v5-c-menu--Width);
20000
20176
  min-width: var(--pf-v5-c-menu--MinWidth);
20177
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20178
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20179
+ overflow: hidden;
20180
+ color: var(--pf-v5-c-menu--Color);
20001
20181
  background-color: var(--pf-v5-c-menu--BackgroundColor);
20182
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
20002
20183
  box-shadow: var(--pf-v5-c-menu--BoxShadow);
20003
20184
  }
20185
+ .pf-v5-c-menu .pf-v5-c-menu {
20186
+ min-width: 100%;
20187
+ border-radius: 0;
20188
+ }
20004
20189
  .pf-v5-c-menu .pf-v5-c-menu__content .pf-v5-c-menu .pf-v5-c-menu__content {
20005
20190
  overflow: visible;
20006
20191
  }
20007
- .pf-v5-c-menu .pf-v5-c-divider {
20008
- margin-block-start: var(--pf-v5-c-menu--c-divider--MarginTop);
20009
- margin-block-end: var(--pf-v5-c-menu--c-divider--MarginBottom);
20192
+ .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 {
20193
+ overflow: visible;
20010
20194
  }
20011
20195
  .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu {
20012
20196
  position: absolute;
@@ -20014,6 +20198,8 @@ ul.pf-v5-c-list {
20014
20198
  inset-block-end: var(--pf-v5-c-menu--m-flyout__menu--Bottom);
20015
20199
  inset-inline-start: var(--pf-v5-c-menu--m-flyout__menu--Left);
20016
20200
  inset-inline-end: var(--pf-v5-c-menu--m-flyout__menu--Right);
20201
+ z-index: var(--pf-v5-c-menu--m-flyout__Zindex);
20202
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
20017
20203
  }
20018
20204
  .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__content, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__content {
20019
20205
  overflow-y: visible;
@@ -20026,18 +20212,13 @@ ul.pf-v5-c-list {
20026
20212
  --pf-v5-c-menu--m-flyout__menu--Right: var(--pf-v5-c-menu--m-flyout__menu--m-left--Right);
20027
20213
  --pf-v5-c-menu--m-flyout__menu--Left: auto;
20028
20214
  }
20029
- .pf-v5-c-menu.pf-m-drilldown {
20030
- display: flex;
20031
- flex-direction: column;
20032
- }
20033
- .pf-v5-c-menu.pf-m-drilldown[hidden] {
20034
- display: none;
20035
- }
20036
20215
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content {
20037
- flex-grow: 1;
20038
20216
  overflow: hidden;
20039
20217
  transition: var(--pf-v5-c-menu--m-drilldown__content--Transition);
20040
20218
  }
20219
+ .pf-v5-c-menu.pf-m-drilldown :where(.pf-v5-c-menu) {
20220
+ padding: 0;
20221
+ }
20041
20222
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list,
20042
20223
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
20043
20224
  transform: translateX(-100%);
@@ -20047,11 +20228,11 @@ ul.pf-v5-c-list {
20047
20228
  }
20048
20229
 
20049
20230
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu {
20050
- --pf-v5-c-menu--BoxShadow: none;
20051
20231
  position: absolute;
20052
20232
  inset-block-start: var(--pf-v5-c-menu--m-drilldown--c-menu--Top);
20053
20233
  inset-inline-start: 100%;
20054
20234
  width: 100%;
20235
+ box-shadow: none;
20055
20236
  transition: var(--pf-v5-c-menu--m-drilldown--c-menu--Transition);
20056
20237
  }
20057
20238
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
@@ -20062,14 +20243,13 @@ ul.pf-v5-c-list {
20062
20243
  }
20063
20244
 
20064
20245
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list {
20065
- position: relative;
20066
20246
  overflow: hidden;
20067
20247
  visibility: visible;
20068
20248
  transition: var(--pf-v5-c-menu--m-drilldown__list--Transition);
20069
20249
  }
20070
20250
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list {
20071
- --pf-v5-c-menu__list--PaddingTop: 0;
20072
- --pf-v5-c-menu__list--PaddingBottom: 0;
20251
+ --pf-v5-c-menu__list--PaddingBlockStart: 0;
20252
+ --pf-v5-c-menu__list--PaddingBlockEnd: 0;
20073
20253
  }
20074
20254
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path .pf-v5-c-menu {
20075
20255
  z-index: var(--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
@@ -20087,7 +20267,7 @@ ul.pf-v5-c-list {
20087
20267
  display: none;
20088
20268
  }
20089
20269
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__item {
20090
- outline-offset: var(--pf-v5-c-menu__item--OutlineOffset);
20270
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20091
20271
  }
20092
20272
  .pf-v5-c-menu.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list {
20093
20273
  overflow: visible;
@@ -20106,83 +20286,54 @@ ul.pf-v5-c-list {
20106
20286
  .pf-v5-c-menu.pf-m-scrollable {
20107
20287
  --pf-v5-c-menu__content--MaxHeight: var(--pf-v5-c-menu--m-scrollable__content--MaxHeight);
20108
20288
  --pf-v5-c-menu__footer--BoxShadow: var(--pf-v5-c-menu--m-scrollable__footer--BoxShadow);
20109
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth);
20289
+ --pf-v5-c-menu__footer--PaddingBlockStart: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20290
+ --pf-v5-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20291
+ overflow: hidden;
20110
20292
  }
20111
- .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20293
+ .pf-v5-c-menu.pf-m-scrollable:has(.pf-v5-c-menu__footer) {
20294
+ --pf-v5-c-menu--PaddingBlockEnd: 0;
20295
+ }
20296
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content,
20297
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
20112
20298
  overflow-y: auto;
20113
20299
  }
20114
- .pf-v5-c-menu.pf-m-nav, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
20115
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-c-menu--m-nav--BackgroundColor);
20116
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-c-menu--m-nav__list--PaddingTop);
20117
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-c-menu--m-nav__list--PaddingBottom);
20118
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor);
20119
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor);
20120
- --pf-v5-c-menu__list-item--active--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor);
20121
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu--m-nav__item--Color);
20122
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-c-menu--m-nav__item--FontSize);
20123
- --pf-v5-c-menu__item--OutlineOffset: var(--pf-v5-c-menu--m-nav__item--OutlineOffset);
20124
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu--m-nav__item--PaddingRight);
20125
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu--m-nav__item--PaddingLeft);
20126
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--m-nav__item-description--Color);
20127
- box-shadow: var(--pf-v5-c-menu--m-nav--BoxShadow);
20128
- }
20129
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item {
20300
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20130
20301
  position: relative;
20131
- outline-offset: var(--pf-v5-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
20132
- }
20133
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item::before, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item::before {
20134
- position: absolute;
20135
- inset-block-end: 0;
20136
- inset-inline-start: 0;
20137
- inset-inline-end: 0;
20138
- content: "";
20139
- border-block-end: var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-v5-c-menu--m-nav__item--before--BorderBottomColor);
20140
- }
20141
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item:hover::after, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item:hover::after {
20142
- position: absolute;
20143
- inset-block-start: var(--pf-v5-c-menu--m-nav__item--hover--after--Top);
20144
- inset-block-end: 0;
20145
- inset-inline-start: 0;
20146
- content: "";
20147
- border-inline-start: var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor);
20148
- }
20149
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
20150
- width: 100%;
20151
- }
20152
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu {
20153
- inset-block-start: var(--pf-v5-c-menu--m-nav--c-menu--Top);
20154
- inset-inline-start: var(--pf-v5-c-menu--m-nav--c-menu--Left);
20155
- }
20156
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-top {
20157
- --pf-v5-c-menu--m-nav--c-menu--Top: auto;
20158
- inset-block-end: var(--pf-v5-c-menu--m-nav--c-menu--m-top--Bottom);
20159
- }
20160
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-left {
20161
- --pf-v5-c-menu--m-nav--c-menu--Left: auto;
20162
- inset-inline-end: var(--pf-v5-c-menu--m-nav--c-menu--m-left--Right);
20302
+ z-index: var(--pf-v5-c-menu--ZIndex);
20303
+ margin-block-start: calc(var(--pf-v5-c-menu--RowGap) * -1);
20304
+ margin-block-end: calc(var(--pf-v5-c-menu--RowGap) * -1);
20305
+ overflow: hidden;
20163
20306
  }
20164
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child {
20165
- --pf-v5-c-menu--m-nav__item--hover--after--Top: var(--pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
20307
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
20308
+ padding-block-start: var(--pf-v5-c-menu--RowGap);
20309
+ padding-block-end: var(--pf-v5-c-menu--RowGap);
20166
20310
  }
20167
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu {
20168
- --pf-v5-c-menu--m-nav--c-menu--Top: var(--pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top);
20311
+
20312
+ .pf-v5-c-menu__header {
20313
+ padding-block-start: var(--pf-v5-c-menu__header--PaddingBlockStart);
20314
+ padding-block-end: var(--pf-v5-c-menu__header--PaddingBlockEnd);
20315
+ padding-inline-start: var(--pf-v5-c-menu__header--PaddingInlineStart);
20316
+ padding-inline-end: var(--pf-v5-c-menu__header--PaddingInlineEnd);
20169
20317
  }
20170
20318
 
20171
- .pf-v5-c-menu__breadcrumb {
20172
- display: flex;
20173
- align-items: center;
20174
- min-height: var(--pf-v5-c-menu__breadcrumb--MinHeight);
20175
- padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingTop);
20176
- padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBottom);
20177
- padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingLeft);
20178
- padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingRight);
20319
+ .pf-v5-c-menu__search {
20320
+ padding-block-start: var(--pf-v5-c-menu__search--PaddingBlockStart);
20321
+ padding-block-end: var(--pf-v5-c-menu__search--PaddingBlockEnd);
20322
+ padding-inline-start: var(--pf-v5-c-menu__search--PaddingInlineStart);
20323
+ padding-inline-end: var(--pf-v5-c-menu__search--PaddingInlineEnd);
20179
20324
  }
20180
- .pf-v5-c-menu__breadcrumb .pf-v5-c-breadcrumb {
20181
- --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize);
20182
- --pf-v5-c-breadcrumb__heading--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize);
20325
+
20326
+ .pf-v5-c-menu__footer {
20327
+ padding-block-start: var(--pf-v5-c-menu__footer--PaddingBlockStart);
20328
+ padding-block-end: var(--pf-v5-c-menu__footer--PaddingBlockEnd);
20329
+ padding-inline-start: var(--pf-v5-c-menu__footer--PaddingInlineStart);
20330
+ padding-inline-end: var(--pf-v5-c-menu__footer--PaddingInlineEnd);
20331
+ box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20183
20332
  }
20184
20333
 
20185
20334
  .pf-v5-c-menu__content {
20335
+ flex-direction: column;
20336
+ row-gap: var(--pf-v5-c-menu__content--RowGap);
20186
20337
  height: var(--pf-v5-c-menu__content--Height);
20187
20338
  max-height: var(--pf-v5-c-menu__content--MaxHeight);
20188
20339
  }
@@ -20190,135 +20341,93 @@ ul.pf-v5-c-list {
20190
20341
  --pf-v5-c-menu__content--Height: auto;
20191
20342
  }
20192
20343
 
20193
- .pf-v5-c-menu__header {
20194
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-c-menu__header--c-menu__item--PaddingTop);
20195
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu__header--c-menu__item--PaddingRight);
20196
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-c-menu__header--c-menu__item--PaddingBottom);
20197
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu__header--c-menu__item--PaddingLeft);
20198
- padding-block-start: var(--pf-v5-c-menu__header--PaddingTop);
20199
- padding-block-end: var(--pf-v5-c-menu__header--PaddingBottom);
20200
- padding-inline-start: var(--pf-v5-c-menu__header--PaddingLeft);
20201
- padding-inline-end: var(--pf-v5-c-menu__header--PaddingRight);
20202
- }
20203
- .pf-v5-c-menu__header > .pf-v5-c-menu__item {
20204
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--BackgroundColor);
20205
- margin-block-start: var(--pf-v5-c-menu__header--c-menu__item--MarginTop);
20206
- margin-block-end: var(--pf-v5-c-menu__header--c-menu__item--MarginBottom);
20207
- margin-inline-start: var(--pf-v5-c-menu__header--c-menu__item--MarginLeft);
20208
- margin-inline-end: var(--pf-v5-c-menu__header--c-menu__item--MarginRight);
20209
- }
20210
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:hover {
20211
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor);
20212
- }
20213
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:focus {
20214
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor);
20215
- }
20216
- .pf-v5-c-menu__header + .pf-v5-c-menu__search {
20217
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-c-menu__header__search--PaddingTop);
20218
- }
20219
-
20220
- .pf-v5-c-menu__search {
20221
- padding-block-start: var(--pf-v5-c-menu__search--PaddingTop);
20222
- padding-block-end: var(--pf-v5-c-menu__search--PaddingBottom);
20223
- padding-inline-start: var(--pf-v5-c-menu__search--PaddingLeft);
20224
- padding-inline-end: var(--pf-v5-c-menu__search--PaddingRight);
20225
- }
20226
-
20227
- .pf-v5-c-menu__list {
20228
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list--Display);
20229
- padding-block-start: var(--pf-v5-c-menu__list--PaddingTop);
20230
- padding-block-end: var(--pf-v5-c-menu__list--PaddingBottom);
20231
- }
20232
- .pf-v5-c-menu__list > .pf-v5-c-divider {
20233
- margin-block-start: var(--pf-v5-c-menu__list--c-divider--MarginTop);
20234
- margin-block-end: var(--pf-v5-c-menu__list--c-divider--MarginBottom);
20344
+ .pf-v5-c-menu__list :where(.pf-v5-c-divider:is(li)) {
20345
+ margin-block-start: var(--pf-v5-c-menu__list--divider--MarginTop);
20346
+ margin-block-end: var(--pf-v5-c-menu__list--divider--MarginBottom);
20235
20347
  }
20236
20348
 
20237
20349
  .pf-v5-c-menu__list-item {
20238
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list-item--Display);
20239
- position: relative;
20240
- color: var(--pf-v5-c-menu__list-item--Color);
20241
- background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20242
- }
20243
- .pf-v5-c-menu__list-item:hover {
20244
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20245
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--hover--Color, inherit);
20246
- }
20247
- .pf-v5-c-menu__list-item:focus-within, .pf-v5-c-menu__list-item.pf-m-focus {
20248
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
20249
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
20250
- }
20251
- .pf-v5-c-menu__list-item.pf-m-disabled, .pf-v5-c-menu__list-item.pf-m-aria-disabled {
20252
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20253
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
20254
- --pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
20350
+ align-items: baseline;
20351
+ min-width: 0;
20255
20352
  }
20256
- .pf-v5-c-menu__list-item.pf-m-disabled {
20257
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20258
- pointer-events: none;
20353
+ .pf-v5-c-menu__list-item > * {
20354
+ position: relative;
20259
20355
  }
20260
- .pf-v5-c-menu__list-item.pf-m-aria-disabled .pf-v5-c-menu__item {
20261
- cursor: default;
20356
+ .pf-v5-c-menu__list-item::before {
20357
+ position: absolute;
20358
+ inset: 0;
20359
+ content: "";
20360
+ background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20361
+ mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
20262
20362
  }
20263
20363
  .pf-v5-c-menu__list-item.pf-m-load {
20264
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20265
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20266
20364
  --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
20267
20365
  }
20268
20366
  .pf-v5-c-menu__list-item.pf-m-loading {
20269
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20270
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20271
20367
  justify-content: center;
20272
- padding-block-start: var(--pf-v5-c-menu__list-item--m-loading--PaddingTop);
20273
20368
  overflow: hidden;
20369
+ pointer-events: none;
20370
+ }
20371
+ .pf-v5-c-menu__list-item.pf-m-loading .pf-v5-c-menu__item-text {
20372
+ text-align: center;
20274
20373
  }
20275
20374
  .pf-v5-c-menu__list-item.pf-m-danger {
20276
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger__item--Color, inherit);
20375
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--Color);
20376
+ }
20377
+ .pf-v5-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
20378
+ --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));
20379
+ }
20380
+ .pf-v5-c-menu__list-item:has(.pf-v5-c-menu__item-action) {
20381
+ padding-inline-end: var(--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd);
20382
+ }
20383
+ .pf-v5-c-menu__list-item:has(> :hover) {
20384
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20385
+ --pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
20386
+ }
20387
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
20388
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
20389
+ opacity: 1;
20277
20390
  }
20278
20391
 
20279
20392
  .pf-v5-c-menu__item {
20280
- display: flex;
20281
20393
  flex-basis: 100%;
20282
20394
  flex-direction: column;
20283
20395
  min-width: 0;
20284
- padding-block-start: var(--pf-v5-c-menu__item--PaddingTop);
20285
- padding-block-end: var(--pf-v5-c-menu__item--PaddingBottom);
20286
- padding-inline-start: var(--pf-v5-c-menu__item--PaddingLeft);
20287
- padding-inline-end: var(--pf-v5-c-menu__item--PaddingRight);
20396
+ padding-block-start: var(--pf-v5-c-menu__item--PaddingBlockStart);
20397
+ padding-block-end: var(--pf-v5-c-menu__item--PaddingBlockEnd);
20398
+ padding-inline-start: var(--pf-v5-c-menu__item--PaddingInlineStart);
20399
+ padding-inline-end: var(--pf-v5-c-menu__item--PaddingInlineEnd);
20288
20400
  font-size: var(--pf-v5-c-menu__item--FontSize);
20289
20401
  font-weight: var(--pf-v5-c-menu__item--FontWeight);
20290
20402
  line-height: var(--pf-v5-c-menu__item--LineHeight);
20291
20403
  color: var(--pf-v5-c-menu__item--Color);
20292
20404
  text-align: start;
20293
- background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20294
- border: none;
20295
- }
20296
- .pf-v5-c-menu__item:hover {
20297
20405
  text-decoration: none;
20406
+ background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20407
+ border: 0;
20408
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20298
20409
  }
20299
- .pf-v5-c-menu__item:hover, .pf-v5-c-menu__item:focus {
20300
- --pf-v5-c-menu__item-external-icon--Opacity: 1;
20410
+ .pf-v5-c-menu__item.pf-m-selected {
20411
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-c-menu__item--m-selected__item-select-icon--Color);
20301
20412
  }
20302
- .pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon {
20413
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-select-icon,
20414
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20303
20415
  opacity: 1;
20304
20416
  }
20305
- label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disabled)) {
20306
- cursor: pointer;
20417
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20418
+ color: var(--pf-v5-c-menu__item-external--Color);
20419
+ }
20420
+
20421
+ .pf-v5-c-menu__item-select-icon {
20422
+ color: var(--pf-v5-c-menu__item-select-icon--Color);
20307
20423
  }
20308
20424
 
20309
20425
  .pf-v5-c-menu__item-main {
20310
- display: flex;
20426
+ column-gap: var(--pf-v5-c-menu__item-main--ColumnGap);
20311
20427
  align-items: center;
20312
20428
  width: 100%;
20313
20429
  }
20314
20430
 
20315
- .pf-v5-c-menu__item-external-icon {
20316
- margin-inline-start: var(--pf-v5-c-menu__item-external-icon--MarginLeft);
20317
- font-size: var(--pf-v5-c-menu__item-external-icon--FontSize);
20318
- color: var(--pf-v5-c-menu__item-external-icon--Color);
20319
- opacity: var(--pf-v5-c-menu__item-external-icon--Opacity);
20320
- }
20321
-
20322
20431
  .pf-v5-c-menu__item-text {
20323
20432
  overflow: hidden;
20324
20433
  text-overflow: ellipsis;
@@ -20326,16 +20435,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20326
20435
  flex-grow: 1;
20327
20436
  }
20328
20437
 
20329
- .pf-v5-c-menu__group {
20330
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__group--Display);
20331
- }
20332
-
20333
20438
  .pf-v5-c-menu__group-title {
20334
- padding-block-start: var(--pf-v5-c-menu__group-title--PaddingTop);
20335
- padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingLeft);
20336
- padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingRight);
20337
- font-size: var(--pf-v5-c-menu__group-title--FontSize);
20338
- font-weight: var(--pf-v5-c-menu__group-title--FontWeight);
20439
+ padding-block-start: var(--pf-v5-c-menu__group-title--PaddingBlockStart);
20440
+ padding-block-end: var(--pf-v5-c-menu__group-title--PaddingBlockEnd);
20441
+ padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingInlineStart);
20442
+ padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingInlineEnd);
20443
+ font-size: var(--pf-v5-c-menu__group-title--FontSize, inherit);
20444
+ font-weight: var(--pf-v5-c-menu__group-title--FontWeight, inherit);
20339
20445
  color: var(--pf-v5-c-menu__group-title--Color);
20340
20446
  }
20341
20447
 
@@ -20345,97 +20451,58 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20345
20451
  word-break: break-word;
20346
20452
  }
20347
20453
 
20348
- .pf-v5-c-menu__item-icon {
20349
- margin-inline-end: var(--pf-v5-c-menu__item-icon--MarginRight);
20350
- }
20351
-
20352
- .pf-v5-c-menu__item-check {
20353
- display: flex;
20354
- align-items: center;
20355
- margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
20356
- }
20357
20454
  .pf-v5-c-menu__item-check .pf-v5-c-check {
20358
20455
  --pf-v5-c-check__input--TranslateY: none;
20359
20456
  }
20457
+ .pf-v5-c-menu__item-check .pf-v5-c-check input::before {
20458
+ position: absolute;
20459
+ inset: 0;
20460
+ content: "";
20461
+ }
20360
20462
 
20361
20463
  .pf-v5-c-menu__item-toggle-icon {
20362
- padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
20363
- padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
20364
- color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
20464
+ color: var(--pf-v5-c-menu__item-toggle-icon--Color, inherit);
20365
20465
  }
20366
20466
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
20367
20467
  scale: -1 1;
20368
20468
  }
20369
20469
 
20370
- .pf-v5-c-menu__item-text + .pf-v5-c-menu__item-toggle-icon {
20371
- margin-inline-start: var(--pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft);
20372
- }
20373
-
20374
- .pf-v5-c-menu__item-toggle-icon + .pf-v5-c-menu__item-text {
20375
- margin-inline-start: var(--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft);
20470
+ .pf-v5-c-menu__item-icon {
20471
+ color: var(--pf-v5-c-menu__item--icon--Color, inherit);
20376
20472
  }
20377
20473
 
20378
- .pf-v5-c-menu__item-select-icon {
20379
- margin-inline-start: var(--pf-v5-c-menu__item-select-icon--MarginLeft);
20380
- font-size: var(--pf-v5-c-menu__item-select-icon--FontSize);
20381
- color: var(--pf-v5-c-menu__item-select-icon--Color);
20474
+ .pf-v5-c-menu__item-select-icon,
20475
+ .pf-v5-c-menu__item-external-icon {
20382
20476
  opacity: 0;
20383
20477
  }
20384
20478
 
20385
- .pf-v5-c-menu__item-action {
20386
- display: flex;
20387
- padding-block-start: var(--pf-v5-c-menu__item-action--PaddingTop);
20388
- padding-block-end: var(--pf-v5-c-menu__item-action--PaddingBottom);
20389
- padding-inline-start: var(--pf-v5-c-menu__item-action--PaddingLeft);
20390
- padding-inline-end: var(--pf-v5-c-menu__item-action--PaddingRight);
20391
- color: var(--pf-v5-c-menu__item-action--Color);
20392
- background-color: var(--pf-v5-c-menu__item-action--BackgroundColor);
20393
- border: none;
20394
- }
20395
- .pf-v5-c-menu__item-action.pf-m-favorite .pf-v5-c-menu__item-action-icon {
20396
- font-size: var(--pf-v5-c-menu__item-action--m-favorite__icon--FontSize);
20397
- }
20398
- .pf-v5-c-menu__item-action.pf-m-favorited {
20479
+ .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,
20480
+ .pf-v5-c-menu__item-action.pf-m-favorited,
20481
+ .pf-v5-c-menu__item-action.pf-m-favorited:hover,
20482
+ .pf-v5-c-menu__item-action.pf-m-favorited .pf-v5-c-button {
20483
+ --pf-v5-c-button--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20399
20484
  --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20400
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-c-menu__item-action--m-favorited--hover--Color);
20401
- }
20402
- .pf-v5-c-menu__item-action:hover, .pf-v5-c-menu__item-action:focus {
20403
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
20404
- }
20405
- .pf-v5-c-menu__item-action:disabled, .pf-v5-c-menu__item-action.pf-m-disabled, .pf-v5-c-menu__item-action.pf-m-aria-disabled {
20406
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
20407
- }
20408
-
20409
- .pf-v5-c-menu__item-action-icon {
20410
- display: flex;
20411
- align-items: center;
20412
- height: var(--pf-v5-c-menu__item-action-icon--Height);
20413
20485
  }
20414
20486
 
20415
- .pf-v5-c-menu__footer {
20416
- position: relative;
20417
- padding-block-start: var(--pf-v5-c-menu__footer--PaddingTop);
20418
- padding-block-end: var(--pf-v5-c-menu__footer--PaddingBottom);
20419
- padding-inline-start: var(--pf-v5-c-menu__footer--PaddingLeft);
20420
- padding-inline-end: var(--pf-v5-c-menu__footer--PaddingRight);
20421
- box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20487
+ .pf-v5-c-menu__breadcrumb {
20488
+ --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--FontSize);
20489
+ padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingBlockStart);
20490
+ padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBlockEnd);
20491
+ padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingInlineStart);
20492
+ padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingInlineEnd);
20422
20493
  }
20423
- .pf-v5-c-menu__footer::after {
20424
- position: absolute;
20425
- inset: 0;
20426
- pointer-events: none;
20427
- content: "";
20428
- border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20494
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu {
20495
+ min-width: auto;
20496
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20497
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20429
20498
  }
20430
-
20431
- :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20432
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20499
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu__content {
20500
+ height: auto;
20433
20501
  }
20434
-
20435
- :where(.pf-v5-theme-dark) .pf-v5-c-menu {
20436
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20437
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20438
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20502
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu-toggle {
20503
+ --pf-v5-c-menu-toggle--BorderWidth: 0;
20504
+ --pf-v5-c-menu-toggle--BorderColor: transparent;
20505
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20439
20506
  }
20440
20507
 
20441
20508
  :where(:root),
@@ -21581,18 +21648,18 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21581
21648
  --pf-v5-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
21582
21649
  --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
21583
21650
  --pf-v5-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
21584
- --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21651
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
21585
21652
  --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
21586
21653
  --pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
21587
- --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21654
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
21588
21655
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
21589
21656
  --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
21590
21657
  --pf-v5-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
21591
- --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--active);
21658
+ --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
21592
21659
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
21593
21660
  --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
21594
21661
  --pf-v5-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
21595
- --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--active);
21662
+ --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
21596
21663
  }
21597
21664
 
21598
21665
  .pf-v5-c-notification-badge {
@@ -23158,7 +23225,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23158
23225
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
23159
23226
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
23160
23227
  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
23161
- --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
23228
+ --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
23162
23229
  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
23163
23230
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
23164
23231
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
@@ -26328,7 +26395,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26328
26395
  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26329
26396
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
26330
26397
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26331
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26398
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
26332
26399
  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26333
26400
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26334
26401
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -26344,9 +26411,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26344
26411
  --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
26345
26412
  --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
26346
26413
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26347
- --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26414
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
26348
26415
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26349
- --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26416
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
26350
26417
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
26351
26418
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
26352
26419
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -28059,7 +28126,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28059
28126
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
28060
28127
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28061
28128
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
28062
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
28129
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
28063
28130
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28064
28131
  --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
28065
28132
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
@@ -28070,7 +28137,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28070
28137
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
28071
28138
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
28072
28139
  --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
28073
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
28140
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
28074
28141
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
28075
28142
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
28076
28143
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
@@ -28078,7 +28145,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28078
28145
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28079
28146
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28080
28147
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28081
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
28148
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
28082
28149
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28083
28150
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28084
28151
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
@@ -28092,7 +28159,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28092
28159
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28093
28160
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28094
28161
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
28095
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
28162
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
28096
28163
  --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
28097
28164
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
28098
28165
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
@@ -28100,7 +28167,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28100
28167
  --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28101
28168
  --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28102
28169
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28103
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
28170
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
28104
28171
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28105
28172
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28106
28173
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
@@ -28129,7 +28196,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28129
28196
  --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28130
28197
  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28131
28198
  --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28132
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
28199
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28133
28200
  --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28134
28201
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28135
28202
  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -28150,14 +28217,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28150
28217
  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28151
28218
  --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28152
28219
  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28153
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
28220
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28154
28221
  --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28155
28222
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28156
28223
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28157
28224
  --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28158
28225
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28159
28226
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28160
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
28227
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
28161
28228
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28162
28229
  --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28163
28230
  --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
@@ -29218,7 +29285,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29218
29285
  grid-column: 2;
29219
29286
  }
29220
29287
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29221
- font-weight: var(--pf-t--global--FontWeight--bold);
29288
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29222
29289
  text-align: start;
29223
29290
  content: attr(data-label);
29224
29291
  }
@@ -29358,7 +29425,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29358
29425
  grid-column: 2;
29359
29426
  }
29360
29427
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29361
- font-weight: var(--pf-t--global--FontWeight--bold);
29428
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29362
29429
  text-align: start;
29363
29430
  content: attr(data-label);
29364
29431
  }
@@ -29499,7 +29566,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29499
29566
  grid-column: 2;
29500
29567
  }
29501
29568
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29502
- font-weight: var(--pf-t--global--FontWeight--bold);
29569
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29503
29570
  text-align: start;
29504
29571
  content: attr(data-label);
29505
29572
  }
@@ -29640,7 +29707,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29640
29707
  grid-column: 2;
29641
29708
  }
29642
29709
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29643
- font-weight: var(--pf-t--global--FontWeight--bold);
29710
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29644
29711
  text-align: start;
29645
29712
  content: attr(data-label);
29646
29713
  }
@@ -29781,7 +29848,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29781
29848
  grid-column: 2;
29782
29849
  }
29783
29850
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29784
- font-weight: var(--pf-t--global--FontWeight--bold);
29851
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29785
29852
  text-align: start;
29786
29853
  content: attr(data-label);
29787
29854
  }
@@ -29982,7 +30049,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29982
30049
  --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
29983
30050
  --pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
29984
30051
  --pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
29985
- --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--FontSize--sm);
30052
+ --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
29986
30053
  --pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29987
30054
  }
29988
30055