@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
|
@@ -563,7 +563,7 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
563
563
|
<span
|
|
564
564
|
id="toolbar-toggle-group-example-select-checkbox-status-label"
|
|
565
565
|
hidden
|
|
566
|
-
>Choose
|
|
566
|
+
>Choose many</span>
|
|
567
567
|
|
|
568
568
|
<button
|
|
569
569
|
class="pf-v5-c-select__toggle"
|
|
@@ -666,7 +666,7 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
666
666
|
<span
|
|
667
667
|
id="toolbar-toggle-group-example-select-checkbox-risk-label"
|
|
668
668
|
hidden
|
|
669
|
-
>Choose
|
|
669
|
+
>Choose many</span>
|
|
670
670
|
|
|
671
671
|
<button
|
|
672
672
|
class="pf-v5-c-select__toggle"
|
|
@@ -901,7 +901,7 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
901
901
|
<span
|
|
902
902
|
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-label"
|
|
903
903
|
hidden
|
|
904
|
-
>Choose
|
|
904
|
+
>Choose many</span>
|
|
905
905
|
|
|
906
906
|
<button
|
|
907
907
|
class="pf-v5-c-select__toggle"
|
|
@@ -1002,7 +1002,7 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
1002
1002
|
<span
|
|
1003
1003
|
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-label"
|
|
1004
1004
|
hidden
|
|
1005
|
-
>Choose
|
|
1005
|
+
>Choose many</span>
|
|
1006
1006
|
|
|
1007
1007
|
<button
|
|
1008
1008
|
class="pf-v5-c-select__toggle"
|
|
@@ -1171,22 +1171,25 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1171
1171
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1172
1172
|
</button>
|
|
1173
1173
|
</div>
|
|
1174
|
-
<ul class="pf-v5-c-dropdown__menu" hidden>
|
|
1175
|
-
<li>
|
|
1174
|
+
<ul class="pf-v5-c-dropdown__menu" hidden role="menu">
|
|
1175
|
+
<li role="none">
|
|
1176
1176
|
<button
|
|
1177
1177
|
class="pf-v5-c-dropdown__menu-item"
|
|
1178
|
+
role="menuitem"
|
|
1178
1179
|
type="button"
|
|
1179
1180
|
>Select all</button>
|
|
1180
1181
|
</li>
|
|
1181
|
-
<li>
|
|
1182
|
+
<li role="none">
|
|
1182
1183
|
<button
|
|
1183
1184
|
class="pf-v5-c-dropdown__menu-item"
|
|
1185
|
+
role="menuitem"
|
|
1184
1186
|
type="button"
|
|
1185
1187
|
>Select none</button>
|
|
1186
1188
|
</li>
|
|
1187
|
-
<li>
|
|
1189
|
+
<li role="none">
|
|
1188
1190
|
<button
|
|
1189
1191
|
class="pf-v5-c-dropdown__menu-item"
|
|
1192
|
+
role="menuitem"
|
|
1190
1193
|
type="button"
|
|
1191
1194
|
>Other action</button>
|
|
1192
1195
|
</li>
|
|
@@ -1305,7 +1308,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1305
1308
|
<span
|
|
1306
1309
|
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-label"
|
|
1307
1310
|
hidden
|
|
1308
|
-
>Choose
|
|
1311
|
+
>Choose many</span>
|
|
1309
1312
|
|
|
1310
1313
|
<button
|
|
1311
1314
|
class="pf-v5-c-select__toggle"
|
|
@@ -1408,7 +1411,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1408
1411
|
<span
|
|
1409
1412
|
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-label"
|
|
1410
1413
|
hidden
|
|
1411
|
-
>Choose
|
|
1414
|
+
>Choose many</span>
|
|
1412
1415
|
|
|
1413
1416
|
<button
|
|
1414
1417
|
class="pf-v5-c-select__toggle"
|
|
@@ -1526,17 +1529,27 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1526
1529
|
</button>
|
|
1527
1530
|
<ul
|
|
1528
1531
|
class="pf-v5-c-dropdown__menu"
|
|
1532
|
+
role="menu"
|
|
1529
1533
|
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-icon-button-overflow-menu-dropdown-toggle"
|
|
1530
1534
|
hidden
|
|
1531
1535
|
>
|
|
1532
|
-
<li>
|
|
1533
|
-
<button
|
|
1536
|
+
<li role="none">
|
|
1537
|
+
<button
|
|
1538
|
+
role="menuitem"
|
|
1539
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1540
|
+
>Edit</button>
|
|
1534
1541
|
</li>
|
|
1535
|
-
<li>
|
|
1536
|
-
<button
|
|
1542
|
+
<li role="none">
|
|
1543
|
+
<button
|
|
1544
|
+
role="menuitem"
|
|
1545
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1546
|
+
>Clone</button>
|
|
1537
1547
|
</li>
|
|
1538
|
-
<li>
|
|
1539
|
-
<button
|
|
1548
|
+
<li role="none">
|
|
1549
|
+
<button
|
|
1550
|
+
role="menuitem"
|
|
1551
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1552
|
+
>Sync</button>
|
|
1540
1553
|
</li>
|
|
1541
1554
|
</ul>
|
|
1542
1555
|
</div>
|
|
@@ -1760,22 +1773,25 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1760
1773
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1761
1774
|
</button>
|
|
1762
1775
|
</div>
|
|
1763
|
-
<ul class="pf-v5-c-dropdown__menu" hidden>
|
|
1764
|
-
<li>
|
|
1776
|
+
<ul class="pf-v5-c-dropdown__menu" hidden role="menu">
|
|
1777
|
+
<li role="none">
|
|
1765
1778
|
<button
|
|
1766
1779
|
class="pf-v5-c-dropdown__menu-item"
|
|
1780
|
+
role="menuitem"
|
|
1767
1781
|
type="button"
|
|
1768
1782
|
>Select all</button>
|
|
1769
1783
|
</li>
|
|
1770
|
-
<li>
|
|
1784
|
+
<li role="none">
|
|
1771
1785
|
<button
|
|
1772
1786
|
class="pf-v5-c-dropdown__menu-item"
|
|
1787
|
+
role="menuitem"
|
|
1773
1788
|
type="button"
|
|
1774
1789
|
>Select none</button>
|
|
1775
1790
|
</li>
|
|
1776
|
-
<li>
|
|
1791
|
+
<li role="none">
|
|
1777
1792
|
<button
|
|
1778
1793
|
class="pf-v5-c-dropdown__menu-item"
|
|
1794
|
+
role="menuitem"
|
|
1779
1795
|
type="button"
|
|
1780
1796
|
>Other action</button>
|
|
1781
1797
|
</li>
|
|
@@ -1813,17 +1829,27 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1813
1829
|
</button>
|
|
1814
1830
|
<ul
|
|
1815
1831
|
class="pf-v5-c-dropdown__menu"
|
|
1832
|
+
role="menu"
|
|
1816
1833
|
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-icon-button-overflow-menu-dropdown-toggle"
|
|
1817
1834
|
hidden
|
|
1818
1835
|
>
|
|
1819
|
-
<li>
|
|
1820
|
-
<button
|
|
1836
|
+
<li role="none">
|
|
1837
|
+
<button
|
|
1838
|
+
role="menuitem"
|
|
1839
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1840
|
+
>Edit</button>
|
|
1821
1841
|
</li>
|
|
1822
|
-
<li>
|
|
1823
|
-
<button
|
|
1842
|
+
<li role="none">
|
|
1843
|
+
<button
|
|
1844
|
+
role="menuitem"
|
|
1845
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1846
|
+
>Clone</button>
|
|
1824
1847
|
</li>
|
|
1825
|
-
<li>
|
|
1826
|
-
<button
|
|
1848
|
+
<li role="none">
|
|
1849
|
+
<button
|
|
1850
|
+
role="menuitem"
|
|
1851
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1852
|
+
>Sync</button>
|
|
1827
1853
|
</li>
|
|
1828
1854
|
</ul>
|
|
1829
1855
|
</div>
|
|
@@ -1935,7 +1961,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1935
1961
|
<span
|
|
1936
1962
|
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-label"
|
|
1937
1963
|
hidden
|
|
1938
|
-
>Choose
|
|
1964
|
+
>Choose many</span>
|
|
1939
1965
|
|
|
1940
1966
|
<button
|
|
1941
1967
|
class="pf-v5-c-select__toggle"
|
|
@@ -2036,7 +2062,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2036
2062
|
<span
|
|
2037
2063
|
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-label"
|
|
2038
2064
|
hidden
|
|
2039
|
-
>Choose
|
|
2065
|
+
>Choose many</span>
|
|
2040
2066
|
|
|
2041
2067
|
<button
|
|
2042
2068
|
class="pf-v5-c-select__toggle"
|
|
@@ -2340,22 +2366,25 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2340
2366
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
2341
2367
|
</button>
|
|
2342
2368
|
</div>
|
|
2343
|
-
<ul class="pf-v5-c-dropdown__menu" hidden>
|
|
2344
|
-
<li>
|
|
2369
|
+
<ul class="pf-v5-c-dropdown__menu" hidden role="menu">
|
|
2370
|
+
<li role="none">
|
|
2345
2371
|
<button
|
|
2346
2372
|
class="pf-v5-c-dropdown__menu-item"
|
|
2373
|
+
role="menuitem"
|
|
2347
2374
|
type="button"
|
|
2348
2375
|
>Select all</button>
|
|
2349
2376
|
</li>
|
|
2350
|
-
<li>
|
|
2377
|
+
<li role="none">
|
|
2351
2378
|
<button
|
|
2352
2379
|
class="pf-v5-c-dropdown__menu-item"
|
|
2380
|
+
role="menuitem"
|
|
2353
2381
|
type="button"
|
|
2354
2382
|
>Select none</button>
|
|
2355
2383
|
</li>
|
|
2356
|
-
<li>
|
|
2384
|
+
<li role="none">
|
|
2357
2385
|
<button
|
|
2358
2386
|
class="pf-v5-c-dropdown__menu-item"
|
|
2387
|
+
role="menuitem"
|
|
2359
2388
|
type="button"
|
|
2360
2389
|
>Other action</button>
|
|
2361
2390
|
</li>
|
|
@@ -2380,7 +2409,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2380
2409
|
<span
|
|
2381
2410
|
id="toolbar-selected-filters-example-select-checkbox-status-label"
|
|
2382
2411
|
hidden
|
|
2383
|
-
>Choose
|
|
2412
|
+
>Choose many</span>
|
|
2384
2413
|
|
|
2385
2414
|
<button
|
|
2386
2415
|
class="pf-v5-c-select__toggle"
|
|
@@ -2483,7 +2512,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2483
2512
|
<span
|
|
2484
2513
|
id="toolbar-selected-filters-example-select-checkbox-risk-label"
|
|
2485
2514
|
hidden
|
|
2486
|
-
>Choose
|
|
2515
|
+
>Choose many</span>
|
|
2487
2516
|
|
|
2488
2517
|
<button
|
|
2489
2518
|
class="pf-v5-c-select__toggle"
|
|
@@ -2656,11 +2685,15 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2656
2685
|
</button>
|
|
2657
2686
|
<ul
|
|
2658
2687
|
class="pf-v5-c-dropdown__menu"
|
|
2688
|
+
role="menu"
|
|
2659
2689
|
aria-labelledby="toolbar-selected-filters-example-overflow-menu-dropdown-toggle"
|
|
2660
2690
|
hidden
|
|
2661
2691
|
>
|
|
2662
|
-
<li>
|
|
2663
|
-
<button
|
|
2692
|
+
<li role="none">
|
|
2693
|
+
<button
|
|
2694
|
+
role="menuitem"
|
|
2695
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2696
|
+
>Tertiary</button>
|
|
2664
2697
|
</li>
|
|
2665
2698
|
</ul>
|
|
2666
2699
|
</div>
|
|
@@ -3250,11 +3283,15 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3250
3283
|
</button>
|
|
3251
3284
|
<ul
|
|
3252
3285
|
class="pf-v5-c-dropdown__menu"
|
|
3286
|
+
role="menu"
|
|
3253
3287
|
aria-labelledby="toolbar-stacked-example-overflow-menu-dropdown-toggle"
|
|
3254
3288
|
hidden
|
|
3255
3289
|
>
|
|
3256
|
-
<li>
|
|
3257
|
-
<button
|
|
3290
|
+
<li role="none">
|
|
3291
|
+
<button
|
|
3292
|
+
role="menuitem"
|
|
3293
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
3294
|
+
>Tertiary</button>
|
|
3258
3295
|
</li>
|
|
3259
3296
|
</ul>
|
|
3260
3297
|
</div>
|
|
@@ -3299,22 +3336,25 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3299
3336
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
3300
3337
|
</button>
|
|
3301
3338
|
</div>
|
|
3302
|
-
<ul class="pf-v5-c-dropdown__menu" hidden>
|
|
3303
|
-
<li>
|
|
3339
|
+
<ul class="pf-v5-c-dropdown__menu" hidden role="menu">
|
|
3340
|
+
<li role="none">
|
|
3304
3341
|
<button
|
|
3305
3342
|
class="pf-v5-c-dropdown__menu-item"
|
|
3343
|
+
role="menuitem"
|
|
3306
3344
|
type="button"
|
|
3307
3345
|
>Select all</button>
|
|
3308
3346
|
</li>
|
|
3309
|
-
<li>
|
|
3347
|
+
<li role="none">
|
|
3310
3348
|
<button
|
|
3311
3349
|
class="pf-v5-c-dropdown__menu-item"
|
|
3350
|
+
role="menuitem"
|
|
3312
3351
|
type="button"
|
|
3313
3352
|
>Select none</button>
|
|
3314
3353
|
</li>
|
|
3315
|
-
<li>
|
|
3354
|
+
<li role="none">
|
|
3316
3355
|
<button
|
|
3317
3356
|
class="pf-v5-c-dropdown__menu-item"
|
|
3357
|
+
role="menuitem"
|
|
3318
3358
|
type="button"
|
|
3319
3359
|
>Other action</button>
|
|
3320
3360
|
</li>
|
|
@@ -3342,27 +3382,34 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3342
3382
|
</button>
|
|
3343
3383
|
<ul
|
|
3344
3384
|
class="pf-v5-c-options-menu__menu"
|
|
3385
|
+
role="menu"
|
|
3345
3386
|
aria-labelledby="toolbar-stacked-example-pagination-options-menu-toggle"
|
|
3346
3387
|
hidden
|
|
3347
3388
|
>
|
|
3348
|
-
<li>
|
|
3389
|
+
<li role="none">
|
|
3349
3390
|
<button
|
|
3350
3391
|
class="pf-v5-c-options-menu__menu-item"
|
|
3351
3392
|
type="button"
|
|
3393
|
+
role="menuitem"
|
|
3352
3394
|
>5 per page</button>
|
|
3353
3395
|
</li>
|
|
3354
|
-
<li>
|
|
3355
|
-
<button
|
|
3396
|
+
<li role="none">
|
|
3397
|
+
<button
|
|
3398
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
3399
|
+
type="button"
|
|
3400
|
+
role="menuitem"
|
|
3401
|
+
>
|
|
3356
3402
|
10 per page
|
|
3357
3403
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
3358
3404
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
3359
3405
|
</div>
|
|
3360
3406
|
</button>
|
|
3361
3407
|
</li>
|
|
3362
|
-
<li>
|
|
3408
|
+
<li role="none">
|
|
3363
3409
|
<button
|
|
3364
3410
|
class="pf-v5-c-options-menu__menu-item"
|
|
3365
3411
|
type="button"
|
|
3412
|
+
role="menuitem"
|
|
3366
3413
|
>20 per page</button>
|
|
3367
3414
|
</li>
|
|
3368
3415
|
</ul>
|
|
@@ -3461,17 +3508,27 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3461
3508
|
</button>
|
|
3462
3509
|
<ul
|
|
3463
3510
|
class="pf-v5-c-dropdown__menu"
|
|
3511
|
+
role="menu"
|
|
3464
3512
|
aria-labelledby="toolbar-stacked-collapsed-example-icon-button-overflow-menu-dropdown-toggle"
|
|
3465
3513
|
hidden
|
|
3466
3514
|
>
|
|
3467
|
-
<li>
|
|
3468
|
-
<button
|
|
3515
|
+
<li role="none">
|
|
3516
|
+
<button
|
|
3517
|
+
role="menuitem"
|
|
3518
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
3519
|
+
>Edit</button>
|
|
3469
3520
|
</li>
|
|
3470
|
-
<li>
|
|
3471
|
-
<button
|
|
3521
|
+
<li role="none">
|
|
3522
|
+
<button
|
|
3523
|
+
role="menuitem"
|
|
3524
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
3525
|
+
>Clone</button>
|
|
3472
3526
|
</li>
|
|
3473
|
-
<li>
|
|
3474
|
-
<button
|
|
3527
|
+
<li role="none">
|
|
3528
|
+
<button
|
|
3529
|
+
role="menuitem"
|
|
3530
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
3531
|
+
>Sync</button>
|
|
3475
3532
|
</li>
|
|
3476
3533
|
</ul>
|
|
3477
3534
|
</div>
|
|
@@ -3822,22 +3879,25 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3822
3879
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
3823
3880
|
</button>
|
|
3824
3881
|
</div>
|
|
3825
|
-
<ul class="pf-v5-c-dropdown__menu" hidden>
|
|
3826
|
-
<li>
|
|
3882
|
+
<ul class="pf-v5-c-dropdown__menu" hidden role="menu">
|
|
3883
|
+
<li role="none">
|
|
3827
3884
|
<button
|
|
3828
3885
|
class="pf-v5-c-dropdown__menu-item"
|
|
3886
|
+
role="menuitem"
|
|
3829
3887
|
type="button"
|
|
3830
3888
|
>Select all</button>
|
|
3831
3889
|
</li>
|
|
3832
|
-
<li>
|
|
3890
|
+
<li role="none">
|
|
3833
3891
|
<button
|
|
3834
3892
|
class="pf-v5-c-dropdown__menu-item"
|
|
3893
|
+
role="menuitem"
|
|
3835
3894
|
type="button"
|
|
3836
3895
|
>Select none</button>
|
|
3837
3896
|
</li>
|
|
3838
|
-
<li>
|
|
3897
|
+
<li role="none">
|
|
3839
3898
|
<button
|
|
3840
3899
|
class="pf-v5-c-dropdown__menu-item"
|
|
3900
|
+
role="menuitem"
|
|
3841
3901
|
type="button"
|
|
3842
3902
|
>Other action</button>
|
|
3843
3903
|
</li>
|
|
@@ -3865,27 +3925,34 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3865
3925
|
</button>
|
|
3866
3926
|
<ul
|
|
3867
3927
|
class="pf-v5-c-options-menu__menu"
|
|
3928
|
+
role="menu"
|
|
3868
3929
|
aria-labelledby="toolbar-stacked-collapsed-example-pagination-options-menu-toggle"
|
|
3869
3930
|
hidden
|
|
3870
3931
|
>
|
|
3871
|
-
<li>
|
|
3932
|
+
<li role="none">
|
|
3872
3933
|
<button
|
|
3873
3934
|
class="pf-v5-c-options-menu__menu-item"
|
|
3874
3935
|
type="button"
|
|
3936
|
+
role="menuitem"
|
|
3875
3937
|
>5 per page</button>
|
|
3876
3938
|
</li>
|
|
3877
|
-
<li>
|
|
3878
|
-
<button
|
|
3939
|
+
<li role="none">
|
|
3940
|
+
<button
|
|
3941
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
3942
|
+
type="button"
|
|
3943
|
+
role="menuitem"
|
|
3944
|
+
>
|
|
3879
3945
|
10 per page
|
|
3880
3946
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
3881
3947
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
3882
3948
|
</div>
|
|
3883
3949
|
</button>
|
|
3884
3950
|
</li>
|
|
3885
|
-
<li>
|
|
3951
|
+
<li role="none">
|
|
3886
3952
|
<button
|
|
3887
3953
|
class="pf-v5-c-options-menu__menu-item"
|
|
3888
3954
|
type="button"
|
|
3955
|
+
role="menuitem"
|
|
3889
3956
|
>20 per page</button>
|
|
3890
3957
|
</li>
|
|
3891
3958
|
</ul>
|
|
@@ -3980,22 +4047,25 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3980
4047
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
3981
4048
|
</button>
|
|
3982
4049
|
</div>
|
|
3983
|
-
<ul class="pf-v5-c-dropdown__menu" hidden>
|
|
3984
|
-
<li>
|
|
4050
|
+
<ul class="pf-v5-c-dropdown__menu" hidden role="menu">
|
|
4051
|
+
<li role="none">
|
|
3985
4052
|
<button
|
|
3986
4053
|
class="pf-v5-c-dropdown__menu-item"
|
|
4054
|
+
role="menuitem"
|
|
3987
4055
|
type="button"
|
|
3988
4056
|
>Select all</button>
|
|
3989
4057
|
</li>
|
|
3990
|
-
<li>
|
|
4058
|
+
<li role="none">
|
|
3991
4059
|
<button
|
|
3992
4060
|
class="pf-v5-c-dropdown__menu-item"
|
|
4061
|
+
role="menuitem"
|
|
3993
4062
|
type="button"
|
|
3994
4063
|
>Select none</button>
|
|
3995
4064
|
</li>
|
|
3996
|
-
<li>
|
|
4065
|
+
<li role="none">
|
|
3997
4066
|
<button
|
|
3998
4067
|
class="pf-v5-c-dropdown__menu-item"
|
|
4068
|
+
role="menuitem"
|
|
3999
4069
|
type="button"
|
|
4000
4070
|
>Other action</button>
|
|
4001
4071
|
</li>
|
|
@@ -4114,7 +4184,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
4114
4184
|
<span
|
|
4115
4185
|
id="toolbar-expanded-elements-example-select-checkbox-status-label"
|
|
4116
4186
|
hidden
|
|
4117
|
-
>Choose
|
|
4187
|
+
>Choose many</span>
|
|
4118
4188
|
|
|
4119
4189
|
<button
|
|
4120
4190
|
class="pf-v5-c-select__toggle"
|
|
@@ -4214,7 +4284,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
4214
4284
|
<span
|
|
4215
4285
|
id="toolbar-expanded-elements-example-select-checkbox-risk-label"
|
|
4216
4286
|
hidden
|
|
4217
|
-
>Choose
|
|
4287
|
+
>Choose many</span>
|
|
4218
4288
|
|
|
4219
4289
|
<button
|
|
4220
4290
|
class="pf-v5-c-select__toggle"
|
|
@@ -4384,10 +4454,14 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
4384
4454
|
</button>
|
|
4385
4455
|
<ul
|
|
4386
4456
|
class="pf-v5-c-dropdown__menu"
|
|
4457
|
+
role="menu"
|
|
4387
4458
|
aria-labelledby="toolbar-expanded-elements-example-overflow-menu-dropdown-toggle"
|
|
4388
4459
|
>
|
|
4389
|
-
<li>
|
|
4390
|
-
<button
|
|
4460
|
+
<li role="none">
|
|
4461
|
+
<button
|
|
4462
|
+
role="menuitem"
|
|
4463
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
4464
|
+
>Tertiary</button>
|
|
4391
4465
|
</li>
|
|
4392
4466
|
</ul>
|
|
4393
4467
|
</div>
|
|
@@ -1974,31 +1974,46 @@ cssPrefix: pf-v5-c-tree-view
|
|
|
1974
1974
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1975
1975
|
aria-labelledby="dropdown-kebab-button"
|
|
1976
1976
|
hidden
|
|
1977
|
+
role="menu"
|
|
1977
1978
|
>
|
|
1978
|
-
<li>
|
|
1979
|
-
<a
|
|
1979
|
+
<li role="none">
|
|
1980
|
+
<a
|
|
1981
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1982
|
+
role="menuitem"
|
|
1983
|
+
href="#"
|
|
1984
|
+
>Link</a>
|
|
1980
1985
|
</li>
|
|
1981
|
-
<li>
|
|
1982
|
-
<button
|
|
1986
|
+
<li role="none">
|
|
1987
|
+
<button
|
|
1988
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1989
|
+
role="menuitem"
|
|
1990
|
+
type="button"
|
|
1991
|
+
>Action</button>
|
|
1983
1992
|
</li>
|
|
1984
|
-
<li>
|
|
1993
|
+
<li role="none">
|
|
1985
1994
|
<a
|
|
1986
1995
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1996
|
+
role="menuitem"
|
|
1987
1997
|
href="#"
|
|
1988
1998
|
aria-disabled="true"
|
|
1989
1999
|
tabindex="-1"
|
|
1990
2000
|
>Disabled link</a>
|
|
1991
2001
|
</li>
|
|
1992
|
-
<li>
|
|
2002
|
+
<li role="none">
|
|
1993
2003
|
<button
|
|
1994
2004
|
class="pf-v5-c-dropdown__menu-item"
|
|
2005
|
+
role="menuitem"
|
|
1995
2006
|
type="button"
|
|
1996
2007
|
disabled
|
|
1997
2008
|
>Disabled action</button>
|
|
1998
2009
|
</li>
|
|
1999
2010
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2000
|
-
<li>
|
|
2001
|
-
<a
|
|
2011
|
+
<li role="none">
|
|
2012
|
+
<a
|
|
2013
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2014
|
+
role="menuitem"
|
|
2015
|
+
href="#"
|
|
2016
|
+
>Separated link</a>
|
|
2002
2017
|
</li>
|
|
2003
2018
|
</ul>
|
|
2004
2019
|
</div>
|