@patternfly/patternfly 5.1.0-prerelease.4 → 6.0.0-alpha.1

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 (51) hide show
  1. package/CODE_OF_CONDUCT.md +2 -1
  2. package/components/DataList/data-list-grid.css +0 -28
  3. package/components/DataList/data-list.css +0 -28
  4. package/components/FormControl/form-control.css +3 -2
  5. package/components/FormControl/form-control.scss +3 -2
  6. package/components/NumberInput/number-input.css +1 -1
  7. package/components/Pagination/pagination.css +1 -1
  8. package/components/Table/table-grid.css +0 -24
  9. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  11. package/docs/components/Card/examples/Card.md +152 -64
  12. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  13. package/docs/components/DataList/examples/DataList.md +391 -136
  14. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
  16. package/docs/components/FormControl/examples/FormControl.md +2 -1
  17. package/docs/components/Hint/examples/Hint.md +57 -24
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  19. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  20. package/docs/components/Menu/examples/Menu.md +41 -20
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  23. package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
  24. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  25. package/docs/components/Pagination/examples/Pagination.md +195 -65
  26. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  27. package/docs/components/Select/deprecated/Select.css +3 -3
  28. package/docs/components/Select/deprecated/Select.md +40 -52
  29. package/docs/components/Table/examples/Table.md +4546 -1668
  30. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  31. package/docs/components/Toolbar/examples/Toolbar.md +142 -68
  32. package/docs/components/TreeView/examples/TreeView.md +23 -8
  33. package/docs/demos/Card/examples/Card.md +46 -21
  34. package/docs/demos/CardView/examples/CardView.md +182 -74
  35. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  36. package/docs/demos/Dashboard/examples/Dashboard.md +15 -6
  37. package/docs/demos/DataList/examples/DataList.md +163 -70
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  39. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  40. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  41. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
  42. package/docs/demos/Table/examples/Table.md +1422 -607
  43. package/docs/demos/Tabs/examples/Tabs.md +113 -48
  44. package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
  45. package/package.json +39 -38
  46. package/patternfly-no-globals.css +4 -55
  47. package/patternfly-theme-dark-unversioned.css +4 -55
  48. package/patternfly.css +4 -55
  49. package/patternfly.min.css +1 -1
  50. package/patternfly.min.css.map +1 -1
  51. package/sass-utilities/placeholders.scss +1 -1
@@ -43,89 +43,106 @@ deprecated: true
43
43
  </div>
44
44
  </div>
45
45
  </div>
46
- <ul class="pf-v5-c-context-selector__menu-list" role="list">
47
- <li>
48
- <a class="pf-v5-c-context-selector__menu-list-item" href="#">Link</a>
46
+ <ul class="pf-v5-c-context-selector__menu-list" role="menu">
47
+ <li role="none">
48
+ <a
49
+ class="pf-v5-c-context-selector__menu-list-item"
50
+ href="#"
51
+ role="menuitem"
52
+ >Link</a>
49
53
  </li>
50
- <li>
54
+ <li role="none">
51
55
  <button
52
56
  class="pf-v5-c-context-selector__menu-list-item"
53
57
  type="button"
58
+ role="menuitem"
54
59
  >Action</button>
55
60
  </li>
56
- <li>
61
+ <li role="none">
57
62
  <a
58
63
  class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
59
64
  href="#"
60
65
  aria-disabled="true"
61
66
  tabindex="-1"
67
+ role="menuitem"
62
68
  >Disabled link</a>
63
69
  </li>
64
- <li>
70
+ <li role="none">
65
71
  <button
66
72
  class="pf-v5-c-context-selector__menu-list-item"
67
73
  type="button"
68
74
  disabled
75
+ role="menuitem"
69
76
  >Disabled action</button>
70
77
  </li>
71
- <li>
78
+ <li role="none">
72
79
  <button
73
80
  class="pf-v5-c-context-selector__menu-list-item"
74
81
  type="button"
82
+ role="menuitem"
75
83
  >My project</button>
76
84
  </li>
77
- <li>
85
+ <li role="none">
78
86
  <button
79
87
  class="pf-v5-c-context-selector__menu-list-item"
80
88
  type="button"
89
+ role="menuitem"
81
90
  >OpenShift cluster</button>
82
91
  </li>
83
- <li>
92
+ <li role="none">
84
93
  <button
85
94
  class="pf-v5-c-context-selector__menu-list-item"
86
95
  type="button"
96
+ role="menuitem"
87
97
  >Production Ansible</button>
88
98
  </li>
89
- <li>
99
+ <li role="none">
90
100
  <button
91
101
  class="pf-v5-c-context-selector__menu-list-item"
92
102
  type="button"
103
+ role="menuitem"
93
104
  >AWS</button>
94
105
  </li>
95
- <li>
106
+ <li role="none">
96
107
  <button
97
108
  class="pf-v5-c-context-selector__menu-list-item"
98
109
  type="button"
110
+ role="menuitem"
99
111
  >Azure</button>
100
112
  </li>
101
- <li>
113
+ <li role="none">
102
114
  <button
103
115
  class="pf-v5-c-context-selector__menu-list-item"
104
116
  type="button"
117
+ role="menuitem"
105
118
  >My project</button>
106
119
  </li>
107
- <li>
120
+ <li role="none">
108
121
  <button
109
122
  class="pf-v5-c-context-selector__menu-list-item"
110
123
  type="button"
124
+ role="menuitem"
111
125
  >OpenShift cluster</button>
112
126
  </li>
113
- <li>
127
+ <li role="none">
114
128
  <button
115
129
  class="pf-v5-c-context-selector__menu-list-item"
116
130
  type="button"
131
+ role="menuitem"
117
132
  >Production Ansible</button>
118
133
  </li>
119
- <li>
134
+ <li role="none">
120
135
  <button
121
136
  class="pf-v5-c-context-selector__menu-list-item"
122
137
  type="button"
138
+ role="menuitem"
123
139
  >AWS</button>
124
140
  </li>
125
- <li>
141
+ <li role="none">
126
142
  <button
127
143
  class="pf-v5-c-context-selector__menu-list-item"
128
144
  type="button"
145
+ role="menuitem"
129
146
  >Azure</button>
130
147
  </li>
131
148
  </ul>
@@ -164,89 +181,106 @@ deprecated: true
164
181
  </div>
165
182
  </div>
166
183
  </div>
167
- <ul class="pf-v5-c-context-selector__menu-list" role="list">
168
- <li>
169
- <a class="pf-v5-c-context-selector__menu-list-item" href="#">Link</a>
184
+ <ul class="pf-v5-c-context-selector__menu-list" role="menu">
185
+ <li role="none">
186
+ <a
187
+ class="pf-v5-c-context-selector__menu-list-item"
188
+ href="#"
189
+ role="menuitem"
190
+ >Link</a>
170
191
  </li>
171
- <li>
192
+ <li role="none">
172
193
  <button
173
194
  class="pf-v5-c-context-selector__menu-list-item"
174
195
  type="button"
196
+ role="menuitem"
175
197
  >Action</button>
176
198
  </li>
177
- <li>
199
+ <li role="none">
178
200
  <a
179
201
  class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
180
202
  href="#"
181
203
  aria-disabled="true"
182
204
  tabindex="-1"
205
+ role="menuitem"
183
206
  >Disabled link</a>
184
207
  </li>
185
- <li>
208
+ <li role="none">
186
209
  <button
187
210
  class="pf-v5-c-context-selector__menu-list-item"
188
211
  type="button"
189
212
  disabled
213
+ role="menuitem"
190
214
  >Disabled action</button>
191
215
  </li>
192
- <li>
216
+ <li role="none">
193
217
  <button
194
218
  class="pf-v5-c-context-selector__menu-list-item"
195
219
  type="button"
220
+ role="menuitem"
196
221
  >My project</button>
197
222
  </li>
198
- <li>
223
+ <li role="none">
199
224
  <button
200
225
  class="pf-v5-c-context-selector__menu-list-item"
201
226
  type="button"
227
+ role="menuitem"
202
228
  >OpenShift cluster</button>
203
229
  </li>
204
- <li>
230
+ <li role="none">
205
231
  <button
206
232
  class="pf-v5-c-context-selector__menu-list-item"
207
233
  type="button"
234
+ role="menuitem"
208
235
  >Production Ansible</button>
209
236
  </li>
210
- <li>
237
+ <li role="none">
211
238
  <button
212
239
  class="pf-v5-c-context-selector__menu-list-item"
213
240
  type="button"
241
+ role="menuitem"
214
242
  >AWS</button>
215
243
  </li>
216
- <li>
244
+ <li role="none">
217
245
  <button
218
246
  class="pf-v5-c-context-selector__menu-list-item"
219
247
  type="button"
248
+ role="menuitem"
220
249
  >Azure</button>
221
250
  </li>
222
- <li>
251
+ <li role="none">
223
252
  <button
224
253
  class="pf-v5-c-context-selector__menu-list-item"
225
254
  type="button"
255
+ role="menuitem"
226
256
  >My project</button>
227
257
  </li>
228
- <li>
258
+ <li role="none">
229
259
  <button
230
260
  class="pf-v5-c-context-selector__menu-list-item"
231
261
  type="button"
262
+ role="menuitem"
232
263
  >OpenShift cluster</button>
233
264
  </li>
234
- <li>
265
+ <li role="none">
235
266
  <button
236
267
  class="pf-v5-c-context-selector__menu-list-item"
237
268
  type="button"
269
+ role="menuitem"
238
270
  >Production Ansible</button>
239
271
  </li>
240
- <li>
272
+ <li role="none">
241
273
  <button
242
274
  class="pf-v5-c-context-selector__menu-list-item"
243
275
  type="button"
276
+ role="menuitem"
244
277
  >AWS</button>
245
278
  </li>
246
- <li>
279
+ <li role="none">
247
280
  <button
248
281
  class="pf-v5-c-context-selector__menu-list-item"
249
282
  type="button"
283
+ role="menuitem"
250
284
  >Azure</button>
251
285
  </li>
252
286
  </ul>
@@ -293,89 +327,106 @@ deprecated: true
293
327
  </div>
294
328
  </div>
295
329
  </div>
296
- <ul class="pf-v5-c-context-selector__menu-list" role="list">
297
- <li>
298
- <a class="pf-v5-c-context-selector__menu-list-item" href="#">Link</a>
330
+ <ul class="pf-v5-c-context-selector__menu-list" role="menu">
331
+ <li role="none">
332
+ <a
333
+ class="pf-v5-c-context-selector__menu-list-item"
334
+ href="#"
335
+ role="menuitem"
336
+ >Link</a>
299
337
  </li>
300
- <li>
338
+ <li role="none">
301
339
  <button
302
340
  class="pf-v5-c-context-selector__menu-list-item"
303
341
  type="button"
342
+ role="menuitem"
304
343
  >Action</button>
305
344
  </li>
306
- <li>
345
+ <li role="none">
307
346
  <a
308
347
  class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
309
348
  href="#"
310
349
  aria-disabled="true"
311
350
  tabindex="-1"
351
+ role="menuitem"
312
352
  >Disabled link</a>
313
353
  </li>
314
- <li>
354
+ <li role="none">
315
355
  <button
316
356
  class="pf-v5-c-context-selector__menu-list-item"
317
357
  type="button"
318
358
  disabled
359
+ role="menuitem"
319
360
  >Disabled action</button>
320
361
  </li>
321
- <li>
362
+ <li role="none">
322
363
  <button
323
364
  class="pf-v5-c-context-selector__menu-list-item"
324
365
  type="button"
366
+ role="menuitem"
325
367
  >My project</button>
326
368
  </li>
327
- <li>
369
+ <li role="none">
328
370
  <button
329
371
  class="pf-v5-c-context-selector__menu-list-item"
330
372
  type="button"
373
+ role="menuitem"
331
374
  >OpenShift cluster</button>
332
375
  </li>
333
- <li>
376
+ <li role="none">
334
377
  <button
335
378
  class="pf-v5-c-context-selector__menu-list-item"
336
379
  type="button"
380
+ role="menuitem"
337
381
  >Production Ansible</button>
338
382
  </li>
339
- <li>
383
+ <li role="none">
340
384
  <button
341
385
  class="pf-v5-c-context-selector__menu-list-item"
342
386
  type="button"
387
+ role="menuitem"
343
388
  >AWS</button>
344
389
  </li>
345
- <li>
390
+ <li role="none">
346
391
  <button
347
392
  class="pf-v5-c-context-selector__menu-list-item"
348
393
  type="button"
394
+ role="menuitem"
349
395
  >Azure</button>
350
396
  </li>
351
- <li>
397
+ <li role="none">
352
398
  <button
353
399
  class="pf-v5-c-context-selector__menu-list-item"
354
400
  type="button"
401
+ role="menuitem"
355
402
  >My project</button>
356
403
  </li>
357
- <li>
404
+ <li role="none">
358
405
  <button
359
406
  class="pf-v5-c-context-selector__menu-list-item"
360
407
  type="button"
408
+ role="menuitem"
361
409
  >OpenShift cluster</button>
362
410
  </li>
363
- <li>
411
+ <li role="none">
364
412
  <button
365
413
  class="pf-v5-c-context-selector__menu-list-item"
366
414
  type="button"
415
+ role="menuitem"
367
416
  >Production Ansible</button>
368
417
  </li>
369
- <li>
418
+ <li role="none">
370
419
  <button
371
420
  class="pf-v5-c-context-selector__menu-list-item"
372
421
  type="button"
422
+ role="menuitem"
373
423
  >AWS</button>
374
424
  </li>
375
- <li>
425
+ <li role="none">
376
426
  <button
377
427
  class="pf-v5-c-context-selector__menu-list-item"
378
428
  type="button"
429
+ role="menuitem"
379
430
  >Azure</button>
380
431
  </li>
381
432
  </ul>
@@ -417,89 +468,106 @@ deprecated: true
417
468
  </div>
418
469
  </div>
419
470
  </div>
420
- <ul class="pf-v5-c-context-selector__menu-list" role="list">
421
- <li>
422
- <a class="pf-v5-c-context-selector__menu-list-item" href="#">Link</a>
471
+ <ul class="pf-v5-c-context-selector__menu-list" role="menu">
472
+ <li role="none">
473
+ <a
474
+ class="pf-v5-c-context-selector__menu-list-item"
475
+ href="#"
476
+ role="menuitem"
477
+ >Link</a>
423
478
  </li>
424
- <li>
479
+ <li role="none">
425
480
  <button
426
481
  class="pf-v5-c-context-selector__menu-list-item"
427
482
  type="button"
483
+ role="menuitem"
428
484
  >Action</button>
429
485
  </li>
430
- <li>
486
+ <li role="none">
431
487
  <a
432
488
  class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
433
489
  href="#"
434
490
  aria-disabled="true"
435
491
  tabindex="-1"
492
+ role="menuitem"
436
493
  >Disabled link</a>
437
494
  </li>
438
- <li>
495
+ <li role="none">
439
496
  <button
440
497
  class="pf-v5-c-context-selector__menu-list-item"
441
498
  type="button"
442
499
  disabled
500
+ role="menuitem"
443
501
  >Disabled action</button>
444
502
  </li>
445
- <li>
503
+ <li role="none">
446
504
  <button
447
505
  class="pf-v5-c-context-selector__menu-list-item"
448
506
  type="button"
507
+ role="menuitem"
449
508
  >My project</button>
450
509
  </li>
451
- <li>
510
+ <li role="none">
452
511
  <button
453
512
  class="pf-v5-c-context-selector__menu-list-item"
454
513
  type="button"
514
+ role="menuitem"
455
515
  >OpenShift cluster</button>
456
516
  </li>
457
- <li>
517
+ <li role="none">
458
518
  <button
459
519
  class="pf-v5-c-context-selector__menu-list-item"
460
520
  type="button"
521
+ role="menuitem"
461
522
  >Production Ansible</button>
462
523
  </li>
463
- <li>
524
+ <li role="none">
464
525
  <button
465
526
  class="pf-v5-c-context-selector__menu-list-item"
466
527
  type="button"
528
+ role="menuitem"
467
529
  >AWS</button>
468
530
  </li>
469
- <li>
531
+ <li role="none">
470
532
  <button
471
533
  class="pf-v5-c-context-selector__menu-list-item"
472
534
  type="button"
535
+ role="menuitem"
473
536
  >Azure</button>
474
537
  </li>
475
- <li>
538
+ <li role="none">
476
539
  <button
477
540
  class="pf-v5-c-context-selector__menu-list-item"
478
541
  type="button"
542
+ role="menuitem"
479
543
  >My project</button>
480
544
  </li>
481
- <li>
545
+ <li role="none">
482
546
  <button
483
547
  class="pf-v5-c-context-selector__menu-list-item"
484
548
  type="button"
549
+ role="menuitem"
485
550
  >OpenShift cluster</button>
486
551
  </li>
487
- <li>
552
+ <li role="none">
488
553
  <button
489
554
  class="pf-v5-c-context-selector__menu-list-item"
490
555
  type="button"
556
+ role="menuitem"
491
557
  >Production Ansible</button>
492
558
  </li>
493
- <li>
559
+ <li role="none">
494
560
  <button
495
561
  class="pf-v5-c-context-selector__menu-list-item"
496
562
  type="button"
563
+ role="menuitem"
497
564
  >AWS</button>
498
565
  </li>
499
- <li>
566
+ <li role="none">
500
567
  <button
501
568
  class="pf-v5-c-context-selector__menu-list-item"
502
569
  type="button"
570
+ role="menuitem"
503
571
  >Azure</button>
504
572
  </li>
505
573
  </ul>
@@ -543,89 +611,106 @@ deprecated: true
543
611
  </div>
544
612
  </div>
545
613
  </div>
546
- <ul class="pf-v5-c-context-selector__menu-list" role="list">
547
- <li>
548
- <a class="pf-v5-c-context-selector__menu-list-item" href="#">Link</a>
614
+ <ul class="pf-v5-c-context-selector__menu-list" role="menu">
615
+ <li role="none">
616
+ <a
617
+ class="pf-v5-c-context-selector__menu-list-item"
618
+ href="#"
619
+ role="menuitem"
620
+ >Link</a>
549
621
  </li>
550
- <li>
622
+ <li role="none">
551
623
  <button
552
624
  class="pf-v5-c-context-selector__menu-list-item"
553
625
  type="button"
626
+ role="menuitem"
554
627
  >Action</button>
555
628
  </li>
556
- <li>
629
+ <li role="none">
557
630
  <a
558
631
  class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
559
632
  href="#"
560
633
  aria-disabled="true"
561
634
  tabindex="-1"
635
+ role="menuitem"
562
636
  >Disabled link</a>
563
637
  </li>
564
- <li>
638
+ <li role="none">
565
639
  <button
566
640
  class="pf-v5-c-context-selector__menu-list-item"
567
641
  type="button"
568
642
  disabled
643
+ role="menuitem"
569
644
  >Disabled action</button>
570
645
  </li>
571
- <li>
646
+ <li role="none">
572
647
  <button
573
648
  class="pf-v5-c-context-selector__menu-list-item"
574
649
  type="button"
650
+ role="menuitem"
575
651
  >My project</button>
576
652
  </li>
577
- <li>
653
+ <li role="none">
578
654
  <button
579
655
  class="pf-v5-c-context-selector__menu-list-item"
580
656
  type="button"
657
+ role="menuitem"
581
658
  >OpenShift cluster</button>
582
659
  </li>
583
- <li>
660
+ <li role="none">
584
661
  <button
585
662
  class="pf-v5-c-context-selector__menu-list-item"
586
663
  type="button"
664
+ role="menuitem"
587
665
  >Production Ansible</button>
588
666
  </li>
589
- <li>
667
+ <li role="none">
590
668
  <button
591
669
  class="pf-v5-c-context-selector__menu-list-item"
592
670
  type="button"
671
+ role="menuitem"
593
672
  >AWS</button>
594
673
  </li>
595
- <li>
674
+ <li role="none">
596
675
  <button
597
676
  class="pf-v5-c-context-selector__menu-list-item"
598
677
  type="button"
678
+ role="menuitem"
599
679
  >Azure</button>
600
680
  </li>
601
- <li>
681
+ <li role="none">
602
682
  <button
603
683
  class="pf-v5-c-context-selector__menu-list-item"
604
684
  type="button"
685
+ role="menuitem"
605
686
  >My project</button>
606
687
  </li>
607
- <li>
688
+ <li role="none">
608
689
  <button
609
690
  class="pf-v5-c-context-selector__menu-list-item"
610
691
  type="button"
692
+ role="menuitem"
611
693
  >OpenShift cluster</button>
612
694
  </li>
613
- <li>
695
+ <li role="none">
614
696
  <button
615
697
  class="pf-v5-c-context-selector__menu-list-item"
616
698
  type="button"
699
+ role="menuitem"
617
700
  >Production Ansible</button>
618
701
  </li>
619
- <li>
702
+ <li role="none">
620
703
  <button
621
704
  class="pf-v5-c-context-selector__menu-list-item"
622
705
  type="button"
706
+ role="menuitem"
623
707
  >AWS</button>
624
708
  </li>
625
- <li>
709
+ <li role="none">
626
710
  <button
627
711
  class="pf-v5-c-context-selector__menu-list-item"
628
712
  type="button"
713
+ role="menuitem"
629
714
  >Azure</button>
630
715
  </li>
631
716
  </ul>
@@ -674,89 +759,106 @@ deprecated: true
674
759
  </div>
675
760
  </div>
676
761
  </div>
677
- <ul class="pf-v5-c-context-selector__menu-list" role="list">
678
- <li>
679
- <a class="pf-v5-c-context-selector__menu-list-item" href="#">Link</a>
762
+ <ul class="pf-v5-c-context-selector__menu-list" role="menu">
763
+ <li role="none">
764
+ <a
765
+ class="pf-v5-c-context-selector__menu-list-item"
766
+ href="#"
767
+ role="menuitem"
768
+ >Link</a>
680
769
  </li>
681
- <li>
770
+ <li role="none">
682
771
  <button
683
772
  class="pf-v5-c-context-selector__menu-list-item"
684
773
  type="button"
774
+ role="menuitem"
685
775
  >Action</button>
686
776
  </li>
687
- <li>
777
+ <li role="none">
688
778
  <a
689
779
  class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
690
780
  href="#"
691
781
  aria-disabled="true"
692
782
  tabindex="-1"
783
+ role="menuitem"
693
784
  >Disabled link</a>
694
785
  </li>
695
- <li>
786
+ <li role="none">
696
787
  <button
697
788
  class="pf-v5-c-context-selector__menu-list-item"
698
789
  type="button"
699
790
  disabled
791
+ role="menuitem"
700
792
  >Disabled action</button>
701
793
  </li>
702
- <li>
794
+ <li role="none">
703
795
  <button
704
796
  class="pf-v5-c-context-selector__menu-list-item"
705
797
  type="button"
798
+ role="menuitem"
706
799
  >My project</button>
707
800
  </li>
708
- <li>
801
+ <li role="none">
709
802
  <button
710
803
  class="pf-v5-c-context-selector__menu-list-item"
711
804
  type="button"
805
+ role="menuitem"
712
806
  >OpenShift cluster</button>
713
807
  </li>
714
- <li>
808
+ <li role="none">
715
809
  <button
716
810
  class="pf-v5-c-context-selector__menu-list-item"
717
811
  type="button"
812
+ role="menuitem"
718
813
  >Production Ansible</button>
719
814
  </li>
720
- <li>
815
+ <li role="none">
721
816
  <button
722
817
  class="pf-v5-c-context-selector__menu-list-item"
723
818
  type="button"
819
+ role="menuitem"
724
820
  >AWS</button>
725
821
  </li>
726
- <li>
822
+ <li role="none">
727
823
  <button
728
824
  class="pf-v5-c-context-selector__menu-list-item"
729
825
  type="button"
826
+ role="menuitem"
730
827
  >Azure</button>
731
828
  </li>
732
- <li>
829
+ <li role="none">
733
830
  <button
734
831
  class="pf-v5-c-context-selector__menu-list-item"
735
832
  type="button"
833
+ role="menuitem"
736
834
  >My project</button>
737
835
  </li>
738
- <li>
836
+ <li role="none">
739
837
  <button
740
838
  class="pf-v5-c-context-selector__menu-list-item"
741
839
  type="button"
840
+ role="menuitem"
742
841
  >OpenShift cluster</button>
743
842
  </li>
744
- <li>
843
+ <li role="none">
745
844
  <button
746
845
  class="pf-v5-c-context-selector__menu-list-item"
747
846
  type="button"
847
+ role="menuitem"
748
848
  >Production Ansible</button>
749
849
  </li>
750
- <li>
850
+ <li role="none">
751
851
  <button
752
852
  class="pf-v5-c-context-selector__menu-list-item"
753
853
  type="button"
854
+ role="menuitem"
754
855
  >AWS</button>
755
856
  </li>
756
- <li>
857
+ <li role="none">
757
858
  <button
758
859
  class="pf-v5-c-context-selector__menu-list-item"
759
860
  type="button"
861
+ role="menuitem"
760
862
  >Azure</button>
761
863
  </li>
762
864
  </ul>