@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
|
@@ -27,22 +27,23 @@ The overflow menu relies on groups (`.pf-v5-c-overflow-menu__group`) and items (
|
|
|
27
27
|
</button>
|
|
28
28
|
<ul
|
|
29
29
|
class="pf-v5-c-dropdown__menu"
|
|
30
|
+
role="menu"
|
|
30
31
|
aria-labelledby="overflow-menu-simple-dropdown-toggle"
|
|
31
32
|
>
|
|
32
|
-
<li>
|
|
33
|
-
<button class="pf-v5-c-dropdown__menu-item">Item 1</button>
|
|
33
|
+
<li role="none">
|
|
34
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 1</button>
|
|
34
35
|
</li>
|
|
35
|
-
<li>
|
|
36
|
-
<button class="pf-v5-c-dropdown__menu-item">Item 2</button>
|
|
36
|
+
<li role="none">
|
|
37
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 2</button>
|
|
37
38
|
</li>
|
|
38
|
-
<li>
|
|
39
|
-
<button class="pf-v5-c-dropdown__menu-item">Item 3</button>
|
|
39
|
+
<li role="none">
|
|
40
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 3</button>
|
|
40
41
|
</li>
|
|
41
|
-
<li>
|
|
42
|
-
<button class="pf-v5-c-dropdown__menu-item">Item 4</button>
|
|
42
|
+
<li role="none">
|
|
43
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 4</button>
|
|
43
44
|
</li>
|
|
44
|
-
<li>
|
|
45
|
-
<button class="pf-v5-c-dropdown__menu-item">Item 5</button>
|
|
45
|
+
<li role="none">
|
|
46
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 5</button>
|
|
46
47
|
</li>
|
|
47
48
|
</ul>
|
|
48
49
|
</div>
|
|
@@ -170,28 +171,35 @@ The action group consists of a primary and secondary action. Any additional acti
|
|
|
170
171
|
</button>
|
|
171
172
|
<ul
|
|
172
173
|
class="pf-v5-c-dropdown__menu"
|
|
174
|
+
role="menu"
|
|
173
175
|
aria-labelledby="overflow-menu-simple-additional-options-hidden-dropdown-toggle"
|
|
174
176
|
>
|
|
175
|
-
<li>
|
|
176
|
-
<button class="pf-v5-c-dropdown__menu-item">Primary</button>
|
|
177
|
+
<li role="none">
|
|
178
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Primary</button>
|
|
177
179
|
</li>
|
|
178
|
-
<li>
|
|
179
|
-
<button class="pf-v5-c-dropdown__menu-item">Secondary</button>
|
|
180
|
+
<li role="none">
|
|
181
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Secondary</button>
|
|
180
182
|
</li>
|
|
181
|
-
<li>
|
|
182
|
-
<button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
|
|
183
|
+
<li role="none">
|
|
184
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Tertiary</button>
|
|
183
185
|
</li>
|
|
184
|
-
<li>
|
|
185
|
-
<button class="pf-v5-c-dropdown__menu-item">Align left</button>
|
|
186
|
+
<li role="none">
|
|
187
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Align left</button>
|
|
186
188
|
</li>
|
|
187
|
-
<li>
|
|
188
|
-
<button
|
|
189
|
+
<li role="none">
|
|
190
|
+
<button
|
|
191
|
+
role="menuitem"
|
|
192
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
193
|
+
>Align center</button>
|
|
189
194
|
</li>
|
|
190
|
-
<li>
|
|
191
|
-
<button
|
|
195
|
+
<li role="none">
|
|
196
|
+
<button
|
|
197
|
+
role="menuitem"
|
|
198
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
199
|
+
>Align right</button>
|
|
192
200
|
</li>
|
|
193
|
-
<li>
|
|
194
|
-
<button class="pf-v5-c-dropdown__menu-item">Action 7</button>
|
|
201
|
+
<li role="none">
|
|
202
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 7</button>
|
|
195
203
|
</li>
|
|
196
204
|
</ul>
|
|
197
205
|
</div>
|
|
@@ -262,10 +270,11 @@ The action group consists of a primary and secondary action. Any additional acti
|
|
|
262
270
|
</button>
|
|
263
271
|
<ul
|
|
264
272
|
class="pf-v5-c-dropdown__menu"
|
|
273
|
+
role="menu"
|
|
265
274
|
aria-labelledby="overflow-menu-simple-additional-options-visible-dropdown-toggle"
|
|
266
275
|
>
|
|
267
|
-
<li>
|
|
268
|
-
<button class="pf-v5-c-dropdown__menu-item">Action 7</button>
|
|
276
|
+
<li role="none">
|
|
277
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 7</button>
|
|
269
278
|
</li>
|
|
270
279
|
</ul>
|
|
271
280
|
</div>
|
|
@@ -300,16 +309,17 @@ The action group consists of a primary and secondary action. Any additional acti
|
|
|
300
309
|
</button>
|
|
301
310
|
<ul
|
|
302
311
|
class="pf-v5-c-dropdown__menu"
|
|
312
|
+
role="menu"
|
|
303
313
|
aria-labelledby="overflow-menu-persistent-hidden-dropdown-toggle"
|
|
304
314
|
>
|
|
305
|
-
<li>
|
|
306
|
-
<button class="pf-v5-c-dropdown__menu-item">Secondary</button>
|
|
315
|
+
<li role="none">
|
|
316
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Secondary</button>
|
|
307
317
|
</li>
|
|
308
|
-
<li>
|
|
309
|
-
<button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
|
|
318
|
+
<li role="none">
|
|
319
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Tertiary</button>
|
|
310
320
|
</li>
|
|
311
|
-
<li>
|
|
312
|
-
<button class="pf-v5-c-dropdown__menu-item">Action 4</button>
|
|
321
|
+
<li role="none">
|
|
322
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 4</button>
|
|
313
323
|
</li>
|
|
314
324
|
</ul>
|
|
315
325
|
</div>
|
|
@@ -351,10 +361,11 @@ The action group consists of a primary and secondary action. Any additional acti
|
|
|
351
361
|
</button>
|
|
352
362
|
<ul
|
|
353
363
|
class="pf-v5-c-dropdown__menu"
|
|
364
|
+
role="menu"
|
|
354
365
|
aria-labelledby="overflow-menu-persistent-visible-example-dropdown-toggle"
|
|
355
366
|
>
|
|
356
|
-
<li>
|
|
357
|
-
<button class="pf-v5-c-dropdown__menu-item">Action 4</button>
|
|
367
|
+
<li role="none">
|
|
368
|
+
<button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 4</button>
|
|
358
369
|
</li>
|
|
359
370
|
</ul>
|
|
360
371
|
</div>
|
|
@@ -32,24 +32,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
32
32
|
</button>
|
|
33
33
|
<ul
|
|
34
34
|
class="pf-v5-c-options-menu__menu"
|
|
35
|
+
role="menu"
|
|
35
36
|
aria-labelledby="pagination-options-menu-top-example-toggle"
|
|
36
37
|
hidden
|
|
37
38
|
>
|
|
38
|
-
<li>
|
|
39
|
-
<button
|
|
39
|
+
<li role="none">
|
|
40
|
+
<button
|
|
41
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
42
|
+
type="button"
|
|
43
|
+
role="menuitem"
|
|
44
|
+
>5 per page</button>
|
|
40
45
|
</li>
|
|
41
|
-
<li>
|
|
42
|
-
<button
|
|
46
|
+
<li role="none">
|
|
47
|
+
<button
|
|
48
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
49
|
+
type="button"
|
|
50
|
+
role="menuitem"
|
|
51
|
+
>
|
|
43
52
|
10 per page
|
|
44
53
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
45
54
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
46
55
|
</div>
|
|
47
56
|
</button>
|
|
48
57
|
</li>
|
|
49
|
-
<li>
|
|
58
|
+
<li role="none">
|
|
50
59
|
<button
|
|
51
60
|
class="pf-v5-c-options-menu__menu-item"
|
|
52
61
|
type="button"
|
|
62
|
+
role="menuitem"
|
|
53
63
|
>20 per page</button>
|
|
54
64
|
</li>
|
|
55
65
|
</ul>
|
|
@@ -139,23 +149,33 @@ cssPrefix: pf-v5-c-pagination
|
|
|
139
149
|
</button>
|
|
140
150
|
<ul
|
|
141
151
|
class="pf-v5-c-options-menu__menu"
|
|
152
|
+
role="menu"
|
|
142
153
|
aria-labelledby="pagination-options-menu-top-expanded-example-toggle"
|
|
143
154
|
>
|
|
144
|
-
<li>
|
|
145
|
-
<button
|
|
155
|
+
<li role="none">
|
|
156
|
+
<button
|
|
157
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
158
|
+
type="button"
|
|
159
|
+
role="menuitem"
|
|
160
|
+
>5 per page</button>
|
|
146
161
|
</li>
|
|
147
|
-
<li>
|
|
148
|
-
<button
|
|
162
|
+
<li role="none">
|
|
163
|
+
<button
|
|
164
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
165
|
+
type="button"
|
|
166
|
+
role="menuitem"
|
|
167
|
+
>
|
|
149
168
|
10 per page
|
|
150
169
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
151
170
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
152
171
|
</div>
|
|
153
172
|
</button>
|
|
154
173
|
</li>
|
|
155
|
-
<li>
|
|
174
|
+
<li role="none">
|
|
156
175
|
<button
|
|
157
176
|
class="pf-v5-c-options-menu__menu-item"
|
|
158
177
|
type="button"
|
|
178
|
+
role="menuitem"
|
|
159
179
|
>20 per page</button>
|
|
160
180
|
</li>
|
|
161
181
|
</ul>
|
|
@@ -245,24 +265,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
245
265
|
</button>
|
|
246
266
|
<ul
|
|
247
267
|
class="pf-v5-c-options-menu__menu"
|
|
268
|
+
role="menu"
|
|
248
269
|
aria-labelledby="pagination-options-menu-top-sticky-example-toggle"
|
|
249
270
|
hidden
|
|
250
271
|
>
|
|
251
|
-
<li>
|
|
252
|
-
<button
|
|
272
|
+
<li role="none">
|
|
273
|
+
<button
|
|
274
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
275
|
+
type="button"
|
|
276
|
+
role="menuitem"
|
|
277
|
+
>5 per page</button>
|
|
253
278
|
</li>
|
|
254
|
-
<li>
|
|
255
|
-
<button
|
|
279
|
+
<li role="none">
|
|
280
|
+
<button
|
|
281
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
282
|
+
type="button"
|
|
283
|
+
role="menuitem"
|
|
284
|
+
>
|
|
256
285
|
10 per page
|
|
257
286
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
258
287
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
259
288
|
</div>
|
|
260
289
|
</button>
|
|
261
290
|
</li>
|
|
262
|
-
<li>
|
|
291
|
+
<li role="none">
|
|
263
292
|
<button
|
|
264
293
|
class="pf-v5-c-options-menu__menu-item"
|
|
265
294
|
type="button"
|
|
295
|
+
role="menuitem"
|
|
266
296
|
>20 per page</button>
|
|
267
297
|
</li>
|
|
268
298
|
</ul>
|
|
@@ -362,24 +392,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
362
392
|
</button>
|
|
363
393
|
<ul
|
|
364
394
|
class="pf-v5-c-options-menu__menu"
|
|
395
|
+
role="menu"
|
|
365
396
|
aria-labelledby="pagination-options-menu-top-indeterminate-example-toggle"
|
|
366
397
|
hidden
|
|
367
398
|
>
|
|
368
|
-
<li>
|
|
369
|
-
<button
|
|
399
|
+
<li role="none">
|
|
400
|
+
<button
|
|
401
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
402
|
+
type="button"
|
|
403
|
+
role="menuitem"
|
|
404
|
+
>5 per page</button>
|
|
370
405
|
</li>
|
|
371
|
-
<li>
|
|
372
|
-
<button
|
|
406
|
+
<li role="none">
|
|
407
|
+
<button
|
|
408
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
409
|
+
type="button"
|
|
410
|
+
role="menuitem"
|
|
411
|
+
>
|
|
373
412
|
10 per page
|
|
374
413
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
375
414
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
376
415
|
</div>
|
|
377
416
|
</button>
|
|
378
417
|
</li>
|
|
379
|
-
<li>
|
|
418
|
+
<li role="none">
|
|
380
419
|
<button
|
|
381
420
|
class="pf-v5-c-options-menu__menu-item"
|
|
382
421
|
type="button"
|
|
422
|
+
role="menuitem"
|
|
383
423
|
>20 per page</button>
|
|
384
424
|
</li>
|
|
385
425
|
</ul>
|
|
@@ -464,24 +504,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
464
504
|
</button>
|
|
465
505
|
<ul
|
|
466
506
|
class="pf-v5-c-options-menu__menu pf-m-top"
|
|
507
|
+
role="menu"
|
|
467
508
|
aria-labelledby="pagination-options-menu-bottom-example-toggle"
|
|
468
509
|
hidden
|
|
469
510
|
>
|
|
470
|
-
<li>
|
|
471
|
-
<button
|
|
511
|
+
<li role="none">
|
|
512
|
+
<button
|
|
513
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
514
|
+
type="button"
|
|
515
|
+
role="menuitem"
|
|
516
|
+
>5 per page</button>
|
|
472
517
|
</li>
|
|
473
|
-
<li>
|
|
474
|
-
<button
|
|
518
|
+
<li role="none">
|
|
519
|
+
<button
|
|
520
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
521
|
+
type="button"
|
|
522
|
+
role="menuitem"
|
|
523
|
+
>
|
|
475
524
|
10 per page
|
|
476
525
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
477
526
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
478
527
|
</div>
|
|
479
528
|
</button>
|
|
480
529
|
</li>
|
|
481
|
-
<li>
|
|
530
|
+
<li role="none">
|
|
482
531
|
<button
|
|
483
532
|
class="pf-v5-c-options-menu__menu-item"
|
|
484
533
|
type="button"
|
|
534
|
+
role="menuitem"
|
|
485
535
|
>20 per page</button>
|
|
486
536
|
</li>
|
|
487
537
|
</ul>
|
|
@@ -577,24 +627,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
577
627
|
</button>
|
|
578
628
|
<ul
|
|
579
629
|
class="pf-v5-c-options-menu__menu pf-m-top"
|
|
630
|
+
role="menu"
|
|
580
631
|
aria-labelledby="pagination-options-menu-bottom-sticky-example-toggle"
|
|
581
632
|
hidden
|
|
582
633
|
>
|
|
583
|
-
<li>
|
|
584
|
-
<button
|
|
634
|
+
<li role="none">
|
|
635
|
+
<button
|
|
636
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
637
|
+
type="button"
|
|
638
|
+
role="menuitem"
|
|
639
|
+
>5 per page</button>
|
|
585
640
|
</li>
|
|
586
|
-
<li>
|
|
587
|
-
<button
|
|
641
|
+
<li role="none">
|
|
642
|
+
<button
|
|
643
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
644
|
+
type="button"
|
|
645
|
+
role="menuitem"
|
|
646
|
+
>
|
|
588
647
|
10 per page
|
|
589
648
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
590
649
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
591
650
|
</div>
|
|
592
651
|
</button>
|
|
593
652
|
</li>
|
|
594
|
-
<li>
|
|
653
|
+
<li role="none">
|
|
595
654
|
<button
|
|
596
655
|
class="pf-v5-c-options-menu__menu-item"
|
|
597
656
|
type="button"
|
|
657
|
+
role="menuitem"
|
|
598
658
|
>20 per page</button>
|
|
599
659
|
</li>
|
|
600
660
|
</ul>
|
|
@@ -685,24 +745,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
685
745
|
</button>
|
|
686
746
|
<ul
|
|
687
747
|
class="pf-v5-c-options-menu__menu"
|
|
748
|
+
role="menu"
|
|
688
749
|
aria-labelledby="pagination-options-menu-top-disabled-example-toggle"
|
|
689
750
|
hidden
|
|
690
751
|
>
|
|
691
|
-
<li>
|
|
692
|
-
<button
|
|
752
|
+
<li role="none">
|
|
753
|
+
<button
|
|
754
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
755
|
+
type="button"
|
|
756
|
+
role="menuitem"
|
|
757
|
+
>5 per page</button>
|
|
693
758
|
</li>
|
|
694
|
-
<li>
|
|
695
|
-
<button
|
|
759
|
+
<li role="none">
|
|
760
|
+
<button
|
|
761
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
762
|
+
type="button"
|
|
763
|
+
role="menuitem"
|
|
764
|
+
>
|
|
696
765
|
10 per page
|
|
697
766
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
698
767
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
699
768
|
</div>
|
|
700
769
|
</button>
|
|
701
770
|
</li>
|
|
702
|
-
<li>
|
|
771
|
+
<li role="none">
|
|
703
772
|
<button
|
|
704
773
|
class="pf-v5-c-options-menu__menu-item"
|
|
705
774
|
type="button"
|
|
775
|
+
role="menuitem"
|
|
706
776
|
>20 per page</button>
|
|
707
777
|
</li>
|
|
708
778
|
</ul>
|
|
@@ -795,24 +865,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
795
865
|
</button>
|
|
796
866
|
<ul
|
|
797
867
|
class="pf-v5-c-options-menu__menu"
|
|
868
|
+
role="menu"
|
|
798
869
|
aria-labelledby="pagination-options-menu-compact-example-toggle"
|
|
799
870
|
hidden
|
|
800
871
|
>
|
|
801
|
-
<li>
|
|
802
|
-
<button
|
|
872
|
+
<li role="none">
|
|
873
|
+
<button
|
|
874
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
875
|
+
type="button"
|
|
876
|
+
role="menuitem"
|
|
877
|
+
>5 per page</button>
|
|
803
878
|
</li>
|
|
804
|
-
<li>
|
|
805
|
-
<button
|
|
879
|
+
<li role="none">
|
|
880
|
+
<button
|
|
881
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
882
|
+
type="button"
|
|
883
|
+
role="menuitem"
|
|
884
|
+
>
|
|
806
885
|
10 per page
|
|
807
886
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
808
887
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
809
888
|
</div>
|
|
810
889
|
</button>
|
|
811
890
|
</li>
|
|
812
|
-
<li>
|
|
891
|
+
<li role="none">
|
|
813
892
|
<button
|
|
814
893
|
class="pf-v5-c-options-menu__menu-item"
|
|
815
894
|
type="button"
|
|
895
|
+
role="menuitem"
|
|
816
896
|
>20 per page</button>
|
|
817
897
|
</li>
|
|
818
898
|
</ul>
|
|
@@ -871,24 +951,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
871
951
|
</button>
|
|
872
952
|
<ul
|
|
873
953
|
class="pf-v5-c-options-menu__menu"
|
|
954
|
+
role="menu"
|
|
874
955
|
aria-labelledby="pagination-top-with-summary-modifier-options-menu-toggle"
|
|
875
956
|
hidden
|
|
876
957
|
>
|
|
877
|
-
<li>
|
|
878
|
-
<button
|
|
958
|
+
<li role="none">
|
|
959
|
+
<button
|
|
960
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
961
|
+
type="button"
|
|
962
|
+
role="menuitem"
|
|
963
|
+
>5 per page</button>
|
|
879
964
|
</li>
|
|
880
|
-
<li>
|
|
881
|
-
<button
|
|
965
|
+
<li role="none">
|
|
966
|
+
<button
|
|
967
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
968
|
+
type="button"
|
|
969
|
+
role="menuitem"
|
|
970
|
+
>
|
|
882
971
|
10 per page
|
|
883
972
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
884
973
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
885
974
|
</div>
|
|
886
975
|
</button>
|
|
887
976
|
</li>
|
|
888
|
-
<li>
|
|
977
|
+
<li role="none">
|
|
889
978
|
<button
|
|
890
979
|
class="pf-v5-c-options-menu__menu-item"
|
|
891
980
|
type="button"
|
|
981
|
+
role="menuitem"
|
|
892
982
|
>20 per page</button>
|
|
893
983
|
</li>
|
|
894
984
|
</ul>
|
|
@@ -978,24 +1068,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
978
1068
|
</button>
|
|
979
1069
|
<ul
|
|
980
1070
|
class="pf-v5-c-options-menu__menu"
|
|
1071
|
+
role="menu"
|
|
981
1072
|
aria-labelledby="pagination-top-with-full-modifier-options-menu-toggle"
|
|
982
1073
|
hidden
|
|
983
1074
|
>
|
|
984
|
-
<li>
|
|
985
|
-
<button
|
|
1075
|
+
<li role="none">
|
|
1076
|
+
<button
|
|
1077
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1078
|
+
type="button"
|
|
1079
|
+
role="menuitem"
|
|
1080
|
+
>5 per page</button>
|
|
986
1081
|
</li>
|
|
987
|
-
<li>
|
|
988
|
-
<button
|
|
1082
|
+
<li role="none">
|
|
1083
|
+
<button
|
|
1084
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1085
|
+
type="button"
|
|
1086
|
+
role="menuitem"
|
|
1087
|
+
>
|
|
989
1088
|
10 per page
|
|
990
1089
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
991
1090
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
992
1091
|
</div>
|
|
993
1092
|
</button>
|
|
994
1093
|
</li>
|
|
995
|
-
<li>
|
|
1094
|
+
<li role="none">
|
|
996
1095
|
<button
|
|
997
1096
|
class="pf-v5-c-options-menu__menu-item"
|
|
998
1097
|
type="button"
|
|
1098
|
+
role="menuitem"
|
|
999
1099
|
>20 per page</button>
|
|
1000
1100
|
</li>
|
|
1001
1101
|
</ul>
|
|
@@ -1087,24 +1187,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
1087
1187
|
</button>
|
|
1088
1188
|
<ul
|
|
1089
1189
|
class="pf-v5-c-options-menu__menu"
|
|
1190
|
+
role="menu"
|
|
1090
1191
|
aria-labelledby="pagination-top-with-responsive-summary-navigation-modifiers-options-menu-toggle"
|
|
1091
1192
|
hidden
|
|
1092
1193
|
>
|
|
1093
|
-
<li>
|
|
1094
|
-
<button
|
|
1194
|
+
<li role="none">
|
|
1195
|
+
<button
|
|
1196
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1197
|
+
type="button"
|
|
1198
|
+
role="menuitem"
|
|
1199
|
+
>5 per page</button>
|
|
1095
1200
|
</li>
|
|
1096
|
-
<li>
|
|
1097
|
-
<button
|
|
1201
|
+
<li role="none">
|
|
1202
|
+
<button
|
|
1203
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1204
|
+
type="button"
|
|
1205
|
+
role="menuitem"
|
|
1206
|
+
>
|
|
1098
1207
|
10 per page
|
|
1099
1208
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
1100
1209
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
1101
1210
|
</div>
|
|
1102
1211
|
</button>
|
|
1103
1212
|
</li>
|
|
1104
|
-
<li>
|
|
1213
|
+
<li role="none">
|
|
1105
1214
|
<button
|
|
1106
1215
|
class="pf-v5-c-options-menu__menu-item"
|
|
1107
1216
|
type="button"
|
|
1217
|
+
role="menuitem"
|
|
1108
1218
|
>20 per page</button>
|
|
1109
1219
|
</li>
|
|
1110
1220
|
</ul>
|
|
@@ -1194,24 +1304,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
1194
1304
|
</button>
|
|
1195
1305
|
<ul
|
|
1196
1306
|
class="pf-v5-c-options-menu__menu"
|
|
1307
|
+
role="menu"
|
|
1197
1308
|
aria-labelledby="pagination-compact-with-full-modifier-options-menu-toggle"
|
|
1198
1309
|
hidden
|
|
1199
1310
|
>
|
|
1200
|
-
<li>
|
|
1201
|
-
<button
|
|
1311
|
+
<li role="none">
|
|
1312
|
+
<button
|
|
1313
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1314
|
+
type="button"
|
|
1315
|
+
role="menuitem"
|
|
1316
|
+
>5 per page</button>
|
|
1202
1317
|
</li>
|
|
1203
|
-
<li>
|
|
1204
|
-
<button
|
|
1318
|
+
<li role="none">
|
|
1319
|
+
<button
|
|
1320
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1321
|
+
type="button"
|
|
1322
|
+
role="menuitem"
|
|
1323
|
+
>
|
|
1205
1324
|
10 per page
|
|
1206
1325
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
1207
1326
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
1208
1327
|
</div>
|
|
1209
1328
|
</button>
|
|
1210
1329
|
</li>
|
|
1211
|
-
<li>
|
|
1330
|
+
<li role="none">
|
|
1212
1331
|
<button
|
|
1213
1332
|
class="pf-v5-c-options-menu__menu-item"
|
|
1214
1333
|
type="button"
|
|
1334
|
+
role="menuitem"
|
|
1215
1335
|
>20 per page</button>
|
|
1216
1336
|
</li>
|
|
1217
1337
|
</ul>
|
|
@@ -1272,24 +1392,34 @@ cssPrefix: pf-v5-c-pagination
|
|
|
1272
1392
|
</button>
|
|
1273
1393
|
<ul
|
|
1274
1394
|
class="pf-v5-c-options-menu__menu"
|
|
1395
|
+
role="menu"
|
|
1275
1396
|
aria-labelledby="pagination-inset-options-menu-toggle"
|
|
1276
1397
|
hidden
|
|
1277
1398
|
>
|
|
1278
|
-
<li>
|
|
1279
|
-
<button
|
|
1399
|
+
<li role="none">
|
|
1400
|
+
<button
|
|
1401
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1402
|
+
type="button"
|
|
1403
|
+
role="menuitem"
|
|
1404
|
+
>5 per page</button>
|
|
1280
1405
|
</li>
|
|
1281
|
-
<li>
|
|
1282
|
-
<button
|
|
1406
|
+
<li role="none">
|
|
1407
|
+
<button
|
|
1408
|
+
class="pf-v5-c-options-menu__menu-item"
|
|
1409
|
+
type="button"
|
|
1410
|
+
role="menuitem"
|
|
1411
|
+
>
|
|
1283
1412
|
10 per page
|
|
1284
1413
|
<div class="pf-v5-c-options-menu__menu-item-icon">
|
|
1285
1414
|
<i class="fas fa-check" aria-hidden="true"></i>
|
|
1286
1415
|
</div>
|
|
1287
1416
|
</button>
|
|
1288
1417
|
</li>
|
|
1289
|
-
<li>
|
|
1418
|
+
<li role="none">
|
|
1290
1419
|
<button
|
|
1291
1420
|
class="pf-v5-c-options-menu__menu-item"
|
|
1292
1421
|
type="button"
|
|
1422
|
+
role="menuitem"
|
|
1293
1423
|
>20 per page</button>
|
|
1294
1424
|
</li>
|
|
1295
1425
|
</ul>
|