@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.
- package/CODE_OF_CONDUCT.md +2 -1
- package/components/DataList/data-list-grid.css +0 -28
- package/components/DataList/data-list.css +0 -28
- package/components/FormControl/form-control.css +3 -2
- package/components/FormControl/form-control.scss +3 -2
- package/components/NumberInput/number-input.css +1 -1
- package/components/Pagination/pagination.css +1 -1
- package/components/Table/table-grid.css +0 -24
- package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
- package/docs/components/Card/examples/Card.md +152 -64
- package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
- package/docs/components/DataList/examples/DataList.md +391 -136
- package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
- package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
- package/docs/components/FormControl/examples/FormControl.md +2 -1
- package/docs/components/Hint/examples/Hint.md +57 -24
- package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
- package/docs/components/LogViewer/examples/LogViewer.md +40 -30
- package/docs/components/Menu/examples/Menu.md +41 -20
- package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
- package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
- package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
- package/docs/components/Pagination/examples/Pagination.md +195 -65
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
- package/docs/components/Select/deprecated/Select.css +3 -3
- package/docs/components/Select/deprecated/Select.md +40 -52
- package/docs/components/Table/examples/Table.md +4546 -1668
- package/docs/components/Tabs/examples/Tabs.md +1094 -438
- package/docs/components/Toolbar/examples/Toolbar.md +142 -68
- package/docs/components/TreeView/examples/TreeView.md +23 -8
- package/docs/demos/Card/examples/Card.md +46 -21
- package/docs/demos/CardView/examples/CardView.md +182 -74
- package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
- package/docs/demos/Dashboard/examples/Dashboard.md +15 -6
- package/docs/demos/DataList/examples/DataList.md +163 -70
- package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
- package/docs/demos/Drawer/examples/Drawer.md +20 -9
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
- package/docs/demos/Table/examples/Table.md +1422 -607
- package/docs/demos/Tabs/examples/Tabs.md +113 -48
- package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
- package/package.json +39 -38
- package/patternfly-no-globals.css +4 -55
- package/patternfly-theme-dark-unversioned.css +4 -55
- package/patternfly.css +4 -55
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/placeholders.scss +1 -1
|
@@ -54,31 +54,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
54
54
|
class="pf-v5-c-dropdown__menu"
|
|
55
55
|
aria-labelledby="dropdown-kebab-basic-available-button"
|
|
56
56
|
hidden
|
|
57
|
+
role="menu"
|
|
57
58
|
>
|
|
58
|
-
<li>
|
|
59
|
-
<a
|
|
59
|
+
<li role="none">
|
|
60
|
+
<a
|
|
61
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
62
|
+
role="menuitem"
|
|
63
|
+
href="#"
|
|
64
|
+
>Link</a>
|
|
60
65
|
</li>
|
|
61
|
-
<li>
|
|
62
|
-
<button
|
|
66
|
+
<li role="none">
|
|
67
|
+
<button
|
|
68
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
69
|
+
role="menuitem"
|
|
70
|
+
type="button"
|
|
71
|
+
>Action</button>
|
|
63
72
|
</li>
|
|
64
|
-
<li>
|
|
73
|
+
<li role="none">
|
|
65
74
|
<a
|
|
66
75
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
76
|
+
role="menuitem"
|
|
67
77
|
href="#"
|
|
68
78
|
aria-disabled="true"
|
|
69
79
|
tabindex="-1"
|
|
70
80
|
>Disabled link</a>
|
|
71
81
|
</li>
|
|
72
|
-
<li>
|
|
82
|
+
<li role="none">
|
|
73
83
|
<button
|
|
74
84
|
class="pf-v5-c-dropdown__menu-item"
|
|
85
|
+
role="menuitem"
|
|
75
86
|
type="button"
|
|
76
87
|
disabled
|
|
77
88
|
>Disabled action</button>
|
|
78
89
|
</li>
|
|
79
90
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
80
|
-
<li>
|
|
81
|
-
<a
|
|
91
|
+
<li role="none">
|
|
92
|
+
<a
|
|
93
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
94
|
+
role="menuitem"
|
|
95
|
+
href="#"
|
|
96
|
+
>Separated link</a>
|
|
82
97
|
</li>
|
|
83
98
|
</ul>
|
|
84
99
|
</div>
|
|
@@ -253,31 +268,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
253
268
|
class="pf-v5-c-dropdown__menu"
|
|
254
269
|
aria-labelledby="dropdown-kebab-basic-chosen-button"
|
|
255
270
|
hidden
|
|
271
|
+
role="menu"
|
|
256
272
|
>
|
|
257
|
-
<li>
|
|
258
|
-
<a
|
|
273
|
+
<li role="none">
|
|
274
|
+
<a
|
|
275
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
276
|
+
role="menuitem"
|
|
277
|
+
href="#"
|
|
278
|
+
>Link</a>
|
|
259
279
|
</li>
|
|
260
|
-
<li>
|
|
261
|
-
<button
|
|
280
|
+
<li role="none">
|
|
281
|
+
<button
|
|
282
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
283
|
+
role="menuitem"
|
|
284
|
+
type="button"
|
|
285
|
+
>Action</button>
|
|
262
286
|
</li>
|
|
263
|
-
<li>
|
|
287
|
+
<li role="none">
|
|
264
288
|
<a
|
|
265
289
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
290
|
+
role="menuitem"
|
|
266
291
|
href="#"
|
|
267
292
|
aria-disabled="true"
|
|
268
293
|
tabindex="-1"
|
|
269
294
|
>Disabled link</a>
|
|
270
295
|
</li>
|
|
271
|
-
<li>
|
|
296
|
+
<li role="none">
|
|
272
297
|
<button
|
|
273
298
|
class="pf-v5-c-dropdown__menu-item"
|
|
299
|
+
role="menuitem"
|
|
274
300
|
type="button"
|
|
275
301
|
disabled
|
|
276
302
|
>Disabled action</button>
|
|
277
303
|
</li>
|
|
278
304
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
279
|
-
<li>
|
|
280
|
-
<a
|
|
305
|
+
<li role="none">
|
|
306
|
+
<a
|
|
307
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
308
|
+
role="menuitem"
|
|
309
|
+
href="#"
|
|
310
|
+
>Separated link</a>
|
|
281
311
|
</li>
|
|
282
312
|
</ul>
|
|
283
313
|
</div>
|
|
@@ -353,31 +383,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
353
383
|
class="pf-v5-c-dropdown__menu"
|
|
354
384
|
aria-labelledby="dropdown-kebab-available-item-selected-available-button"
|
|
355
385
|
hidden
|
|
386
|
+
role="menu"
|
|
356
387
|
>
|
|
357
|
-
<li>
|
|
358
|
-
<a
|
|
388
|
+
<li role="none">
|
|
389
|
+
<a
|
|
390
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
391
|
+
role="menuitem"
|
|
392
|
+
href="#"
|
|
393
|
+
>Link</a>
|
|
359
394
|
</li>
|
|
360
|
-
<li>
|
|
361
|
-
<button
|
|
395
|
+
<li role="none">
|
|
396
|
+
<button
|
|
397
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
398
|
+
role="menuitem"
|
|
399
|
+
type="button"
|
|
400
|
+
>Action</button>
|
|
362
401
|
</li>
|
|
363
|
-
<li>
|
|
402
|
+
<li role="none">
|
|
364
403
|
<a
|
|
365
404
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
405
|
+
role="menuitem"
|
|
366
406
|
href="#"
|
|
367
407
|
aria-disabled="true"
|
|
368
408
|
tabindex="-1"
|
|
369
409
|
>Disabled link</a>
|
|
370
410
|
</li>
|
|
371
|
-
<li>
|
|
411
|
+
<li role="none">
|
|
372
412
|
<button
|
|
373
413
|
class="pf-v5-c-dropdown__menu-item"
|
|
414
|
+
role="menuitem"
|
|
374
415
|
type="button"
|
|
375
416
|
disabled
|
|
376
417
|
>Disabled action</button>
|
|
377
418
|
</li>
|
|
378
419
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
379
|
-
<li>
|
|
380
|
-
<a
|
|
420
|
+
<li role="none">
|
|
421
|
+
<a
|
|
422
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
423
|
+
role="menuitem"
|
|
424
|
+
href="#"
|
|
425
|
+
>Separated link</a>
|
|
381
426
|
</li>
|
|
382
427
|
</ul>
|
|
383
428
|
</div>
|
|
@@ -546,31 +591,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
546
591
|
class="pf-v5-c-dropdown__menu"
|
|
547
592
|
aria-labelledby="dropdown-kebab-available-item-selected-chosen-button"
|
|
548
593
|
hidden
|
|
594
|
+
role="menu"
|
|
549
595
|
>
|
|
550
|
-
<li>
|
|
551
|
-
<a
|
|
596
|
+
<li role="none">
|
|
597
|
+
<a
|
|
598
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
599
|
+
role="menuitem"
|
|
600
|
+
href="#"
|
|
601
|
+
>Link</a>
|
|
552
602
|
</li>
|
|
553
|
-
<li>
|
|
554
|
-
<button
|
|
603
|
+
<li role="none">
|
|
604
|
+
<button
|
|
605
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
606
|
+
role="menuitem"
|
|
607
|
+
type="button"
|
|
608
|
+
>Action</button>
|
|
555
609
|
</li>
|
|
556
|
-
<li>
|
|
610
|
+
<li role="none">
|
|
557
611
|
<a
|
|
558
612
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
613
|
+
role="menuitem"
|
|
559
614
|
href="#"
|
|
560
615
|
aria-disabled="true"
|
|
561
616
|
tabindex="-1"
|
|
562
617
|
>Disabled link</a>
|
|
563
618
|
</li>
|
|
564
|
-
<li>
|
|
619
|
+
<li role="none">
|
|
565
620
|
<button
|
|
566
621
|
class="pf-v5-c-dropdown__menu-item"
|
|
622
|
+
role="menuitem"
|
|
567
623
|
type="button"
|
|
568
624
|
disabled
|
|
569
625
|
>Disabled action</button>
|
|
570
626
|
</li>
|
|
571
627
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
572
|
-
<li>
|
|
573
|
-
<a
|
|
628
|
+
<li role="none">
|
|
629
|
+
<a
|
|
630
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
631
|
+
role="menuitem"
|
|
632
|
+
href="#"
|
|
633
|
+
>Separated link</a>
|
|
574
634
|
</li>
|
|
575
635
|
</ul>
|
|
576
636
|
</div>
|
|
@@ -646,31 +706,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
646
706
|
class="pf-v5-c-dropdown__menu"
|
|
647
707
|
aria-labelledby="dropdown-kebab-multiple-available-items-selected-available-button"
|
|
648
708
|
hidden
|
|
709
|
+
role="menu"
|
|
649
710
|
>
|
|
650
|
-
<li>
|
|
651
|
-
<a
|
|
711
|
+
<li role="none">
|
|
712
|
+
<a
|
|
713
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
714
|
+
role="menuitem"
|
|
715
|
+
href="#"
|
|
716
|
+
>Link</a>
|
|
652
717
|
</li>
|
|
653
|
-
<li>
|
|
654
|
-
<button
|
|
718
|
+
<li role="none">
|
|
719
|
+
<button
|
|
720
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
721
|
+
role="menuitem"
|
|
722
|
+
type="button"
|
|
723
|
+
>Action</button>
|
|
655
724
|
</li>
|
|
656
|
-
<li>
|
|
725
|
+
<li role="none">
|
|
657
726
|
<a
|
|
658
727
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
728
|
+
role="menuitem"
|
|
659
729
|
href="#"
|
|
660
730
|
aria-disabled="true"
|
|
661
731
|
tabindex="-1"
|
|
662
732
|
>Disabled link</a>
|
|
663
733
|
</li>
|
|
664
|
-
<li>
|
|
734
|
+
<li role="none">
|
|
665
735
|
<button
|
|
666
736
|
class="pf-v5-c-dropdown__menu-item"
|
|
737
|
+
role="menuitem"
|
|
667
738
|
type="button"
|
|
668
739
|
disabled
|
|
669
740
|
>Disabled action</button>
|
|
670
741
|
</li>
|
|
671
742
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
672
|
-
<li>
|
|
673
|
-
<a
|
|
743
|
+
<li role="none">
|
|
744
|
+
<a
|
|
745
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
746
|
+
role="menuitem"
|
|
747
|
+
href="#"
|
|
748
|
+
>Separated link</a>
|
|
674
749
|
</li>
|
|
675
750
|
</ul>
|
|
676
751
|
</div>
|
|
@@ -839,31 +914,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
839
914
|
class="pf-v5-c-dropdown__menu"
|
|
840
915
|
aria-labelledby="dropdown-kebab-multiple-available-items-selected-chosen-button"
|
|
841
916
|
hidden
|
|
917
|
+
role="menu"
|
|
842
918
|
>
|
|
843
|
-
<li>
|
|
844
|
-
<a
|
|
919
|
+
<li role="none">
|
|
920
|
+
<a
|
|
921
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
922
|
+
role="menuitem"
|
|
923
|
+
href="#"
|
|
924
|
+
>Link</a>
|
|
845
925
|
</li>
|
|
846
|
-
<li>
|
|
847
|
-
<button
|
|
926
|
+
<li role="none">
|
|
927
|
+
<button
|
|
928
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
929
|
+
role="menuitem"
|
|
930
|
+
type="button"
|
|
931
|
+
>Action</button>
|
|
848
932
|
</li>
|
|
849
|
-
<li>
|
|
933
|
+
<li role="none">
|
|
850
934
|
<a
|
|
851
935
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
936
|
+
role="menuitem"
|
|
852
937
|
href="#"
|
|
853
938
|
aria-disabled="true"
|
|
854
939
|
tabindex="-1"
|
|
855
940
|
>Disabled link</a>
|
|
856
941
|
</li>
|
|
857
|
-
<li>
|
|
942
|
+
<li role="none">
|
|
858
943
|
<button
|
|
859
944
|
class="pf-v5-c-dropdown__menu-item"
|
|
945
|
+
role="menuitem"
|
|
860
946
|
type="button"
|
|
861
947
|
disabled
|
|
862
948
|
>Disabled action</button>
|
|
863
949
|
</li>
|
|
864
950
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
865
|
-
<li>
|
|
866
|
-
<a
|
|
951
|
+
<li role="none">
|
|
952
|
+
<a
|
|
953
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
954
|
+
role="menuitem"
|
|
955
|
+
href="#"
|
|
956
|
+
>Separated link</a>
|
|
867
957
|
</li>
|
|
868
958
|
</ul>
|
|
869
959
|
</div>
|
|
@@ -939,31 +1029,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
939
1029
|
class="pf-v5-c-dropdown__menu"
|
|
940
1030
|
aria-labelledby="dropdown-kebab-chosen-item-available-button"
|
|
941
1031
|
hidden
|
|
1032
|
+
role="menu"
|
|
942
1033
|
>
|
|
943
|
-
<li>
|
|
944
|
-
<a
|
|
1034
|
+
<li role="none">
|
|
1035
|
+
<a
|
|
1036
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1037
|
+
role="menuitem"
|
|
1038
|
+
href="#"
|
|
1039
|
+
>Link</a>
|
|
945
1040
|
</li>
|
|
946
|
-
<li>
|
|
947
|
-
<button
|
|
1041
|
+
<li role="none">
|
|
1042
|
+
<button
|
|
1043
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1044
|
+
role="menuitem"
|
|
1045
|
+
type="button"
|
|
1046
|
+
>Action</button>
|
|
948
1047
|
</li>
|
|
949
|
-
<li>
|
|
1048
|
+
<li role="none">
|
|
950
1049
|
<a
|
|
951
1050
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1051
|
+
role="menuitem"
|
|
952
1052
|
href="#"
|
|
953
1053
|
aria-disabled="true"
|
|
954
1054
|
tabindex="-1"
|
|
955
1055
|
>Disabled link</a>
|
|
956
1056
|
</li>
|
|
957
|
-
<li>
|
|
1057
|
+
<li role="none">
|
|
958
1058
|
<button
|
|
959
1059
|
class="pf-v5-c-dropdown__menu-item"
|
|
1060
|
+
role="menuitem"
|
|
960
1061
|
type="button"
|
|
961
1062
|
disabled
|
|
962
1063
|
>Disabled action</button>
|
|
963
1064
|
</li>
|
|
964
1065
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
965
|
-
<li>
|
|
966
|
-
<a
|
|
1066
|
+
<li role="none">
|
|
1067
|
+
<a
|
|
1068
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1069
|
+
role="menuitem"
|
|
1070
|
+
href="#"
|
|
1071
|
+
>Separated link</a>
|
|
967
1072
|
</li>
|
|
968
1073
|
</ul>
|
|
969
1074
|
</div>
|
|
@@ -1132,31 +1237,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
1132
1237
|
class="pf-v5-c-dropdown__menu"
|
|
1133
1238
|
aria-labelledby="dropdown-kebab-chosen-item-chosen-button"
|
|
1134
1239
|
hidden
|
|
1240
|
+
role="menu"
|
|
1135
1241
|
>
|
|
1136
|
-
<li>
|
|
1137
|
-
<a
|
|
1242
|
+
<li role="none">
|
|
1243
|
+
<a
|
|
1244
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1245
|
+
role="menuitem"
|
|
1246
|
+
href="#"
|
|
1247
|
+
>Link</a>
|
|
1138
1248
|
</li>
|
|
1139
|
-
<li>
|
|
1140
|
-
<button
|
|
1249
|
+
<li role="none">
|
|
1250
|
+
<button
|
|
1251
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1252
|
+
role="menuitem"
|
|
1253
|
+
type="button"
|
|
1254
|
+
>Action</button>
|
|
1141
1255
|
</li>
|
|
1142
|
-
<li>
|
|
1256
|
+
<li role="none">
|
|
1143
1257
|
<a
|
|
1144
1258
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1259
|
+
role="menuitem"
|
|
1145
1260
|
href="#"
|
|
1146
1261
|
aria-disabled="true"
|
|
1147
1262
|
tabindex="-1"
|
|
1148
1263
|
>Disabled link</a>
|
|
1149
1264
|
</li>
|
|
1150
|
-
<li>
|
|
1265
|
+
<li role="none">
|
|
1151
1266
|
<button
|
|
1152
1267
|
class="pf-v5-c-dropdown__menu-item"
|
|
1268
|
+
role="menuitem"
|
|
1153
1269
|
type="button"
|
|
1154
1270
|
disabled
|
|
1155
1271
|
>Disabled action</button>
|
|
1156
1272
|
</li>
|
|
1157
1273
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1158
|
-
<li>
|
|
1159
|
-
<a
|
|
1274
|
+
<li role="none">
|
|
1275
|
+
<a
|
|
1276
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1277
|
+
role="menuitem"
|
|
1278
|
+
href="#"
|
|
1279
|
+
>Separated link</a>
|
|
1160
1280
|
</li>
|
|
1161
1281
|
</ul>
|
|
1162
1282
|
</div>
|
|
@@ -1245,31 +1365,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
1245
1365
|
class="pf-v5-c-dropdown__menu"
|
|
1246
1366
|
aria-labelledby="dropdown-kebab-chosen-item-selected-available-button"
|
|
1247
1367
|
hidden
|
|
1368
|
+
role="menu"
|
|
1248
1369
|
>
|
|
1249
|
-
<li>
|
|
1250
|
-
<a
|
|
1370
|
+
<li role="none">
|
|
1371
|
+
<a
|
|
1372
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1373
|
+
role="menuitem"
|
|
1374
|
+
href="#"
|
|
1375
|
+
>Link</a>
|
|
1251
1376
|
</li>
|
|
1252
|
-
<li>
|
|
1253
|
-
<button
|
|
1377
|
+
<li role="none">
|
|
1378
|
+
<button
|
|
1379
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1380
|
+
role="menuitem"
|
|
1381
|
+
type="button"
|
|
1382
|
+
>Action</button>
|
|
1254
1383
|
</li>
|
|
1255
|
-
<li>
|
|
1384
|
+
<li role="none">
|
|
1256
1385
|
<a
|
|
1257
1386
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1387
|
+
role="menuitem"
|
|
1258
1388
|
href="#"
|
|
1259
1389
|
aria-disabled="true"
|
|
1260
1390
|
tabindex="-1"
|
|
1261
1391
|
>Disabled link</a>
|
|
1262
1392
|
</li>
|
|
1263
|
-
<li>
|
|
1393
|
+
<li role="none">
|
|
1264
1394
|
<button
|
|
1265
1395
|
class="pf-v5-c-dropdown__menu-item"
|
|
1396
|
+
role="menuitem"
|
|
1266
1397
|
type="button"
|
|
1267
1398
|
disabled
|
|
1268
1399
|
>Disabled action</button>
|
|
1269
1400
|
</li>
|
|
1270
1401
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1271
|
-
<li>
|
|
1272
|
-
<a
|
|
1402
|
+
<li role="none">
|
|
1403
|
+
<a
|
|
1404
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1405
|
+
role="menuitem"
|
|
1406
|
+
href="#"
|
|
1407
|
+
>Separated link</a>
|
|
1273
1408
|
</li>
|
|
1274
1409
|
</ul>
|
|
1275
1410
|
</div>
|
|
@@ -1437,31 +1572,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
1437
1572
|
class="pf-v5-c-dropdown__menu"
|
|
1438
1573
|
aria-labelledby="dropdown-kebab-chosen-item-selected-chosen-button"
|
|
1439
1574
|
hidden
|
|
1575
|
+
role="menu"
|
|
1440
1576
|
>
|
|
1441
|
-
<li>
|
|
1442
|
-
<a
|
|
1577
|
+
<li role="none">
|
|
1578
|
+
<a
|
|
1579
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1580
|
+
role="menuitem"
|
|
1581
|
+
href="#"
|
|
1582
|
+
>Link</a>
|
|
1443
1583
|
</li>
|
|
1444
|
-
<li>
|
|
1445
|
-
<button
|
|
1584
|
+
<li role="none">
|
|
1585
|
+
<button
|
|
1586
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1587
|
+
role="menuitem"
|
|
1588
|
+
type="button"
|
|
1589
|
+
>Action</button>
|
|
1446
1590
|
</li>
|
|
1447
|
-
<li>
|
|
1591
|
+
<li role="none">
|
|
1448
1592
|
<a
|
|
1449
1593
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1594
|
+
role="menuitem"
|
|
1450
1595
|
href="#"
|
|
1451
1596
|
aria-disabled="true"
|
|
1452
1597
|
tabindex="-1"
|
|
1453
1598
|
>Disabled link</a>
|
|
1454
1599
|
</li>
|
|
1455
|
-
<li>
|
|
1600
|
+
<li role="none">
|
|
1456
1601
|
<button
|
|
1457
1602
|
class="pf-v5-c-dropdown__menu-item"
|
|
1603
|
+
role="menuitem"
|
|
1458
1604
|
type="button"
|
|
1459
1605
|
disabled
|
|
1460
1606
|
>Disabled action</button>
|
|
1461
1607
|
</li>
|
|
1462
1608
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1463
|
-
<li>
|
|
1464
|
-
<a
|
|
1609
|
+
<li role="none">
|
|
1610
|
+
<a
|
|
1611
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1612
|
+
role="menuitem"
|
|
1613
|
+
href="#"
|
|
1614
|
+
>Separated link</a>
|
|
1465
1615
|
</li>
|
|
1466
1616
|
</ul>
|
|
1467
1617
|
</div>
|
|
@@ -1550,31 +1700,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
1550
1700
|
class="pf-v5-c-dropdown__menu"
|
|
1551
1701
|
aria-labelledby="dropdown-kebab-tree-available-button"
|
|
1552
1702
|
hidden
|
|
1703
|
+
role="menu"
|
|
1553
1704
|
>
|
|
1554
|
-
<li>
|
|
1555
|
-
<a
|
|
1705
|
+
<li role="none">
|
|
1706
|
+
<a
|
|
1707
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1708
|
+
role="menuitem"
|
|
1709
|
+
href="#"
|
|
1710
|
+
>Link</a>
|
|
1556
1711
|
</li>
|
|
1557
|
-
<li>
|
|
1558
|
-
<button
|
|
1712
|
+
<li role="none">
|
|
1713
|
+
<button
|
|
1714
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1715
|
+
role="menuitem"
|
|
1716
|
+
type="button"
|
|
1717
|
+
>Action</button>
|
|
1559
1718
|
</li>
|
|
1560
|
-
<li>
|
|
1719
|
+
<li role="none">
|
|
1561
1720
|
<a
|
|
1562
1721
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1722
|
+
role="menuitem"
|
|
1563
1723
|
href="#"
|
|
1564
1724
|
aria-disabled="true"
|
|
1565
1725
|
tabindex="-1"
|
|
1566
1726
|
>Disabled link</a>
|
|
1567
1727
|
</li>
|
|
1568
|
-
<li>
|
|
1728
|
+
<li role="none">
|
|
1569
1729
|
<button
|
|
1570
1730
|
class="pf-v5-c-dropdown__menu-item"
|
|
1731
|
+
role="menuitem"
|
|
1571
1732
|
type="button"
|
|
1572
1733
|
disabled
|
|
1573
1734
|
>Disabled action</button>
|
|
1574
1735
|
</li>
|
|
1575
1736
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1576
|
-
<li>
|
|
1577
|
-
<a
|
|
1737
|
+
<li role="none">
|
|
1738
|
+
<a
|
|
1739
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1740
|
+
role="menuitem"
|
|
1741
|
+
href="#"
|
|
1742
|
+
>Separated link</a>
|
|
1578
1743
|
</li>
|
|
1579
1744
|
</ul>
|
|
1580
1745
|
</div>
|
|
@@ -2011,31 +2176,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
2011
2176
|
class="pf-v5-c-dropdown__menu"
|
|
2012
2177
|
aria-labelledby="dropdown-kebab-tree-chosen-button"
|
|
2013
2178
|
hidden
|
|
2179
|
+
role="menu"
|
|
2014
2180
|
>
|
|
2015
|
-
<li>
|
|
2016
|
-
<a
|
|
2181
|
+
<li role="none">
|
|
2182
|
+
<a
|
|
2183
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2184
|
+
role="menuitem"
|
|
2185
|
+
href="#"
|
|
2186
|
+
>Link</a>
|
|
2017
2187
|
</li>
|
|
2018
|
-
<li>
|
|
2019
|
-
<button
|
|
2188
|
+
<li role="none">
|
|
2189
|
+
<button
|
|
2190
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2191
|
+
role="menuitem"
|
|
2192
|
+
type="button"
|
|
2193
|
+
>Action</button>
|
|
2020
2194
|
</li>
|
|
2021
|
-
<li>
|
|
2195
|
+
<li role="none">
|
|
2022
2196
|
<a
|
|
2023
2197
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2198
|
+
role="menuitem"
|
|
2024
2199
|
href="#"
|
|
2025
2200
|
aria-disabled="true"
|
|
2026
2201
|
tabindex="-1"
|
|
2027
2202
|
>Disabled link</a>
|
|
2028
2203
|
</li>
|
|
2029
|
-
<li>
|
|
2204
|
+
<li role="none">
|
|
2030
2205
|
<button
|
|
2031
2206
|
class="pf-v5-c-dropdown__menu-item"
|
|
2207
|
+
role="menuitem"
|
|
2032
2208
|
type="button"
|
|
2033
2209
|
disabled
|
|
2034
2210
|
>Disabled action</button>
|
|
2035
2211
|
</li>
|
|
2036
2212
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2037
|
-
<li>
|
|
2038
|
-
<a
|
|
2213
|
+
<li role="none">
|
|
2214
|
+
<a
|
|
2215
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2216
|
+
role="menuitem"
|
|
2217
|
+
href="#"
|
|
2218
|
+
>Separated link</a>
|
|
2039
2219
|
</li>
|
|
2040
2220
|
</ul>
|
|
2041
2221
|
</div>
|
|
@@ -2111,31 +2291,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
2111
2291
|
class="pf-v5-c-dropdown__menu"
|
|
2112
2292
|
aria-labelledby="dropdown-kebab-tree-options-available-button"
|
|
2113
2293
|
hidden
|
|
2294
|
+
role="menu"
|
|
2114
2295
|
>
|
|
2115
|
-
<li>
|
|
2116
|
-
<a
|
|
2296
|
+
<li role="none">
|
|
2297
|
+
<a
|
|
2298
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2299
|
+
role="menuitem"
|
|
2300
|
+
href="#"
|
|
2301
|
+
>Link</a>
|
|
2117
2302
|
</li>
|
|
2118
|
-
<li>
|
|
2119
|
-
<button
|
|
2303
|
+
<li role="none">
|
|
2304
|
+
<button
|
|
2305
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2306
|
+
role="menuitem"
|
|
2307
|
+
type="button"
|
|
2308
|
+
>Action</button>
|
|
2120
2309
|
</li>
|
|
2121
|
-
<li>
|
|
2310
|
+
<li role="none">
|
|
2122
2311
|
<a
|
|
2123
2312
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2313
|
+
role="menuitem"
|
|
2124
2314
|
href="#"
|
|
2125
2315
|
aria-disabled="true"
|
|
2126
2316
|
tabindex="-1"
|
|
2127
2317
|
>Disabled link</a>
|
|
2128
2318
|
</li>
|
|
2129
|
-
<li>
|
|
2319
|
+
<li role="none">
|
|
2130
2320
|
<button
|
|
2131
2321
|
class="pf-v5-c-dropdown__menu-item"
|
|
2322
|
+
role="menuitem"
|
|
2132
2323
|
type="button"
|
|
2133
2324
|
disabled
|
|
2134
2325
|
>Disabled action</button>
|
|
2135
2326
|
</li>
|
|
2136
2327
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2137
|
-
<li>
|
|
2138
|
-
<a
|
|
2328
|
+
<li role="none">
|
|
2329
|
+
<a
|
|
2330
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2331
|
+
role="menuitem"
|
|
2332
|
+
href="#"
|
|
2333
|
+
>Separated link</a>
|
|
2139
2334
|
</li>
|
|
2140
2335
|
</ul>
|
|
2141
2336
|
</div>
|
|
@@ -2553,31 +2748,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
2553
2748
|
class="pf-v5-c-dropdown__menu"
|
|
2554
2749
|
aria-labelledby="dropdown-kebab-tree-options-chosen-button"
|
|
2555
2750
|
hidden
|
|
2751
|
+
role="menu"
|
|
2556
2752
|
>
|
|
2557
|
-
<li>
|
|
2558
|
-
<a
|
|
2753
|
+
<li role="none">
|
|
2754
|
+
<a
|
|
2755
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2756
|
+
role="menuitem"
|
|
2757
|
+
href="#"
|
|
2758
|
+
>Link</a>
|
|
2559
2759
|
</li>
|
|
2560
|
-
<li>
|
|
2561
|
-
<button
|
|
2760
|
+
<li role="none">
|
|
2761
|
+
<button
|
|
2762
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2763
|
+
role="menuitem"
|
|
2764
|
+
type="button"
|
|
2765
|
+
>Action</button>
|
|
2562
2766
|
</li>
|
|
2563
|
-
<li>
|
|
2767
|
+
<li role="none">
|
|
2564
2768
|
<a
|
|
2565
2769
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2770
|
+
role="menuitem"
|
|
2566
2771
|
href="#"
|
|
2567
2772
|
aria-disabled="true"
|
|
2568
2773
|
tabindex="-1"
|
|
2569
2774
|
>Disabled link</a>
|
|
2570
2775
|
</li>
|
|
2571
|
-
<li>
|
|
2776
|
+
<li role="none">
|
|
2572
2777
|
<button
|
|
2573
2778
|
class="pf-v5-c-dropdown__menu-item"
|
|
2779
|
+
role="menuitem"
|
|
2574
2780
|
type="button"
|
|
2575
2781
|
disabled
|
|
2576
2782
|
>Disabled action</button>
|
|
2577
2783
|
</li>
|
|
2578
2784
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2579
|
-
<li>
|
|
2580
|
-
<a
|
|
2785
|
+
<li role="none">
|
|
2786
|
+
<a
|
|
2787
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2788
|
+
role="menuitem"
|
|
2789
|
+
href="#"
|
|
2790
|
+
>Separated link</a>
|
|
2581
2791
|
</li>
|
|
2582
2792
|
</ul>
|
|
2583
2793
|
</div>
|
|
@@ -2720,31 +2930,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
2720
2930
|
class="pf-v5-c-dropdown__menu"
|
|
2721
2931
|
aria-labelledby="dropdown-kebab-draggable-available-button"
|
|
2722
2932
|
hidden
|
|
2933
|
+
role="menu"
|
|
2723
2934
|
>
|
|
2724
|
-
<li>
|
|
2725
|
-
<a
|
|
2935
|
+
<li role="none">
|
|
2936
|
+
<a
|
|
2937
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2938
|
+
role="menuitem"
|
|
2939
|
+
href="#"
|
|
2940
|
+
>Link</a>
|
|
2726
2941
|
</li>
|
|
2727
|
-
<li>
|
|
2728
|
-
<button
|
|
2942
|
+
<li role="none">
|
|
2943
|
+
<button
|
|
2944
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2945
|
+
role="menuitem"
|
|
2946
|
+
type="button"
|
|
2947
|
+
>Action</button>
|
|
2729
2948
|
</li>
|
|
2730
|
-
<li>
|
|
2949
|
+
<li role="none">
|
|
2731
2950
|
<a
|
|
2732
2951
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2952
|
+
role="menuitem"
|
|
2733
2953
|
href="#"
|
|
2734
2954
|
aria-disabled="true"
|
|
2735
2955
|
tabindex="-1"
|
|
2736
2956
|
>Disabled link</a>
|
|
2737
2957
|
</li>
|
|
2738
|
-
<li>
|
|
2958
|
+
<li role="none">
|
|
2739
2959
|
<button
|
|
2740
2960
|
class="pf-v5-c-dropdown__menu-item"
|
|
2961
|
+
role="menuitem"
|
|
2741
2962
|
type="button"
|
|
2742
2963
|
disabled
|
|
2743
2964
|
>Disabled action</button>
|
|
2744
2965
|
</li>
|
|
2745
2966
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2746
|
-
<li>
|
|
2747
|
-
<a
|
|
2967
|
+
<li role="none">
|
|
2968
|
+
<a
|
|
2969
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2970
|
+
role="menuitem"
|
|
2971
|
+
href="#"
|
|
2972
|
+
>Separated link</a>
|
|
2748
2973
|
</li>
|
|
2749
2974
|
</ul>
|
|
2750
2975
|
</div>
|
|
@@ -2890,31 +3115,46 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
2890
3115
|
class="pf-v5-c-dropdown__menu"
|
|
2891
3116
|
aria-labelledby="dropdown-kebab-draggable-chosen-button"
|
|
2892
3117
|
hidden
|
|
3118
|
+
role="menu"
|
|
2893
3119
|
>
|
|
2894
|
-
<li>
|
|
2895
|
-
<a
|
|
3120
|
+
<li role="none">
|
|
3121
|
+
<a
|
|
3122
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
3123
|
+
role="menuitem"
|
|
3124
|
+
href="#"
|
|
3125
|
+
>Link</a>
|
|
2896
3126
|
</li>
|
|
2897
|
-
<li>
|
|
2898
|
-
<button
|
|
3127
|
+
<li role="none">
|
|
3128
|
+
<button
|
|
3129
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
3130
|
+
role="menuitem"
|
|
3131
|
+
type="button"
|
|
3132
|
+
>Action</button>
|
|
2899
3133
|
</li>
|
|
2900
|
-
<li>
|
|
3134
|
+
<li role="none">
|
|
2901
3135
|
<a
|
|
2902
3136
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
3137
|
+
role="menuitem"
|
|
2903
3138
|
href="#"
|
|
2904
3139
|
aria-disabled="true"
|
|
2905
3140
|
tabindex="-1"
|
|
2906
3141
|
>Disabled link</a>
|
|
2907
3142
|
</li>
|
|
2908
|
-
<li>
|
|
3143
|
+
<li role="none">
|
|
2909
3144
|
<button
|
|
2910
3145
|
class="pf-v5-c-dropdown__menu-item"
|
|
3146
|
+
role="menuitem"
|
|
2911
3147
|
type="button"
|
|
2912
3148
|
disabled
|
|
2913
3149
|
>Disabled action</button>
|
|
2914
3150
|
</li>
|
|
2915
3151
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2916
|
-
<li>
|
|
2917
|
-
<a
|
|
3152
|
+
<li role="none">
|
|
3153
|
+
<a
|
|
3154
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
3155
|
+
role="menuitem"
|
|
3156
|
+
href="#"
|
|
3157
|
+
>Separated link</a>
|
|
2918
3158
|
</li>
|
|
2919
3159
|
</ul>
|
|
2920
3160
|
</div>
|