@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
@@ -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);
@@ -6430,7 +6538,7 @@ html .ws-preview {
6430
6538
  --pf-v5-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6431
6539
  --pf-v5-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
6432
6540
  --pf-v5-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
6433
- --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
6541
+ --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6434
6542
  --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
6435
6543
  --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
6436
6544
  --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-t--global--spacer--md);
@@ -7712,13 +7820,16 @@ html .ws-preview {
7712
7820
  max-width: 100%;
7713
7821
  }
7714
7822
 
7715
- :root, .pf-v5-c-breadcrumb {
7823
+ :where(:root),
7824
+ :where(.pf-v5-c-breadcrumb) {
7716
7825
  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7717
7826
  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7718
7827
  --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
7719
7828
  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7720
7829
  --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
7721
7830
  --pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7831
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7832
+ --pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7722
7833
  --pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7723
7834
  --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7724
7835
  --pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -7752,6 +7863,9 @@ html .ws-preview {
7752
7863
  white-space: nowrap;
7753
7864
  list-style: none;
7754
7865
  }
7866
+ .pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
7867
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
7868
+ }
7755
7869
  .pf-v5-c-breadcrumb__item:not(:last-child) {
7756
7870
  margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
7757
7871
  }
@@ -7767,6 +7881,8 @@ html .ws-preview {
7767
7881
  }
7768
7882
 
7769
7883
  .pf-v5-c-breadcrumb__link {
7884
+ padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
7885
+ padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
7770
7886
  font-size: inherit;
7771
7887
  font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
7772
7888
  line-height: inherit;
@@ -7906,7 +8022,7 @@ button.pf-v5-c-breadcrumb__link {
7906
8022
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7907
8023
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7908
8024
  --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
7909
- --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
8025
+ --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
7910
8026
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7911
8027
  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
7912
8028
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -7965,28 +8081,28 @@ button.pf-v5-c-breadcrumb__link {
7965
8081
  --pf-v5-c-button--m-stateful--PaddingRight: var(--pf-t--global--spacer--md);
7966
8082
  --pf-v5-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
7967
8083
  --pf-v5-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
7968
- --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--hover);
8084
+ --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
7969
8085
  --pf-v5-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
7970
- --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--clicked);
8086
+ --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
7971
8087
  --pf-v5-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
7972
- --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7973
- --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7974
- --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7975
- --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
7976
- --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
7977
- --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
7978
- --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
7979
- --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
7980
- --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
7981
- --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--on-danger--default);
7982
- --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
7983
- --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
7984
- --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7985
- --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
7986
- --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
7987
- --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
7988
- --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
7989
- --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
8088
+ --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
8089
+ --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
8090
+ --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
8091
+ --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
8092
+ --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
8093
+ --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
8094
+ --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
8095
+ --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
8096
+ --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
8097
+ --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
8098
+ --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
8099
+ --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
8100
+ --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
8101
+ --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
8102
+ --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
8103
+ --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
8104
+ --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
8105
+ --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
7990
8106
  --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
7991
8107
  --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
7992
8108
  --pf-v5-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
@@ -8042,7 +8158,7 @@ button.pf-v5-c-breadcrumb__link {
8042
8158
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
8043
8159
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
8044
8160
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
8045
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
8161
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
8046
8162
  --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8047
8163
  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
8048
8164
  --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -10613,7 +10729,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10613
10729
  --pf-v5-c-data-list__expandable-content-body--BorderRadius: var(--pf-t--global--border--radius--small);
10614
10730
  --pf-v5-c-data-list--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
10615
10731
  --pf-v5-c-data-list--m-compact--LineHeight: var(--pf-t--global--font--line-height--body);
10616
- --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--md);
10732
+ --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--default);
10617
10733
  --pf-v5-c-data-list--m-compact__cell--PaddingTop: var(--pf-t--global--spacer--sm);
10618
10734
  --pf-v5-c-data-list--m-compact__cell--PaddingBottom: var(--pf-t--global--spacer--sm);
10619
10735
  --pf-v5-c-data-list--m-compact__cell--md--PaddingBottom: 0;
@@ -16525,13 +16641,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16525
16641
  --pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
16526
16642
  --pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
16527
16643
  --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));
16528
- --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
16644
+ --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-c-form__field-group-header--PaddingTop);
16529
16645
  --pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
16530
16646
  --pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
16531
16647
  --pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
16532
16648
  --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);
16533
- --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
16534
- --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
16649
+ --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v5-c-button--m-plain--PaddingTop) * -1);
16650
+ --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v5-c-button--m-plain--PaddingBottom) * -1);
16535
16651
  --pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
16536
16652
  --pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
16537
16653
  --pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
@@ -16545,8 +16661,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16545
16661
  --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);
16546
16662
  --pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
16547
16663
  --pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
16548
- --pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
16549
- --pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
16550
16664
  --pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
16551
16665
  --pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
16552
16666
  --pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -16919,8 +17033,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16919
17033
  }
16920
17034
 
16921
17035
  .pf-v5-c-form__field-group-header-actions {
16922
- margin-block-start: var(--pf-v5-c-form__field-group-header-actions--MarginTop);
16923
- margin-block-end: var(--pf-v5-c-form__field-group-header-actions--MarginBottom);
16924
17036
  margin-inline-start: var(--pf-v5-c-form__field-group-header-actions--MarginLeft);
16925
17037
  white-space: nowrap;
16926
17038
  }
@@ -16965,9 +17077,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16965
17077
  --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
16966
17078
  --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
16967
17079
  --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16968
- --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17080
+ --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
16969
17081
  --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16970
- --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
17082
+ --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
16971
17083
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
16972
17084
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
16973
17085
  --pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -16977,7 +17089,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16977
17089
  --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
16978
17090
  --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
16979
17091
  --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16980
- --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17092
+ --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
16981
17093
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
16982
17094
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
16983
17095
  --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
@@ -18035,7 +18147,7 @@ label.pf-v5-c-input-group__text {
18035
18147
  color: var(--pf-v5-c-jump-links__toggle-text--Color);
18036
18148
  }
18037
18149
 
18038
- .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
18150
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
18039
18151
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
18040
18152
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
18041
18153
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -18062,7 +18174,16 @@ label.pf-v5-c-input-group__text {
18062
18174
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18063
18175
  }
18064
18176
 
18065
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18177
+ .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,
18178
+ .pf-v5-c-menu__list-item,
18179
+ .pf-v5-c-menu__item,
18180
+ .pf-v5-c-menu__item-main,
18181
+ .pf-v5-c-menu__breadcrumb,
18182
+ .pf-v5-c-menu__item-check,
18183
+ .pf-v5-c-menu__item-action,
18184
+ .pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
18185
+ .pf-v5-c-menu__list,
18186
+ .pf-v5-c-menu__group, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18066
18187
  .pf-v5-c-toolbar__group,
18067
18188
  .pf-v5-c-toolbar__item,
18068
18189
  .pf-v5-c-toolbar__group.pf-m-chip-group-container,
@@ -18071,66 +18192,165 @@ label.pf-v5-c-input-group__text {
18071
18192
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18072
18193
  display: var(--pf-v5-hidden-visible--Display);
18073
18194
  }
18074
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
18195
+ .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,
18196
+ .pf-m-hidden.pf-v5-c-menu__list-item,
18197
+ .pf-m-hidden.pf-v5-c-menu__item,
18198
+ .pf-m-hidden.pf-v5-c-menu__item-main,
18199
+ .pf-m-hidden.pf-v5-c-menu__breadcrumb,
18200
+ .pf-m-hidden.pf-v5-c-menu__item-check,
18201
+ .pf-m-hidden.pf-v5-c-menu__item-action,
18202
+ .pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
18203
+ .pf-m-hidden.pf-v5-c-menu__list,
18204
+ .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
18075
18205
  .pf-m-hidden.pf-v5-c-toolbar__group,
18076
18206
  .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
18077
18207
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18078
18208
  }
18079
18209
  @media screen and (min-width: 576px) {
18080
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
18210
+ .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,
18211
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
18212
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item,
18213
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
18214
+ .pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
18215
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
18216
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
18217
+ .pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
18218
+ .pf-m-hidden-on-sm.pf-v5-c-menu__list,
18219
+ .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
18081
18220
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
18082
18221
  .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
18083
18222
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18084
18223
  }
18085
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
18224
+ .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,
18225
+ .pf-m-visible-on-sm.pf-v5-c-menu__list-item,
18226
+ .pf-m-visible-on-sm.pf-v5-c-menu__item,
18227
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-main,
18228
+ .pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
18229
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-check,
18230
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action,
18231
+ .pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
18232
+ .pf-m-visible-on-sm.pf-v5-c-menu__list,
18233
+ .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
18086
18234
  .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
18087
18235
  .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
18088
18236
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18089
18237
  }
18090
18238
  }
18091
18239
  @media screen and (min-width: 768px) {
18092
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
18240
+ .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,
18241
+ .pf-m-hidden-on-md.pf-v5-c-menu__list-item,
18242
+ .pf-m-hidden-on-md.pf-v5-c-menu__item,
18243
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-main,
18244
+ .pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
18245
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-check,
18246
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action,
18247
+ .pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
18248
+ .pf-m-hidden-on-md.pf-v5-c-menu__list,
18249
+ .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
18093
18250
  .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
18094
18251
  .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
18095
18252
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18096
18253
  }
18097
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
18254
+ .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,
18255
+ .pf-m-visible-on-md.pf-v5-c-menu__list-item,
18256
+ .pf-m-visible-on-md.pf-v5-c-menu__item,
18257
+ .pf-m-visible-on-md.pf-v5-c-menu__item-main,
18258
+ .pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
18259
+ .pf-m-visible-on-md.pf-v5-c-menu__item-check,
18260
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action,
18261
+ .pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
18262
+ .pf-m-visible-on-md.pf-v5-c-menu__list,
18263
+ .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
18098
18264
  .pf-m-visible-on-md.pf-v5-c-toolbar__group,
18099
18265
  .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
18100
18266
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18101
18267
  }
18102
18268
  }
18103
18269
  @media screen and (min-width: 992px) {
18104
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
18270
+ .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,
18271
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
18272
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item,
18273
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
18274
+ .pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
18275
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
18276
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
18277
+ .pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
18278
+ .pf-m-hidden-on-lg.pf-v5-c-menu__list,
18279
+ .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
18105
18280
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
18106
18281
  .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
18107
18282
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18108
18283
  }
18109
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
18284
+ .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,
18285
+ .pf-m-visible-on-lg.pf-v5-c-menu__list-item,
18286
+ .pf-m-visible-on-lg.pf-v5-c-menu__item,
18287
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-main,
18288
+ .pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
18289
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-check,
18290
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action,
18291
+ .pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
18292
+ .pf-m-visible-on-lg.pf-v5-c-menu__list,
18293
+ .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
18110
18294
  .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
18111
18295
  .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
18112
18296
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18113
18297
  }
18114
18298
  }
18115
18299
  @media screen and (min-width: 1200px) {
18116
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
18300
+ .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,
18301
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
18302
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item,
18303
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
18304
+ .pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
18305
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
18306
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
18307
+ .pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
18308
+ .pf-m-hidden-on-xl.pf-v5-c-menu__list,
18309
+ .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
18117
18310
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
18118
18311
  .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
18119
18312
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18120
18313
  }
18121
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
18314
+ .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,
18315
+ .pf-m-visible-on-xl.pf-v5-c-menu__list-item,
18316
+ .pf-m-visible-on-xl.pf-v5-c-menu__item,
18317
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-main,
18318
+ .pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
18319
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-check,
18320
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action,
18321
+ .pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
18322
+ .pf-m-visible-on-xl.pf-v5-c-menu__list,
18323
+ .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
18122
18324
  .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
18123
18325
  .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
18124
18326
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18125
18327
  }
18126
18328
  }
18127
18329
  @media screen and (min-width: 1450px) {
18128
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
18330
+ .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,
18331
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
18332
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item,
18333
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
18334
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
18335
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
18336
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
18337
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
18338
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__list,
18339
+ .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
18129
18340
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
18130
18341
  .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
18131
18342
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18132
18343
  }
18133
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
18344
+ .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,
18345
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
18346
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item,
18347
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
18348
+ .pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
18349
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
18350
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
18351
+ .pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
18352
+ .pf-m-visible-on-2xl.pf-v5-c-menu__list,
18353
+ .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
18134
18354
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
18135
18355
  .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
18136
18356
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -19062,13 +19282,7 @@ ul.pf-v5-c-list {
19062
19282
  --pf-v5-c-login__main-footer-links--PaddingRight: var(--pf-t--global--spacer--3xl);
19063
19283
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19064
19284
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19065
- --pf-v5-c-login__main-footer-links-item--PaddingRight: var(--pf-t--global--spacer--md);
19066
- --pf-v5-c-login__main-footer-links-item--PaddingLeft: var(--pf-t--global--spacer--md);
19067
- --pf-v5-c-login__main-footer-links-item--MarginBottom: var(--pf-t--global--spacer--sm);
19068
- --pf-v5-c-login__main-footer-links-item-link-svg--Fill: var(--pf-t--global--icon--color--subtle);
19069
- --pf-v5-c-login__main-footer-links-item-link-svg--Width: var(--pf-t--global--icon--size--lg);
19070
- --pf-v5-c-login__main-footer-links-item-link-svg--Height: var(--pf-t--global--icon--size--lg);
19071
- --pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-t--global--icon--color--nonstatus--hover);
19285
+ --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
19072
19286
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19073
19287
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19074
19288
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19247,6 +19461,7 @@ ul.pf-v5-c-list {
19247
19461
  .pf-v5-c-login__main-footer-links {
19248
19462
  display: flex;
19249
19463
  flex-wrap: wrap;
19464
+ gap: var(--pf-v5-c-login__main-footer-links--Gap);
19250
19465
  justify-content: center;
19251
19466
  padding-block-start: var(--pf-v5-c-login__main-footer-links--PaddingTop);
19252
19467
  padding-block-end: var(--pf-v5-c-login__main-footer-links--PaddingBottom);
@@ -19254,23 +19469,6 @@ ul.pf-v5-c-list {
19254
19469
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19255
19470
  }
19256
19471
 
19257
- .pf-v5-c-login__main-footer-links-item {
19258
- padding-inline-start: var(--pf-v5-c-login__main-footer-links-item--PaddingLeft);
19259
- padding-inline-end: var(--pf-v5-c-login__main-footer-links-item--PaddingRight);
19260
- margin-block-end: var(--pf-v5-c-login__main-footer-links-item--MarginBottom);
19261
- }
19262
-
19263
- .pf-v5-c-login__main-footer-links-item-link svg {
19264
- width: 100%;
19265
- max-width: var(--pf-v5-c-login__main-footer-links-item-link-svg--Width);
19266
- height: 100%;
19267
- max-height: var(--pf-v5-c-login__main-footer-links-item-link-svg--Height);
19268
- fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--Fill);
19269
- }
19270
- .pf-v5-c-login__main-footer-links-item-link:hover svg {
19271
- fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill);
19272
- }
19273
-
19274
19472
  .pf-v5-c-login__main-footer-band {
19275
19473
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
19276
19474
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
@@ -19725,171 +19923,157 @@ ul.pf-v5-c-list {
19725
19923
  padding-inline-end: var(--pf-v5-global--spacer--2xl);
19726
19924
  }
19727
19925
 
19728
- .pf-v5-c-menu {
19729
- color: var(--pf-v5-global--Color--100);
19730
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
19731
- --pf-v5-c-menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
19732
- --pf-v5-c-menu--MinWidth: auto;
19926
+ :where(:root),
19927
+ :where(.pf-v5-c-menu) {
19928
+ --pf-v5-c-menu--RowGap: var(--pf-t--global--spacer--sm);
19733
19929
  --pf-v5-c-menu--Width: auto;
19734
- --pf-v5-c-menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
19735
- --pf-v5-c-menu--Top: auto;
19736
- --pf-v5-c-menu--m-flyout__menu--Top: calc(var(--pf-v5-c-menu__list--PaddingTop) * -1 + var(--pf-v5-c-menu--m-flyout__menu--top-offset));
19737
- --pf-v5-c-menu--m-flyout__menu--Right: auto;
19738
- --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
19739
- --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
19740
- --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingTop) * -1);
19741
- --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
19930
+ --pf-v5-c-menu--MinWidth: auto;
19931
+ --pf-v5-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19932
+ --pf-v5-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19933
+ --pf-v5-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19934
+ --pf-v5-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
19935
+ --pf-v5-c-menu--Color: var(--pf-t--global--text--color--regular);
19936
+ --pf-v5-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
19937
+ --pf-v5-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
19938
+ --pf-v5-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
19939
+ --pf-v5-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
19940
+ --pf-v5-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19742
19941
  --pf-v5-c-menu--m-plain--BoxShadow: none;
19743
- --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
19744
- --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
19745
- --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
19942
+ --pf-v5-c-menu__content--RowGap: var(--pf-v5-c-menu--RowGap);
19746
19943
  --pf-v5-c-menu__content--Height: auto;
19747
19944
  --pf-v5-c-menu__content--MaxHeight: none;
19748
19945
  --pf-v5-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
19749
- --pf-v5-c-menu--c-divider--MarginTop: 0;
19750
- --pf-v5-c-menu--c-divider--MarginBottom: 0;
19751
- --pf-v5-c-menu__list--c-divider--MarginTop: var(--pf-v5-global--spacer--sm);
19752
- --pf-v5-c-menu__list--c-divider--MarginBottom: var(--pf-v5-global--spacer--sm);
19753
- --pf-v5-c-menu__header--PaddingTop: var(--pf-v5-global--spacer--md);
19754
- --pf-v5-c-menu__header--PaddingRight: var(--pf-v5-global--spacer--md);
19755
- --pf-v5-c-menu__header--PaddingBottom: var(--pf-v5-global--spacer--md);
19756
- --pf-v5-c-menu__header--PaddingLeft: var(--pf-v5-global--spacer--md);
19757
- --pf-v5-c-menu__header--c-menu__item--MarginTop: calc(var(--pf-v5-c-menu__header--PaddingTop) * -1 / 2);
19758
- --pf-v5-c-menu__header--c-menu__item--MarginRight: calc(var(--pf-v5-c-menu__header--PaddingRight) * -1 / 2);
19759
- --pf-v5-c-menu__header--c-menu__item--MarginBottom: calc(var(--pf-v5-c-menu__header--PaddingBottom) * -1 / 2);
19760
- --pf-v5-c-menu__header--c-menu__item--MarginLeft: calc(var(--pf-v5-c-menu__header--PaddingLeft) * -1 / 2);
19761
- --pf-v5-c-menu__header--c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19762
- --pf-v5-c-menu__header--c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19763
- --pf-v5-c-menu__header--c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19764
- --pf-v5-c-menu__header--c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19765
- --pf-v5-c-menu__header--c-menu__item--BackgroundColor: transparent;
19766
- --pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19767
- --pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19768
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-global--spacer--md);
19769
- --pf-v5-c-menu__search--PaddingRight: var(--pf-v5-global--spacer--md);
19770
- --pf-v5-c-menu__search--PaddingBottom: var(--pf-v5-global--spacer--md);
19771
- --pf-v5-c-menu__search--PaddingLeft: var(--pf-v5-global--spacer--md);
19772
- --pf-v5-c-menu__header__search--PaddingTop: 0;
19773
- --pf-v5-c-menu__list--Display: block;
19774
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-global--spacer--sm);
19775
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-global--spacer--sm);
19776
- --pf-v5-c-menu__list-item--Display: flex;
19777
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-global--Color--100);
19778
- --pf-v5-c-menu__list-item--BackgroundColor: transparent;
19779
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19780
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19781
- --pf-v5-c-menu__list-item--m-loading--PaddingTop: var(--pf-v5-global--spacer--sm);
19782
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-global--spacer--sm);
19783
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-global--spacer--md);
19784
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
19785
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-global--spacer--md);
19786
- --pf-v5-c-menu__item--OutlineOffset: calc(0.125rem * -1);
19787
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-global--FontSize--md);
19788
- --pf-v5-c-menu__item--FontWeight: var(--pf-v5-global--FontWeight--normal);
19789
- --pf-v5-c-menu__item--LineHeight: var(--pf-v5-global--LineHeight--md);
19790
- --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--disabled-color--100);
19791
- --pf-v5-c-menu__list-item--m-danger__item--Color: var(--pf-v5-global--danger-color--100);
19792
- --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-v5-global--link--Color);
19793
- --pf-v5-c-menu__group--Display: block;
19794
- --pf-v5-c-menu__group-title--PaddingTop: var(--pf-v5-global--spacer--md);
19795
- --pf-v5-c-menu__group-title--PaddingRight: var(--pf-v5-c-menu__item--PaddingRight);
19796
- --pf-v5-c-menu__group-title--PaddingLeft: var(--pf-v5-c-menu__item--PaddingLeft);
19797
- --pf-v5-c-menu__group-title--FontSize: var(--pf-v5-global--FontSize--xs);
19798
- --pf-v5-c-menu__group-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
19799
- --pf-v5-c-menu__group-title--Color: var(--pf-v5-global--Color--200);
19800
- --pf-v5-c-menu__item-description--FontSize: var(--pf-v5-global--FontSize--xs);
19801
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-global--Color--200);
19802
- --pf-v5-c-menu__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
19803
- --pf-v5-c-menu__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
19804
- --pf-v5-c-menu__item-toggle-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
19805
- --pf-v5-c-menu__item-toggle-icon--PaddingLeft: var(--pf-v5-global--spacer--sm);
19806
- --pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
19807
- --pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19808
- --pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft: var(--pf-v5-global--spacer--sm);
19809
- --pf-v5-c-menu__item-select-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19810
- --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-global--active-color--100);
19811
- --pf-v5-c-menu__item-select-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19812
- --pf-v5-c-menu__item-external-icon--MarginLeft: var(--pf-v5-global--spacer--sm);
19813
- --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-global--link--Color);
19814
- --pf-v5-c-menu__item-external-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19815
- --pf-v5-c-menu__item-external-icon--Opacity: 0;
19816
- --pf-v5-c-menu__item-action--PaddingTop: var(--pf-v5-global--spacer--sm);
19817
- --pf-v5-c-menu__item-action--PaddingRight: var(--pf-v5-global--spacer--md);
19818
- --pf-v5-c-menu__item-action--PaddingBottom: var(--pf-v5-global--spacer--sm);
19819
- --pf-v5-c-menu__item-action--PaddingLeft: var(--pf-v5-global--spacer--md);
19820
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-global--Color--200);
19821
- --pf-v5-c-menu__item-action--BackgroundColor: transparent;
19822
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-global--Color--100);
19823
- --pf-v5-c-menu__item-action--disabled--Color: var(--pf-v5-global--disabled-color--200);
19824
- --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-v5-global--palette--gold-400);
19825
- --pf-v5-c-menu__item-action--m-favorited--hover--Color: var(--pf-v5-global--palette--gold-500);
19826
- --pf-v5-c-menu__item-action-icon--Height: calc(var(--pf-v5-c-menu__item--FontSize) * var(--pf-v5-c-menu__item--LineHeight));
19827
- --pf-v5-c-menu__item-action--m-favorite__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
19828
- --pf-v5-c-menu__breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
19829
- --pf-v5-c-menu__breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
19830
- --pf-v5-c-menu__breadcrumb--PaddingBottom: var(--pf-v5-global--spacer--md);
19831
- --pf-v5-c-menu__breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
19832
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--md);
19833
- --pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--md);
19834
- --pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
19835
- --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19836
- --pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19946
+ --pf-v5-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19947
+ --pf-v5-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19948
+ --pf-v5-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
19949
+ --pf-v5-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19950
+ --pf-v5-c-menu__footer--BoxShadow: none;
19951
+ --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19952
+ --pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
19953
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19954
+ --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
19955
+ --pf-v5-c-menu__list-item--MixBlendMode: normal;
19956
+ --pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
19957
+ --pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
19958
+ --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
19959
+ --pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19960
+ --pf-v5-c-menu__list--divider--MarginTop: var(--pf-t--global--spacer--sm);
19961
+ --pf-v5-c-menu__list--divider--MarginBottom: var(--pf-t--global--spacer--sm);
19962
+ --pf-v5-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19963
+ --pf-v5-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19964
+ --pf-v5-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19965
+ --pf-v5-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19966
+ --pf-v5-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
19967
+ --pf-v5-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
19968
+ --pf-v5-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body);
19969
+ --pf-v5-c-menu__item--Color: var(--pf-t--global--text--color--regular);
19970
+ --pf-v5-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19971
+ --pf-v5-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
19972
+ --pf-v5-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19973
+ --pf-v5-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19974
+ --pf-v5-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19975
+ --pf-v5-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19976
+ --pf-v5-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19977
+ --pf-v5-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19978
+ --pf-v5-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19979
+ --pf-v5-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19980
+ --pf-v5-c-menu__breadcrumb--PaddingBlockStart: 0;
19981
+ --pf-v5-c-menu__breadcrumb--PaddingBlockEnd: 0;
19982
+ --pf-v5-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19983
+ --pf-v5-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19984
+ --pf-v5-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19985
+ --pf-v5-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19986
+ --pf-v5-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19987
+ --pf-v5-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19988
+ --pf-v5-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
19989
+ --pf-v5-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
19990
+ --pf-v5-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
19991
+ --pf-v5-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
19992
+ --pf-v5-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
19993
+ --pf-v5-c-menu__item-action--icon--size: var(--pf-v5-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
19994
+ --pf-v5-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
19995
+ --pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
19996
+ --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);
19997
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
19998
+ --pf-v5-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
19999
+ --pf-v5-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
20000
+ --pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
20001
+ --pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
20002
+ --pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
20003
+ --pf-v5-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
20004
+ --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));
20005
+ --pf-v5-c-menu--m-flyout__menu--Right: auto;
20006
+ --pf-v5-c-menu--m-flyout__menu--Bottom: auto;
20007
+ --pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
20008
+ --pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1);
20009
+ --pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
19837
20010
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
19838
20011
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19839
20012
  --pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
19840
20013
  --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
19841
20014
  --pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
19842
- --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-v5-global--ZIndex--xs);
19843
- --pf-v5-c-menu__footer--PaddingTop: var(--pf-v5-global--spacer--md);
19844
- --pf-v5-c-menu__footer--PaddingRight: var(--pf-v5-global--spacer--md);
19845
- --pf-v5-c-menu__footer--PaddingBottom: var(--pf-v5-global--spacer--md);
19846
- --pf-v5-c-menu__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
19847
- --pf-v5-c-menu__footer--BoxShadow: none;
19848
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
19849
- --pf-v5-c-menu__footer--after--BorderTopColor: var(--pf-v5-global--BorderColor--100);
19850
- --pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
19851
- --pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
19852
- --pf-v5-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19853
- --pf-v5-c-menu--m-nav--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
19854
- --pf-v5-c-menu--m-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
19855
- --pf-v5-c-menu--m-nav__list--PaddingTop: 0;
19856
- --pf-v5-c-menu--m-nav__list--PaddingBottom: 0;
19857
- --pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19858
- --pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19859
- --pf-v5-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19860
- --pf-v5-c-menu--m-nav__item--PaddingRight: var(--pf-v5-global--spacer--lg);
19861
- --pf-v5-c-menu--m-nav__item--PaddingLeft: var(--pf-v5-global--spacer--lg);
19862
- --pf-v5-c-menu--m-nav__item--Color: var(--pf-v5-global--Color--light-100);
19863
- --pf-v5-c-menu--m-nav__item--FontSize: var(--pf-v5-global--FontSize--sm);
19864
- --pf-v5-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19865
- --pf-v5-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19866
- --pf-v5-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19867
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-v5-global--BorderColor--200);
19868
- --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
19869
- --pf-v5-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19870
- --pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
19871
- --pf-v5-c-menu--m-nav__item-description--Color: var(--pf-v5-global--Color--light-200);
19872
- --pf-v5-c-menu--m-nav--c-menu--left-offset: 0.25rem;
19873
- --pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
19874
- --pf-v5-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
19875
- --pf-v5-c-menu--m-nav--c-menu--Top: calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
19876
- --pf-v5-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--left-offset));
19877
- --pf-v5-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--m-left--right-offset));
19878
- --pf-v5-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset));
19879
- --pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
19880
- inset-block-start: var(--pf-v5-c-menu--Top);
19881
- z-index: var(--pf-v5-c-menu--ZIndex);
20015
+ --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
20016
+ }
20017
+
20018
+ .pf-v5-c-menu,
20019
+ .pf-v5-c-menu__list,
20020
+ .pf-v5-c-menu__group {
20021
+ --pf-v5-hidden-visible--visible--Display: grid;
20022
+ }
20023
+
20024
+ .pf-v5-c-menu__content,
20025
+ .pf-v5-c-menu__list-item,
20026
+ .pf-v5-c-menu__item,
20027
+ .pf-v5-c-menu__item-main,
20028
+ .pf-v5-c-menu__breadcrumb,
20029
+ .pf-v5-c-menu__item-check,
20030
+ .pf-v5-c-menu__item-action,
20031
+ .pf-v5-c-menu__item-action-icon {
20032
+ --pf-v5-hidden-visible--visible--Display: flex;
20033
+ }
20034
+
20035
+ .pf-v5-c-menu__list,
20036
+ .pf-v5-c-menu__list-item,
20037
+ .pf-v5-c-menu__breadcrumb,
20038
+ .pf-v5-c-menu__footer {
20039
+ position: relative;
20040
+ }
20041
+
20042
+ .pf-v5-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
20043
+ .pf-v5-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
20044
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__item--m-disabled--Color);
20045
+ --pf-v5-c-menu__item-toggle-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20046
+ --pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20047
+ --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--icon--disabled--Color);
20048
+ --pf-v5-c-menu__list-item--BackgroundColor: transparent;
20049
+ pointer-events: none;
20050
+ }
20051
+
20052
+ [class*=pf-v5-c-menu]:is([hidden]) {
20053
+ display: none;
20054
+ }
20055
+
20056
+ .pf-v5-c-menu {
20057
+ row-gap: var(--pf-v5-c-menu--RowGap);
19882
20058
  width: var(--pf-v5-c-menu--Width);
19883
20059
  min-width: var(--pf-v5-c-menu--MinWidth);
20060
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20061
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20062
+ overflow: hidden;
20063
+ color: var(--pf-v5-c-menu--Color);
19884
20064
  background-color: var(--pf-v5-c-menu--BackgroundColor);
20065
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
19885
20066
  box-shadow: var(--pf-v5-c-menu--BoxShadow);
19886
20067
  }
20068
+ .pf-v5-c-menu .pf-v5-c-menu {
20069
+ min-width: 100%;
20070
+ border-radius: 0;
20071
+ }
19887
20072
  .pf-v5-c-menu .pf-v5-c-menu__content .pf-v5-c-menu .pf-v5-c-menu__content {
19888
20073
  overflow: visible;
19889
20074
  }
19890
- .pf-v5-c-menu .pf-v5-c-divider {
19891
- margin-block-start: var(--pf-v5-c-menu--c-divider--MarginTop);
19892
- margin-block-end: var(--pf-v5-c-menu--c-divider--MarginBottom);
20075
+ .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 {
20076
+ overflow: visible;
19893
20077
  }
19894
20078
  .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu {
19895
20079
  position: absolute;
@@ -19897,6 +20081,8 @@ ul.pf-v5-c-list {
19897
20081
  inset-block-end: var(--pf-v5-c-menu--m-flyout__menu--Bottom);
19898
20082
  inset-inline-start: var(--pf-v5-c-menu--m-flyout__menu--Left);
19899
20083
  inset-inline-end: var(--pf-v5-c-menu--m-flyout__menu--Right);
20084
+ z-index: var(--pf-v5-c-menu--m-flyout__Zindex);
20085
+ border-radius: var(--pf-v5-c-menu--BorderRadius);
19900
20086
  }
19901
20087
  .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__content, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__content {
19902
20088
  overflow-y: visible;
@@ -19909,18 +20095,13 @@ ul.pf-v5-c-list {
19909
20095
  --pf-v5-c-menu--m-flyout__menu--Right: var(--pf-v5-c-menu--m-flyout__menu--m-left--Right);
19910
20096
  --pf-v5-c-menu--m-flyout__menu--Left: auto;
19911
20097
  }
19912
- .pf-v5-c-menu.pf-m-drilldown {
19913
- display: flex;
19914
- flex-direction: column;
19915
- }
19916
- .pf-v5-c-menu.pf-m-drilldown[hidden] {
19917
- display: none;
19918
- }
19919
20098
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content {
19920
- flex-grow: 1;
19921
20099
  overflow: hidden;
19922
20100
  transition: var(--pf-v5-c-menu--m-drilldown__content--Transition);
19923
20101
  }
20102
+ .pf-v5-c-menu.pf-m-drilldown :where(.pf-v5-c-menu) {
20103
+ padding: 0;
20104
+ }
19924
20105
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list,
19925
20106
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
19926
20107
  transform: translateX(-100%);
@@ -19930,11 +20111,11 @@ ul.pf-v5-c-list {
19930
20111
  }
19931
20112
 
19932
20113
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu {
19933
- --pf-v5-c-menu--BoxShadow: none;
19934
20114
  position: absolute;
19935
20115
  inset-block-start: var(--pf-v5-c-menu--m-drilldown--c-menu--Top);
19936
20116
  inset-inline-start: 100%;
19937
20117
  width: 100%;
20118
+ box-shadow: none;
19938
20119
  transition: var(--pf-v5-c-menu--m-drilldown--c-menu--Transition);
19939
20120
  }
19940
20121
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
@@ -19945,14 +20126,13 @@ ul.pf-v5-c-list {
19945
20126
  }
19946
20127
 
19947
20128
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list {
19948
- position: relative;
19949
20129
  overflow: hidden;
19950
20130
  visibility: visible;
19951
20131
  transition: var(--pf-v5-c-menu--m-drilldown__list--Transition);
19952
20132
  }
19953
20133
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list {
19954
- --pf-v5-c-menu__list--PaddingTop: 0;
19955
- --pf-v5-c-menu__list--PaddingBottom: 0;
20134
+ --pf-v5-c-menu__list--PaddingBlockStart: 0;
20135
+ --pf-v5-c-menu__list--PaddingBlockEnd: 0;
19956
20136
  }
19957
20137
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path .pf-v5-c-menu {
19958
20138
  z-index: var(--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
@@ -19970,7 +20150,7 @@ ul.pf-v5-c-list {
19970
20150
  display: none;
19971
20151
  }
19972
20152
  .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__item {
19973
- outline-offset: var(--pf-v5-c-menu__item--OutlineOffset);
20153
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
19974
20154
  }
19975
20155
  .pf-v5-c-menu.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list {
19976
20156
  overflow: visible;
@@ -19989,83 +20169,54 @@ ul.pf-v5-c-list {
19989
20169
  .pf-v5-c-menu.pf-m-scrollable {
19990
20170
  --pf-v5-c-menu__content--MaxHeight: var(--pf-v5-c-menu--m-scrollable__content--MaxHeight);
19991
20171
  --pf-v5-c-menu__footer--BoxShadow: var(--pf-v5-c-menu--m-scrollable__footer--BoxShadow);
19992
- --pf-v5-c-menu__footer--after--BorderTopWidth: var(--pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth);
20172
+ --pf-v5-c-menu__footer--PaddingBlockStart: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20173
+ --pf-v5-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
20174
+ overflow: hidden;
19993
20175
  }
19994
- .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20176
+ .pf-v5-c-menu.pf-m-scrollable:has(.pf-v5-c-menu__footer) {
20177
+ --pf-v5-c-menu--PaddingBlockEnd: 0;
20178
+ }
20179
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content,
20180
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
19995
20181
  overflow-y: auto;
19996
20182
  }
19997
- .pf-v5-c-menu.pf-m-nav, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
19998
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-c-menu--m-nav--BackgroundColor);
19999
- --pf-v5-c-menu__list--PaddingTop: var(--pf-v5-c-menu--m-nav__list--PaddingTop);
20000
- --pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-c-menu--m-nav__list--PaddingBottom);
20001
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor);
20002
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor);
20003
- --pf-v5-c-menu__list-item--active--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor);
20004
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu--m-nav__item--Color);
20005
- --pf-v5-c-menu__item--FontSize: var(--pf-v5-c-menu--m-nav__item--FontSize);
20006
- --pf-v5-c-menu__item--OutlineOffset: var(--pf-v5-c-menu--m-nav__item--OutlineOffset);
20007
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu--m-nav__item--PaddingRight);
20008
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu--m-nav__item--PaddingLeft);
20009
- --pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--m-nav__item-description--Color);
20010
- box-shadow: var(--pf-v5-c-menu--m-nav--BoxShadow);
20011
- }
20012
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item {
20183
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
20013
20184
  position: relative;
20014
- outline-offset: var(--pf-v5-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
20015
- }
20016
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item::before, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item::before {
20017
- position: absolute;
20018
- inset-block-end: 0;
20019
- inset-inline-start: 0;
20020
- inset-inline-end: 0;
20021
- content: "";
20022
- border-block-end: var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-v5-c-menu--m-nav__item--before--BorderBottomColor);
20023
- }
20024
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item:hover::after, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item:hover::after {
20025
- position: absolute;
20026
- inset-block-start: var(--pf-v5-c-menu--m-nav__item--hover--after--Top);
20027
- inset-block-end: 0;
20028
- inset-inline-start: 0;
20029
- content: "";
20030
- border-inline-start: var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor);
20031
- }
20032
- .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
20033
- width: 100%;
20034
- }
20035
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu {
20036
- inset-block-start: var(--pf-v5-c-menu--m-nav--c-menu--Top);
20037
- inset-inline-start: var(--pf-v5-c-menu--m-nav--c-menu--Left);
20038
- }
20039
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-top {
20040
- --pf-v5-c-menu--m-nav--c-menu--Top: auto;
20041
- inset-block-end: var(--pf-v5-c-menu--m-nav--c-menu--m-top--Bottom);
20042
- }
20043
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-left {
20044
- --pf-v5-c-menu--m-nav--c-menu--Left: auto;
20045
- inset-inline-end: var(--pf-v5-c-menu--m-nav--c-menu--m-left--Right);
20185
+ z-index: var(--pf-v5-c-menu--ZIndex);
20186
+ margin-block-start: calc(var(--pf-v5-c-menu--RowGap) * -1);
20187
+ margin-block-end: calc(var(--pf-v5-c-menu--RowGap) * -1);
20188
+ overflow: hidden;
20046
20189
  }
20047
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child {
20048
- --pf-v5-c-menu--m-nav__item--hover--after--Top: var(--pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
20190
+ .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
20191
+ padding-block-start: var(--pf-v5-c-menu--RowGap);
20192
+ padding-block-end: var(--pf-v5-c-menu--RowGap);
20049
20193
  }
20050
- .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu {
20051
- --pf-v5-c-menu--m-nav--c-menu--Top: var(--pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top);
20194
+
20195
+ .pf-v5-c-menu__header {
20196
+ padding-block-start: var(--pf-v5-c-menu__header--PaddingBlockStart);
20197
+ padding-block-end: var(--pf-v5-c-menu__header--PaddingBlockEnd);
20198
+ padding-inline-start: var(--pf-v5-c-menu__header--PaddingInlineStart);
20199
+ padding-inline-end: var(--pf-v5-c-menu__header--PaddingInlineEnd);
20052
20200
  }
20053
20201
 
20054
- .pf-v5-c-menu__breadcrumb {
20055
- display: flex;
20056
- align-items: center;
20057
- min-height: var(--pf-v5-c-menu__breadcrumb--MinHeight);
20058
- padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingTop);
20059
- padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBottom);
20060
- padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingLeft);
20061
- padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingRight);
20202
+ .pf-v5-c-menu__search {
20203
+ padding-block-start: var(--pf-v5-c-menu__search--PaddingBlockStart);
20204
+ padding-block-end: var(--pf-v5-c-menu__search--PaddingBlockEnd);
20205
+ padding-inline-start: var(--pf-v5-c-menu__search--PaddingInlineStart);
20206
+ padding-inline-end: var(--pf-v5-c-menu__search--PaddingInlineEnd);
20062
20207
  }
20063
- .pf-v5-c-menu__breadcrumb .pf-v5-c-breadcrumb {
20064
- --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize);
20065
- --pf-v5-c-breadcrumb__heading--FontSize: var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize);
20208
+
20209
+ .pf-v5-c-menu__footer {
20210
+ padding-block-start: var(--pf-v5-c-menu__footer--PaddingBlockStart);
20211
+ padding-block-end: var(--pf-v5-c-menu__footer--PaddingBlockEnd);
20212
+ padding-inline-start: var(--pf-v5-c-menu__footer--PaddingInlineStart);
20213
+ padding-inline-end: var(--pf-v5-c-menu__footer--PaddingInlineEnd);
20214
+ box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20066
20215
  }
20067
20216
 
20068
20217
  .pf-v5-c-menu__content {
20218
+ flex-direction: column;
20219
+ row-gap: var(--pf-v5-c-menu__content--RowGap);
20069
20220
  height: var(--pf-v5-c-menu__content--Height);
20070
20221
  max-height: var(--pf-v5-c-menu__content--MaxHeight);
20071
20222
  }
@@ -20073,135 +20224,93 @@ ul.pf-v5-c-list {
20073
20224
  --pf-v5-c-menu__content--Height: auto;
20074
20225
  }
20075
20226
 
20076
- .pf-v5-c-menu__header {
20077
- --pf-v5-c-menu__item--PaddingTop: var(--pf-v5-c-menu__header--c-menu__item--PaddingTop);
20078
- --pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu__header--c-menu__item--PaddingRight);
20079
- --pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-c-menu__header--c-menu__item--PaddingBottom);
20080
- --pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu__header--c-menu__item--PaddingLeft);
20081
- padding-block-start: var(--pf-v5-c-menu__header--PaddingTop);
20082
- padding-block-end: var(--pf-v5-c-menu__header--PaddingBottom);
20083
- padding-inline-start: var(--pf-v5-c-menu__header--PaddingLeft);
20084
- padding-inline-end: var(--pf-v5-c-menu__header--PaddingRight);
20085
- }
20086
- .pf-v5-c-menu__header > .pf-v5-c-menu__item {
20087
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--BackgroundColor);
20088
- margin-block-start: var(--pf-v5-c-menu__header--c-menu__item--MarginTop);
20089
- margin-block-end: var(--pf-v5-c-menu__header--c-menu__item--MarginBottom);
20090
- margin-inline-start: var(--pf-v5-c-menu__header--c-menu__item--MarginLeft);
20091
- margin-inline-end: var(--pf-v5-c-menu__header--c-menu__item--MarginRight);
20092
- }
20093
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:hover {
20094
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor);
20095
- }
20096
- .pf-v5-c-menu__header > .pf-v5-c-menu__item:focus {
20097
- --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor);
20098
- }
20099
- .pf-v5-c-menu__header + .pf-v5-c-menu__search {
20100
- --pf-v5-c-menu__search--PaddingTop: var(--pf-v5-c-menu__header__search--PaddingTop);
20101
- }
20102
-
20103
- .pf-v5-c-menu__search {
20104
- padding-block-start: var(--pf-v5-c-menu__search--PaddingTop);
20105
- padding-block-end: var(--pf-v5-c-menu__search--PaddingBottom);
20106
- padding-inline-start: var(--pf-v5-c-menu__search--PaddingLeft);
20107
- padding-inline-end: var(--pf-v5-c-menu__search--PaddingRight);
20108
- }
20109
-
20110
- .pf-v5-c-menu__list {
20111
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list--Display);
20112
- padding-block-start: var(--pf-v5-c-menu__list--PaddingTop);
20113
- padding-block-end: var(--pf-v5-c-menu__list--PaddingBottom);
20114
- }
20115
- .pf-v5-c-menu__list > .pf-v5-c-divider {
20116
- margin-block-start: var(--pf-v5-c-menu__list--c-divider--MarginTop);
20117
- margin-block-end: var(--pf-v5-c-menu__list--c-divider--MarginBottom);
20227
+ .pf-v5-c-menu__list :where(.pf-v5-c-divider:is(li)) {
20228
+ margin-block-start: var(--pf-v5-c-menu__list--divider--MarginTop);
20229
+ margin-block-end: var(--pf-v5-c-menu__list--divider--MarginBottom);
20118
20230
  }
20119
20231
 
20120
20232
  .pf-v5-c-menu__list-item {
20121
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list-item--Display);
20122
- position: relative;
20123
- color: var(--pf-v5-c-menu__list-item--Color);
20124
- background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20125
- }
20126
- .pf-v5-c-menu__list-item:hover {
20127
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20128
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--hover--Color, inherit);
20129
- }
20130
- .pf-v5-c-menu__list-item:focus-within, .pf-v5-c-menu__list-item.pf-m-focus {
20131
- --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
20132
- --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
20133
- }
20134
- .pf-v5-c-menu__list-item.pf-m-disabled, .pf-v5-c-menu__list-item.pf-m-aria-disabled {
20135
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20136
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
20137
- --pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
20233
+ align-items: baseline;
20234
+ min-width: 0;
20138
20235
  }
20139
- .pf-v5-c-menu__list-item.pf-m-disabled {
20140
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20141
- pointer-events: none;
20236
+ .pf-v5-c-menu__list-item > * {
20237
+ position: relative;
20142
20238
  }
20143
- .pf-v5-c-menu__list-item.pf-m-aria-disabled .pf-v5-c-menu__item {
20144
- cursor: default;
20239
+ .pf-v5-c-menu__list-item::before {
20240
+ position: absolute;
20241
+ inset: 0;
20242
+ content: "";
20243
+ background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20244
+ mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
20145
20245
  }
20146
20246
  .pf-v5-c-menu__list-item.pf-m-load {
20147
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20148
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20149
20247
  --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
20150
20248
  }
20151
20249
  .pf-v5-c-menu__list-item.pf-m-loading {
20152
- --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
20153
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
20154
20250
  justify-content: center;
20155
- padding-block-start: var(--pf-v5-c-menu__list-item--m-loading--PaddingTop);
20156
20251
  overflow: hidden;
20252
+ pointer-events: none;
20253
+ }
20254
+ .pf-v5-c-menu__list-item.pf-m-loading .pf-v5-c-menu__item-text {
20255
+ text-align: center;
20157
20256
  }
20158
20257
  .pf-v5-c-menu__list-item.pf-m-danger {
20159
- --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger__item--Color, inherit);
20258
+ --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--Color);
20259
+ }
20260
+ .pf-v5-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
20261
+ --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));
20262
+ }
20263
+ .pf-v5-c-menu__list-item:has(.pf-v5-c-menu__item-action) {
20264
+ padding-inline-end: var(--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd);
20265
+ }
20266
+ .pf-v5-c-menu__list-item:has(> :hover) {
20267
+ --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20268
+ --pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
20269
+ }
20270
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
20271
+ .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
20272
+ opacity: 1;
20160
20273
  }
20161
20274
 
20162
20275
  .pf-v5-c-menu__item {
20163
- display: flex;
20164
20276
  flex-basis: 100%;
20165
20277
  flex-direction: column;
20166
20278
  min-width: 0;
20167
- padding-block-start: var(--pf-v5-c-menu__item--PaddingTop);
20168
- padding-block-end: var(--pf-v5-c-menu__item--PaddingBottom);
20169
- padding-inline-start: var(--pf-v5-c-menu__item--PaddingLeft);
20170
- padding-inline-end: var(--pf-v5-c-menu__item--PaddingRight);
20279
+ padding-block-start: var(--pf-v5-c-menu__item--PaddingBlockStart);
20280
+ padding-block-end: var(--pf-v5-c-menu__item--PaddingBlockEnd);
20281
+ padding-inline-start: var(--pf-v5-c-menu__item--PaddingInlineStart);
20282
+ padding-inline-end: var(--pf-v5-c-menu__item--PaddingInlineEnd);
20171
20283
  font-size: var(--pf-v5-c-menu__item--FontSize);
20172
20284
  font-weight: var(--pf-v5-c-menu__item--FontWeight);
20173
20285
  line-height: var(--pf-v5-c-menu__item--LineHeight);
20174
20286
  color: var(--pf-v5-c-menu__item--Color);
20175
20287
  text-align: start;
20176
- background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20177
- border: none;
20178
- }
20179
- .pf-v5-c-menu__item:hover {
20180
20288
  text-decoration: none;
20289
+ background-color: var(--pf-v5-c-menu__item--BackgroundColor);
20290
+ border: 0;
20291
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20181
20292
  }
20182
- .pf-v5-c-menu__item:hover, .pf-v5-c-menu__item:focus {
20183
- --pf-v5-c-menu__item-external-icon--Opacity: 1;
20293
+ .pf-v5-c-menu__item.pf-m-selected {
20294
+ --pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-c-menu__item--m-selected__item-select-icon--Color);
20184
20295
  }
20185
- .pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon {
20296
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-select-icon,
20297
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20186
20298
  opacity: 1;
20187
20299
  }
20188
- label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disabled)) {
20189
- cursor: pointer;
20300
+ .pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
20301
+ color: var(--pf-v5-c-menu__item-external--Color);
20302
+ }
20303
+
20304
+ .pf-v5-c-menu__item-select-icon {
20305
+ color: var(--pf-v5-c-menu__item-select-icon--Color);
20190
20306
  }
20191
20307
 
20192
20308
  .pf-v5-c-menu__item-main {
20193
- display: flex;
20309
+ column-gap: var(--pf-v5-c-menu__item-main--ColumnGap);
20194
20310
  align-items: center;
20195
20311
  width: 100%;
20196
20312
  }
20197
20313
 
20198
- .pf-v5-c-menu__item-external-icon {
20199
- margin-inline-start: var(--pf-v5-c-menu__item-external-icon--MarginLeft);
20200
- font-size: var(--pf-v5-c-menu__item-external-icon--FontSize);
20201
- color: var(--pf-v5-c-menu__item-external-icon--Color);
20202
- opacity: var(--pf-v5-c-menu__item-external-icon--Opacity);
20203
- }
20204
-
20205
20314
  .pf-v5-c-menu__item-text {
20206
20315
  overflow: hidden;
20207
20316
  text-overflow: ellipsis;
@@ -20209,16 +20318,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20209
20318
  flex-grow: 1;
20210
20319
  }
20211
20320
 
20212
- .pf-v5-c-menu__group {
20213
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__group--Display);
20214
- }
20215
-
20216
20321
  .pf-v5-c-menu__group-title {
20217
- padding-block-start: var(--pf-v5-c-menu__group-title--PaddingTop);
20218
- padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingLeft);
20219
- padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingRight);
20220
- font-size: var(--pf-v5-c-menu__group-title--FontSize);
20221
- font-weight: var(--pf-v5-c-menu__group-title--FontWeight);
20322
+ padding-block-start: var(--pf-v5-c-menu__group-title--PaddingBlockStart);
20323
+ padding-block-end: var(--pf-v5-c-menu__group-title--PaddingBlockEnd);
20324
+ padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingInlineStart);
20325
+ padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingInlineEnd);
20326
+ font-size: var(--pf-v5-c-menu__group-title--FontSize, inherit);
20327
+ font-weight: var(--pf-v5-c-menu__group-title--FontWeight, inherit);
20222
20328
  color: var(--pf-v5-c-menu__group-title--Color);
20223
20329
  }
20224
20330
 
@@ -20228,97 +20334,58 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20228
20334
  word-break: break-word;
20229
20335
  }
20230
20336
 
20231
- .pf-v5-c-menu__item-icon {
20232
- margin-inline-end: var(--pf-v5-c-menu__item-icon--MarginRight);
20233
- }
20234
-
20235
- .pf-v5-c-menu__item-check {
20236
- display: flex;
20237
- align-items: center;
20238
- margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
20239
- }
20240
20337
  .pf-v5-c-menu__item-check .pf-v5-c-check {
20241
20338
  --pf-v5-c-check__input--TranslateY: none;
20242
20339
  }
20340
+ .pf-v5-c-menu__item-check .pf-v5-c-check input::before {
20341
+ position: absolute;
20342
+ inset: 0;
20343
+ content: "";
20344
+ }
20243
20345
 
20244
20346
  .pf-v5-c-menu__item-toggle-icon {
20245
- padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
20246
- padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
20247
- color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
20347
+ color: var(--pf-v5-c-menu__item-toggle-icon--Color, inherit);
20248
20348
  }
20249
20349
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
20250
20350
  scale: -1 1;
20251
20351
  }
20252
20352
 
20253
- .pf-v5-c-menu__item-text + .pf-v5-c-menu__item-toggle-icon {
20254
- margin-inline-start: var(--pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft);
20255
- }
20256
-
20257
- .pf-v5-c-menu__item-toggle-icon + .pf-v5-c-menu__item-text {
20258
- margin-inline-start: var(--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft);
20353
+ .pf-v5-c-menu__item-icon {
20354
+ color: var(--pf-v5-c-menu__item--icon--Color, inherit);
20259
20355
  }
20260
20356
 
20261
- .pf-v5-c-menu__item-select-icon {
20262
- margin-inline-start: var(--pf-v5-c-menu__item-select-icon--MarginLeft);
20263
- font-size: var(--pf-v5-c-menu__item-select-icon--FontSize);
20264
- color: var(--pf-v5-c-menu__item-select-icon--Color);
20357
+ .pf-v5-c-menu__item-select-icon,
20358
+ .pf-v5-c-menu__item-external-icon {
20265
20359
  opacity: 0;
20266
20360
  }
20267
20361
 
20268
- .pf-v5-c-menu__item-action {
20269
- display: flex;
20270
- padding-block-start: var(--pf-v5-c-menu__item-action--PaddingTop);
20271
- padding-block-end: var(--pf-v5-c-menu__item-action--PaddingBottom);
20272
- padding-inline-start: var(--pf-v5-c-menu__item-action--PaddingLeft);
20273
- padding-inline-end: var(--pf-v5-c-menu__item-action--PaddingRight);
20274
- color: var(--pf-v5-c-menu__item-action--Color);
20275
- background-color: var(--pf-v5-c-menu__item-action--BackgroundColor);
20276
- border: none;
20277
- }
20278
- .pf-v5-c-menu__item-action.pf-m-favorite .pf-v5-c-menu__item-action-icon {
20279
- font-size: var(--pf-v5-c-menu__item-action--m-favorite__icon--FontSize);
20280
- }
20281
- .pf-v5-c-menu__item-action.pf-m-favorited {
20362
+ .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,
20363
+ .pf-v5-c-menu__item-action.pf-m-favorited,
20364
+ .pf-v5-c-menu__item-action.pf-m-favorited:hover,
20365
+ .pf-v5-c-menu__item-action.pf-m-favorited .pf-v5-c-button {
20366
+ --pf-v5-c-button--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20282
20367
  --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
20283
- --pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-c-menu__item-action--m-favorited--hover--Color);
20284
- }
20285
- .pf-v5-c-menu__item-action:hover, .pf-v5-c-menu__item-action:focus {
20286
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
20287
- }
20288
- .pf-v5-c-menu__item-action:disabled, .pf-v5-c-menu__item-action.pf-m-disabled, .pf-v5-c-menu__item-action.pf-m-aria-disabled {
20289
- --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
20290
- }
20291
-
20292
- .pf-v5-c-menu__item-action-icon {
20293
- display: flex;
20294
- align-items: center;
20295
- height: var(--pf-v5-c-menu__item-action-icon--Height);
20296
20368
  }
20297
20369
 
20298
- .pf-v5-c-menu__footer {
20299
- position: relative;
20300
- padding-block-start: var(--pf-v5-c-menu__footer--PaddingTop);
20301
- padding-block-end: var(--pf-v5-c-menu__footer--PaddingBottom);
20302
- padding-inline-start: var(--pf-v5-c-menu__footer--PaddingLeft);
20303
- padding-inline-end: var(--pf-v5-c-menu__footer--PaddingRight);
20304
- box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
20370
+ .pf-v5-c-menu__breadcrumb {
20371
+ --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--FontSize);
20372
+ padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingBlockStart);
20373
+ padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBlockEnd);
20374
+ padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingInlineStart);
20375
+ padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingInlineEnd);
20305
20376
  }
20306
- .pf-v5-c-menu__footer::after {
20307
- position: absolute;
20308
- inset: 0;
20309
- pointer-events: none;
20310
- content: "";
20311
- border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20377
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu {
20378
+ min-width: auto;
20379
+ padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
20380
+ padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
20312
20381
  }
20313
-
20314
- :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20315
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20382
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu__content {
20383
+ height: auto;
20316
20384
  }
20317
-
20318
- :where(.pf-v5-theme-dark) .pf-v5-c-menu {
20319
- --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20320
- --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20321
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20385
+ .pf-v5-c-menu__breadcrumb .pf-v5-c-menu-toggle {
20386
+ --pf-v5-c-menu-toggle--BorderWidth: 0;
20387
+ --pf-v5-c-menu-toggle--BorderColor: transparent;
20388
+ outline-offset: var(--pf-v5-c-menu--OutlineOffset);
20322
20389
  }
20323
20390
 
20324
20391
  :where(:root),
@@ -21464,18 +21531,18 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21464
21531
  --pf-v5-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
21465
21532
  --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
21466
21533
  --pf-v5-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
21467
- --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21534
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
21468
21535
  --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
21469
21536
  --pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
21470
- --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21537
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
21471
21538
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
21472
21539
  --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
21473
21540
  --pf-v5-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
21474
- --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--active);
21541
+ --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
21475
21542
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
21476
21543
  --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
21477
21544
  --pf-v5-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
21478
- --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--active);
21545
+ --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
21479
21546
  }
21480
21547
 
21481
21548
  .pf-v5-c-notification-badge {
@@ -23041,7 +23108,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23041
23108
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
23042
23109
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
23043
23110
  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
23044
- --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
23111
+ --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
23045
23112
  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
23046
23113
  --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));
23047
23114
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
@@ -26211,7 +26278,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26211
26278
  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26212
26279
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
26213
26280
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26214
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26281
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
26215
26282
  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26216
26283
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26217
26284
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -26227,9 +26294,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26227
26294
  --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
26228
26295
  --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
26229
26296
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26230
- --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26297
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
26231
26298
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26232
- --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26299
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
26233
26300
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
26234
26301
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
26235
26302
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -27942,7 +28009,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27942
28009
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27943
28010
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
27944
28011
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27945
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
28012
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
27946
28013
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
27947
28014
  --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));
27948
28015
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
@@ -27953,7 +28020,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27953
28020
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27954
28021
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27955
28022
  --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27956
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
28023
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
27957
28024
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27958
28025
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27959
28026
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
@@ -27961,7 +28028,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27961
28028
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27962
28029
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27963
28030
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
27964
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
28031
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
27965
28032
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27966
28033
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27967
28034
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
@@ -27975,7 +28042,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27975
28042
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27976
28043
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27977
28044
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27978
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
28045
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
27979
28046
  --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27980
28047
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27981
28048
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
@@ -27983,7 +28050,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27983
28050
  --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);
27984
28051
  --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);
27985
28052
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
27986
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
28053
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
27987
28054
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27988
28055
  --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);
27989
28056
  --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);
@@ -28012,7 +28079,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28012
28079
  --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);
28013
28080
  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28014
28081
  --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);
28015
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
28082
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28016
28083
  --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);
28017
28084
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28018
28085
  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -28033,14 +28100,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28033
28100
  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28034
28101
  --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);
28035
28102
  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28036
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
28103
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28037
28104
  --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);
28038
28105
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28039
28106
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28040
28107
  --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);
28041
28108
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28042
28109
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28043
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
28110
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
28044
28111
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28045
28112
  --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);
28046
28113
  --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);
@@ -29101,7 +29168,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29101
29168
  grid-column: 2;
29102
29169
  }
29103
29170
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29104
- font-weight: var(--pf-t--global--FontWeight--bold);
29171
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29105
29172
  text-align: start;
29106
29173
  content: attr(data-label);
29107
29174
  }
@@ -29241,7 +29308,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29241
29308
  grid-column: 2;
29242
29309
  }
29243
29310
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29244
- font-weight: var(--pf-t--global--FontWeight--bold);
29311
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29245
29312
  text-align: start;
29246
29313
  content: attr(data-label);
29247
29314
  }
@@ -29382,7 +29449,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29382
29449
  grid-column: 2;
29383
29450
  }
29384
29451
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29385
- font-weight: var(--pf-t--global--FontWeight--bold);
29452
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29386
29453
  text-align: start;
29387
29454
  content: attr(data-label);
29388
29455
  }
@@ -29523,7 +29590,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29523
29590
  grid-column: 2;
29524
29591
  }
29525
29592
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29526
- font-weight: var(--pf-t--global--FontWeight--bold);
29593
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29527
29594
  text-align: start;
29528
29595
  content: attr(data-label);
29529
29596
  }
@@ -29664,7 +29731,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29664
29731
  grid-column: 2;
29665
29732
  }
29666
29733
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29667
- font-weight: var(--pf-t--global--FontWeight--bold);
29734
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29668
29735
  text-align: start;
29669
29736
  content: attr(data-label);
29670
29737
  }
@@ -29865,7 +29932,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29865
29932
  --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
29866
29933
  --pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
29867
29934
  --pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
29868
- --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--FontSize--sm);
29935
+ --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
29869
29936
  --pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29870
29937
  }
29871
29938