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

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 (34) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Button/button.css +21 -21
  4. package/components/Button/button.scss +21 -21
  5. package/components/DataList/data-list.css +1 -1
  6. package/components/DataList/data-list.scss +1 -1
  7. package/components/DualListSelector/dual-list-selector.css +3 -8
  8. package/components/DualListSelector/dual-list-selector.scss +5 -11
  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 +5 -22
  14. package/components/Login/login.scss +5 -25
  15. package/components/NotificationBadge/notification-badge.css +4 -4
  16. package/components/NotificationBadge/notification-badge.scss +4 -4
  17. package/components/Pagination/pagination.css +1 -1
  18. package/components/Pagination/pagination.scss +1 -1
  19. package/components/Table/table-grid.css +3 -3
  20. package/components/Table/table-grid.scss +3 -3
  21. package/components/Table/table-tree-view.css +5 -5
  22. package/components/Table/table-tree-view.scss +1 -1
  23. package/components/Table/table.css +8 -8
  24. package/components/Table/table.scss +8 -8
  25. package/components/Tabs/tabs.css +1 -1
  26. package/components/Tabs/tabs.scss +1 -1
  27. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  28. package/docs/components/Login/examples/Login.md +150 -100
  29. package/package.json +1 -1
  30. package/patternfly-no-globals.css +59 -85
  31. package/patternfly-theme-dark-unversioned.css +59 -85
  32. package/patternfly.css +59 -85
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/components/Table/table-tree-view.css CHANGED
@@ -176,7 +176,7 @@
176
176
  grid-column: 2;
177
177
  }
178
178
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
179
- font-weight: var(--pf-t--global--FontWeight--bold);
179
+ font-weight: var(--pf-t--global--font--weight--body--bold);
180
180
  text-align: start;
181
181
  content: attr(data-label);
182
182
  }
@@ -316,7 +316,7 @@
316
316
  grid-column: 2;
317
317
  }
318
318
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
319
- font-weight: var(--pf-t--global--FontWeight--bold);
319
+ font-weight: var(--pf-t--global--font--weight--body--bold);
320
320
  text-align: start;
321
321
  content: attr(data-label);
322
322
  }
@@ -457,7 +457,7 @@
457
457
  grid-column: 2;
458
458
  }
459
459
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
460
- font-weight: var(--pf-t--global--FontWeight--bold);
460
+ font-weight: var(--pf-t--global--font--weight--body--bold);
461
461
  text-align: start;
462
462
  content: attr(data-label);
463
463
  }
@@ -598,7 +598,7 @@
598
598
  grid-column: 2;
599
599
  }
600
600
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
601
- font-weight: var(--pf-t--global--FontWeight--bold);
601
+ font-weight: var(--pf-t--global--font--weight--body--bold);
602
602
  text-align: start;
603
603
  content: attr(data-label);
604
604
  }
@@ -739,7 +739,7 @@
739
739
  grid-column: 2;
740
740
  }
741
741
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
742
- font-weight: var(--pf-t--global--FontWeight--bold);
742
+ font-weight: var(--pf-t--global--font--weight--body--bold);
743
743
  text-align: start;
744
744
  content: attr(data-label);
745
745
  }
package/components/Table/table-tree-view.scss CHANGED
@@ -249,7 +249,7 @@ $pf-v5-c-tree-view--MaxDepth: 10;
249
249
  }
250
250
 
251
251
  &::before {
252
- font-weight: var(--pf-t--global--FontWeight--bold);;
252
+ font-weight: var(--pf-t--global--font--weight--body--bold);
253
253
  text-align: start;
254
254
  content: attr(data-label);
255
255
  }
package/components/Table/table.css CHANGED
@@ -151,7 +151,7 @@
151
151
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
152
152
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
153
153
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
154
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
154
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
155
155
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
156
156
  --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));
157
157
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
@@ -162,7 +162,7 @@
162
162
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
163
163
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
164
164
  --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
165
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
165
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
166
166
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
167
167
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
168
168
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
@@ -170,7 +170,7 @@
170
170
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
171
171
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
172
172
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
173
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
173
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
174
174
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
175
175
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
176
176
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
@@ -184,7 +184,7 @@
184
184
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
185
185
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
186
186
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
187
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
187
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
188
188
  --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
189
189
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
190
190
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
@@ -192,7 +192,7 @@
192
192
  --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);
193
193
  --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);
194
194
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
195
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
195
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
196
196
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
197
197
  --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);
198
198
  --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);
@@ -221,7 +221,7 @@
221
221
  --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);
222
222
  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
223
223
  --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);
224
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
224
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
225
225
  --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);
226
226
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
227
227
  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -242,14 +242,14 @@
242
242
  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
243
243
  --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);
244
244
  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
245
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
245
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
246
246
  --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);
247
247
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
248
248
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
249
249
  --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);
250
250
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
251
251
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
252
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
252
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
253
253
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
254
254
  --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);
255
255
  --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);
package/components/Table/table.scss CHANGED
@@ -150,7 +150,7 @@
150
150
  --#{$table}__expandable-row--after--Bottom: calc(var(--#{$table}--border-width--base) * -1);
151
151
  --#{$table}__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
152
152
  --#{$table}__expandable-row--after--BorderLeftWidth: 0;
153
- --#{$table}__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
153
+ --#{$table}__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
154
154
 
155
155
  // Icon inline
156
156
  --#{$table}__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
@@ -167,7 +167,7 @@
167
167
  --#{$table}__sort__button--MarginBottom: calc(var(--#{$table}__sort__button--PaddingBottom) * -1);
168
168
  --#{$table}__sort__button--MarginLeft: calc(var(--#{$table}__sort__button--PaddingLeft) * -1);
169
169
  --#{$table}__sort__button--Color: var(--pf-t--global--text--color--regular);
170
- --#{$table}__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
170
+ --#{$table}__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
171
171
  --#{$table}__sort--m-help--MinWidth: 15ch;
172
172
 
173
173
  // Sort text
@@ -179,7 +179,7 @@
179
179
  // Sort indicator
180
180
  --#{$table}__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
181
181
  --#{$table}__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
182
- --#{$table}__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
182
+ --#{$table}__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
183
183
  --#{$table}__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
184
184
  --#{$table}__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
185
185
  --#{$table}__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
@@ -199,7 +199,7 @@
199
199
  --#{$table}__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
200
200
  --#{$table}__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
201
201
  --#{$table}__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
202
- --#{$table}__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
202
+ --#{$table}__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
203
203
 
204
204
  // ::before border treatment
205
205
  --#{$table}__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
@@ -211,7 +211,7 @@
211
211
 
212
212
  // ::before border treatment
213
213
  --#{$table}__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
214
- --#{$table}__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
214
+ --#{$table}__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
215
215
  --#{$table}__compound-expansion-toggle__button--after--BorderTopWidth: 0;
216
216
  --#{$table}__compound-expansion-toggle__button--after--Top: calc(var(--#{$table}__compound-expansion-toggle__button--before--border-width--base) * -1);
217
217
  --#{$table}__compound-expansion-toggle__button--after--Left: calc(var(--#{$table}__compound-expansion-toggle__button--before--border-width--base) * -1);
@@ -250,7 +250,7 @@
250
250
  --#{$table}__tr--m-clickable--focus--BoxShadow: var(--#{$table}__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
251
251
  --#{$table}__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
252
252
  --#{$table}__tr--m-clickable--active--BoxShadow: var(--#{$table}__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
253
- --#{$table}__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
253
+ --#{$table}__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
254
254
  --#{$table}__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
255
255
 
256
256
  // tr selected
@@ -275,7 +275,7 @@
275
275
  --#{$table}__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
276
276
  --#{$table}__tbody--m-clickable--active--BoxShadow: var(--#{$table}__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
277
277
  --#{$table}__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
278
- --#{$table}__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
278
+ --#{$table}__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
279
279
  --#{$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);
280
280
 
281
281
  // tbody selected
@@ -284,7 +284,7 @@
284
284
  --#{$table}__tbody--m-selected--BoxShadow: var(--#{$table}__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
285
285
  --#{$table}__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
286
286
  --#{$table}__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--#{$table}__expandable-row--after--border-width--base));
287
- --#{$table}__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
287
+ --#{$table}__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
288
288
  --#{$table}__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
289
289
  --#{$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);
290
290
  --#{$table}__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--#{$table}__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
package/components/Tabs/tabs.css CHANGED
@@ -132,7 +132,7 @@
132
132
  --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
133
133
  --pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
134
134
  --pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
135
- --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--FontSize--sm);
135
+ --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
136
136
  --pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
137
137
  }
138
138
 
package/components/Tabs/tabs.scss CHANGED
@@ -166,7 +166,7 @@ $pf-v5-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
166
166
  --#{$tabs}__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
167
167
  --#{$tabs}__link-toggle-icon--Transition: .2s ease-in 0s;
168
168
  --#{$tabs}__link-toggle-icon--Rotate: 0;
169
- --#{$tabs}__link-toggle-icon--FontSize: var(--pf-t--global--FontSize--sm);
169
+ --#{$tabs}__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
170
170
  --#{$tabs}__link--m-expanded__toggle-icon--Rotate: 90deg;
171
171
  }
172
172
 
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -108,7 +108,7 @@ cssPrefix: pf-v5-c-dual-list-selector
108
108
  id="basic-available-status-text"
109
109
  >0 of 5 items selected</span>
110
110
  </div>
111
- <div class="pf-v5-c-dual-list-selector__menu">
111
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
112
112
  <ul
113
113
  class="pf-v5-c-dual-list-selector__list"
114
114
  role="listbox"
@@ -325,7 +325,7 @@ cssPrefix: pf-v5-c-dual-list-selector
325
325
  id="basic-chosen-status-text"
326
326
  >0 of 0 items selected</span>
327
327
  </div>
328
- <div class="pf-v5-c-dual-list-selector__menu">
328
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
329
329
  <ul
330
330
  class="pf-v5-c-dual-list-selector__list"
331
331
  role="listbox"
@@ -443,7 +443,7 @@ cssPrefix: pf-v5-c-dual-list-selector
443
443
  id="available-item-selected-available-status-text"
444
444
  >1 of 5 items selected</span>
445
445
  </div>
446
- <div class="pf-v5-c-dual-list-selector__menu">
446
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
447
447
  <ul
448
448
  class="pf-v5-c-dual-list-selector__list"
449
449
  role="listbox"
@@ -654,7 +654,7 @@ cssPrefix: pf-v5-c-dual-list-selector
654
654
  id="available-item-selected-chosen-status-text"
655
655
  >0 of 0 items selected</span>
656
656
  </div>
657
- <div class="pf-v5-c-dual-list-selector__menu">
657
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
658
658
  <ul
659
659
  class="pf-v5-c-dual-list-selector__list"
660
660
  role="listbox"
@@ -772,7 +772,7 @@ cssPrefix: pf-v5-c-dual-list-selector
772
772
  id="multiple-available-items-selected-available-status-text"
773
773
  >3 of 5 items selected</span>
774
774
  </div>
775
- <div class="pf-v5-c-dual-list-selector__menu">
775
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
776
776
  <ul
777
777
  class="pf-v5-c-dual-list-selector__list"
778
778
  role="listbox"
@@ -983,7 +983,7 @@ cssPrefix: pf-v5-c-dual-list-selector
983
983
  id="multiple-available-items-selected-chosen-status-text"
984
984
  >0 of 0 items selected</span>
985
985
  </div>
986
- <div class="pf-v5-c-dual-list-selector__menu">
986
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
987
987
  <ul
988
988
  class="pf-v5-c-dual-list-selector__list"
989
989
  role="listbox"
@@ -1101,7 +1101,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1101
1101
  id="chosen-item-available-status-text"
1102
1102
  >0 of 4 items selected</span>
1103
1103
  </div>
1104
- <div class="pf-v5-c-dual-list-selector__menu">
1104
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1105
1105
  <ul
1106
1106
  class="pf-v5-c-dual-list-selector__list"
1107
1107
  role="listbox"
@@ -1312,7 +1312,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1312
1312
  id="chosen-item-chosen-status-text"
1313
1313
  >0 of 1 items selected</span>
1314
1314
  </div>
1315
- <div class="pf-v5-c-dual-list-selector__menu">
1315
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1316
1316
  <ul
1317
1317
  class="pf-v5-c-dual-list-selector__list"
1318
1318
  role="listbox"
@@ -1443,7 +1443,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1443
1443
  id="chosen-item-selected-available-status-text"
1444
1444
  >0 of 4 items selected</span>
1445
1445
  </div>
1446
- <div class="pf-v5-c-dual-list-selector__menu">
1446
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1447
1447
  <ul
1448
1448
  class="pf-v5-c-dual-list-selector__list"
1449
1449
  role="listbox"
@@ -1653,7 +1653,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1653
1653
  id="chosen-item-selected-chosen-status-text"
1654
1654
  >1 of 1 items selected</span>
1655
1655
  </div>
1656
- <div class="pf-v5-c-dual-list-selector__menu">
1656
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1657
1657
  <ul
1658
1658
  class="pf-v5-c-dual-list-selector__list"
1659
1659
  role="listbox"
@@ -1784,7 +1784,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1784
1784
  id="tree-available-status-text"
1785
1785
  >1 of 11 items selected</span>
1786
1786
  </div>
1787
- <div class="pf-v5-c-dual-list-selector__menu">
1787
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1788
1788
  <ul
1789
1789
  class="pf-v5-c-dual-list-selector__list"
1790
1790
  role="tree"
@@ -2263,7 +2263,7 @@ cssPrefix: pf-v5-c-dual-list-selector
2263
2263
  id="tree-chosen-status-text"
2264
2264
  >0 of 0 items selected</span>
2265
2265
  </div>
2266
- <div class="pf-v5-c-dual-list-selector__menu">
2266
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
2267
2267
  <ul
2268
2268
  class="pf-v5-c-dual-list-selector__list"
2269
2269
  role="listbox"
@@ -2381,7 +2381,7 @@ cssPrefix: pf-v5-c-dual-list-selector
2381
2381
  id="tree-options-available-status-text"
2382
2382
  >0 of 10 items selected</span>
2383
2383
  </div>
2384
- <div class="pf-v5-c-dual-list-selector__menu">
2384
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
2385
2385
  <ul
2386
2386
  class="pf-v5-c-dual-list-selector__list"
2387
2387
  role="tree"
@@ -2841,7 +2841,7 @@ cssPrefix: pf-v5-c-dual-list-selector
2841
2841
  id="tree-options-chosen-status-text"
2842
2842
  >0 of 0 items selected</span>
2843
2843
  </div>
2844
- <div class="pf-v5-c-dual-list-selector__menu">
2844
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
2845
2845
  <ul
2846
2846
  class="pf-v5-c-dual-list-selector__list"
2847
2847
  role="tree"
@@ -3026,7 +3026,7 @@ cssPrefix: pf-v5-c-dual-list-selector
3026
3026
  id="draggable-available-status-text"
3027
3027
  >0 of 5 items selected</span>
3028
3028
  </div>
3029
- <div class="pf-v5-c-dual-list-selector__menu">
3029
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
3030
3030
  <ul
3031
3031
  class="pf-v5-c-dual-list-selector__list"
3032
3032
  role="listbox"
@@ -3214,7 +3214,7 @@ cssPrefix: pf-v5-c-dual-list-selector
3214
3214
  id="draggable-chosen-status-text"
3215
3215
  >0 of 0 items selected</span>
3216
3216
  </div>
3217
- <div class="pf-v5-c-dual-list-selector__menu">
3217
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
3218
3218
  <ul
3219
3219
  class="pf-v5-c-dual-list-selector__list"
3220
3220
  role="listbox"