@patternfly/patternfly 5.3.0 → 5.4.0-prerelease.2

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.
@@ -349,56 +349,22 @@ wrapperTag: div
349
349
 
350
350
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
351
351
  <div class="pf-v5-c-pagination pf-m-compact">
352
- <div class="pf-v5-c-options-menu">
353
- <button
354
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
355
- type="button"
356
- id="basic-demo-toolbar-top-pagination-toggle"
357
- aria-haspopup="listbox"
358
- aria-expanded="false"
359
- >
360
- <span class="pf-v5-c-options-menu__toggle-text">
361
- <b>1 - 10</b>&nbsp;of&nbsp;
362
- <b>36</b>
363
- </span>
364
- <div class="pf-v5-c-options-menu__toggle-icon">
352
+ <button
353
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
354
+ type="button"
355
+ aria-expanded="false"
356
+ id="basic-demo-toolbar-top-pagination"
357
+ >
358
+ <span class="pf-v5-c-menu-toggle__text">
359
+ <b>1 - 10</b>&nbsp;of&nbsp;
360
+ <b>36</b>
361
+ </span>
362
+ <span class="pf-v5-c-menu-toggle__controls">
363
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
365
364
  <i class="fas fa-caret-down" aria-hidden="true"></i>
366
- </div>
367
- </button>
368
- <ul
369
- class="pf-v5-c-options-menu__menu"
370
- role="menu"
371
- aria-labelledby="basic-demo-toolbar-top-pagination-toggle"
372
- hidden
373
- >
374
- <li role="none">
375
- <button
376
- class="pf-v5-c-options-menu__menu-item"
377
- type="button"
378
- role="menuitem"
379
- >5 per page</button>
380
- </li>
381
- <li role="none">
382
- <button
383
- class="pf-v5-c-options-menu__menu-item"
384
- type="button"
385
- role="menuitem"
386
- >
387
- 10 per page
388
- <div class="pf-v5-c-options-menu__menu-item-icon">
389
- <i class="fas fa-check" aria-hidden="true"></i>
390
- </div>
391
- </button>
392
- </li>
393
- <li role="none">
394
- <button
395
- class="pf-v5-c-options-menu__menu-item"
396
- type="button"
397
- role="menuitem"
398
- >20 per page</button>
399
- </li>
400
- </ul>
401
- </div>
365
+ </span>
366
+ </span>
367
+ </button>
402
368
  <nav
403
369
  class="pf-v5-c-pagination__nav"
404
370
  aria-label="Toolbar top pagination"
@@ -1021,56 +987,22 @@ wrapperTag: div
1021
987
  </tbody>
1022
988
  </table>
1023
989
  <div class="pf-v5-c-pagination pf-m-bottom">
1024
- <div class="pf-v5-c-options-menu pf-m-top">
1025
- <button
1026
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1027
- type="button"
1028
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
1029
- aria-haspopup="listbox"
1030
- aria-expanded="false"
1031
- >
1032
- <span class="pf-v5-c-options-menu__toggle-text">
1033
- <b>1 - 10</b>&nbsp;of&nbsp;
1034
- <b>36</b>
1035
- </span>
1036
- <div class="pf-v5-c-options-menu__toggle-icon">
990
+ <button
991
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
992
+ type="button"
993
+ aria-expanded="false"
994
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
995
+ >
996
+ <span class="pf-v5-c-menu-toggle__text">
997
+ <b>1 - 10</b>&nbsp;of&nbsp;
998
+ <b>36</b>
999
+ </span>
1000
+ <span class="pf-v5-c-menu-toggle__controls">
1001
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1037
1002
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1038
- </div>
1039
- </button>
1040
- <ul
1041
- class="pf-v5-c-options-menu__menu pf-m-top"
1042
- role="menu"
1043
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
1044
- hidden
1045
- >
1046
- <li role="none">
1047
- <button
1048
- class="pf-v5-c-options-menu__menu-item"
1049
- type="button"
1050
- role="menuitem"
1051
- >5 per page</button>
1052
- </li>
1053
- <li role="none">
1054
- <button
1055
- class="pf-v5-c-options-menu__menu-item"
1056
- type="button"
1057
- role="menuitem"
1058
- >
1059
- 10 per page
1060
- <div class="pf-v5-c-options-menu__menu-item-icon">
1061
- <i class="fas fa-check" aria-hidden="true"></i>
1062
- </div>
1063
- </button>
1064
- </li>
1065
- <li role="none">
1066
- <button
1067
- class="pf-v5-c-options-menu__menu-item"
1068
- type="button"
1069
- role="menuitem"
1070
- >20 per page</button>
1071
- </li>
1072
- </ul>
1073
- </div>
1003
+ </span>
1004
+ </span>
1005
+ </button>
1074
1006
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
1075
1007
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
1076
1008
  <button
@@ -1597,56 +1529,22 @@ wrapperTag: div
1597
1529
 
1598
1530
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
1599
1531
  <div class="pf-v5-c-pagination pf-m-compact">
1600
- <div class="pf-v5-c-options-menu">
1601
- <button
1602
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1603
- type="button"
1604
- id="sortable-demo-toolbar-top-pagination-toggle"
1605
- aria-haspopup="listbox"
1606
- aria-expanded="false"
1607
- >
1608
- <span class="pf-v5-c-options-menu__toggle-text">
1609
- <b>1 - 10</b>&nbsp;of&nbsp;
1610
- <b>36</b>
1611
- </span>
1612
- <div class="pf-v5-c-options-menu__toggle-icon">
1532
+ <button
1533
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
1534
+ type="button"
1535
+ aria-expanded="false"
1536
+ id="sortable-demo-toolbar-top-pagination"
1537
+ >
1538
+ <span class="pf-v5-c-menu-toggle__text">
1539
+ <b>1 - 10</b>&nbsp;of&nbsp;
1540
+ <b>36</b>
1541
+ </span>
1542
+ <span class="pf-v5-c-menu-toggle__controls">
1543
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1613
1544
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1614
- </div>
1615
- </button>
1616
- <ul
1617
- class="pf-v5-c-options-menu__menu"
1618
- role="menu"
1619
- aria-labelledby="sortable-demo-toolbar-top-pagination-toggle"
1620
- hidden
1621
- >
1622
- <li role="none">
1623
- <button
1624
- class="pf-v5-c-options-menu__menu-item"
1625
- type="button"
1626
- role="menuitem"
1627
- >5 per page</button>
1628
- </li>
1629
- <li role="none">
1630
- <button
1631
- class="pf-v5-c-options-menu__menu-item"
1632
- type="button"
1633
- role="menuitem"
1634
- >
1635
- 10 per page
1636
- <div class="pf-v5-c-options-menu__menu-item-icon">
1637
- <i class="fas fa-check" aria-hidden="true"></i>
1638
- </div>
1639
- </button>
1640
- </li>
1641
- <li role="none">
1642
- <button
1643
- class="pf-v5-c-options-menu__menu-item"
1644
- type="button"
1645
- role="menuitem"
1646
- >20 per page</button>
1647
- </li>
1648
- </ul>
1649
- </div>
1545
+ </span>
1546
+ </span>
1547
+ </button>
1650
1548
  <nav
1651
1549
  class="pf-v5-c-pagination__nav"
1652
1550
  aria-label="Toolbar top pagination"
@@ -2319,56 +2217,22 @@ wrapperTag: div
2319
2217
  </tbody>
2320
2218
  </table>
2321
2219
  <div class="pf-v5-c-pagination pf-m-bottom">
2322
- <div class="pf-v5-c-options-menu pf-m-top">
2323
- <button
2324
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
2325
- type="button"
2326
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
2327
- aria-haspopup="listbox"
2328
- aria-expanded="false"
2329
- >
2330
- <span class="pf-v5-c-options-menu__toggle-text">
2331
- <b>1 - 10</b>&nbsp;of&nbsp;
2332
- <b>36</b>
2333
- </span>
2334
- <div class="pf-v5-c-options-menu__toggle-icon">
2220
+ <button
2221
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
2222
+ type="button"
2223
+ aria-expanded="false"
2224
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
2225
+ >
2226
+ <span class="pf-v5-c-menu-toggle__text">
2227
+ <b>1 - 10</b>&nbsp;of&nbsp;
2228
+ <b>36</b>
2229
+ </span>
2230
+ <span class="pf-v5-c-menu-toggle__controls">
2231
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2335
2232
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2336
- </div>
2337
- </button>
2338
- <ul
2339
- class="pf-v5-c-options-menu__menu pf-m-top"
2340
- role="menu"
2341
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
2342
- hidden
2343
- >
2344
- <li role="none">
2345
- <button
2346
- class="pf-v5-c-options-menu__menu-item"
2347
- type="button"
2348
- role="menuitem"
2349
- >5 per page</button>
2350
- </li>
2351
- <li role="none">
2352
- <button
2353
- class="pf-v5-c-options-menu__menu-item"
2354
- type="button"
2355
- role="menuitem"
2356
- >
2357
- 10 per page
2358
- <div class="pf-v5-c-options-menu__menu-item-icon">
2359
- <i class="fas fa-check" aria-hidden="true"></i>
2360
- </div>
2361
- </button>
2362
- </li>
2363
- <li role="none">
2364
- <button
2365
- class="pf-v5-c-options-menu__menu-item"
2366
- type="button"
2367
- role="menuitem"
2368
- >20 per page</button>
2369
- </li>
2370
- </ul>
2371
- </div>
2233
+ </span>
2234
+ </span>
2235
+ </button>
2372
2236
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
2373
2237
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
2374
2238
  <button
@@ -2953,56 +2817,22 @@ wrapperTag: div
2953
2817
 
2954
2818
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
2955
2819
  <div class="pf-v5-c-pagination pf-m-compact">
2956
- <div class="pf-v5-c-options-menu">
2957
- <button
2958
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
2959
- type="button"
2960
- id="expandable-demo-toolbar-top-pagination-toggle"
2961
- aria-haspopup="listbox"
2962
- aria-expanded="false"
2963
- >
2964
- <span class="pf-v5-c-options-menu__toggle-text">
2965
- <b>1 - 10</b>&nbsp;of&nbsp;
2966
- <b>36</b>
2967
- </span>
2968
- <div class="pf-v5-c-options-menu__toggle-icon">
2820
+ <button
2821
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
2822
+ type="button"
2823
+ aria-expanded="false"
2824
+ id="expandable-demo-toolbar-top-pagination"
2825
+ >
2826
+ <span class="pf-v5-c-menu-toggle__text">
2827
+ <b>1 - 10</b>&nbsp;of&nbsp;
2828
+ <b>36</b>
2829
+ </span>
2830
+ <span class="pf-v5-c-menu-toggle__controls">
2831
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2969
2832
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2970
- </div>
2971
- </button>
2972
- <ul
2973
- class="pf-v5-c-options-menu__menu"
2974
- role="menu"
2975
- aria-labelledby="expandable-demo-toolbar-top-pagination-toggle"
2976
- hidden
2977
- >
2978
- <li role="none">
2979
- <button
2980
- class="pf-v5-c-options-menu__menu-item"
2981
- type="button"
2982
- role="menuitem"
2983
- >5 per page</button>
2984
- </li>
2985
- <li role="none">
2986
- <button
2987
- class="pf-v5-c-options-menu__menu-item"
2988
- type="button"
2989
- role="menuitem"
2990
- >
2991
- 10 per page
2992
- <div class="pf-v5-c-options-menu__menu-item-icon">
2993
- <i class="fas fa-check" aria-hidden="true"></i>
2994
- </div>
2995
- </button>
2996
- </li>
2997
- <li role="none">
2998
- <button
2999
- class="pf-v5-c-options-menu__menu-item"
3000
- type="button"
3001
- role="menuitem"
3002
- >20 per page</button>
3003
- </li>
3004
- </ul>
3005
- </div>
2833
+ </span>
2834
+ </span>
2835
+ </button>
3006
2836
  <nav
3007
2837
  class="pf-v5-c-pagination__nav"
3008
2838
  aria-label="Toolbar top pagination"
@@ -3864,56 +3694,22 @@ wrapperTag: div
3864
3694
  </tbody>
3865
3695
  </table>
3866
3696
  <div class="pf-v5-c-pagination pf-m-bottom">
3867
- <div class="pf-v5-c-options-menu pf-m-top">
3868
- <button
3869
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
3870
- type="button"
3871
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3872
- aria-haspopup="listbox"
3873
- aria-expanded="false"
3874
- >
3875
- <span class="pf-v5-c-options-menu__toggle-text">
3876
- <b>1 - 10</b>&nbsp;of&nbsp;
3877
- <b>36</b>
3878
- </span>
3879
- <div class="pf-v5-c-options-menu__toggle-icon">
3697
+ <button
3698
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
3699
+ type="button"
3700
+ aria-expanded="false"
3701
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
3702
+ >
3703
+ <span class="pf-v5-c-menu-toggle__text">
3704
+ <b>1 - 10</b>&nbsp;of&nbsp;
3705
+ <b>36</b>
3706
+ </span>
3707
+ <span class="pf-v5-c-menu-toggle__controls">
3708
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3880
3709
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3881
- </div>
3882
- </button>
3883
- <ul
3884
- class="pf-v5-c-options-menu__menu pf-m-top"
3885
- role="menu"
3886
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3887
- hidden
3888
- >
3889
- <li role="none">
3890
- <button
3891
- class="pf-v5-c-options-menu__menu-item"
3892
- type="button"
3893
- role="menuitem"
3894
- >5 per page</button>
3895
- </li>
3896
- <li role="none">
3897
- <button
3898
- class="pf-v5-c-options-menu__menu-item"
3899
- type="button"
3900
- role="menuitem"
3901
- >
3902
- 10 per page
3903
- <div class="pf-v5-c-options-menu__menu-item-icon">
3904
- <i class="fas fa-check" aria-hidden="true"></i>
3905
- </div>
3906
- </button>
3907
- </li>
3908
- <li role="none">
3909
- <button
3910
- class="pf-v5-c-options-menu__menu-item"
3911
- type="button"
3912
- role="menuitem"
3913
- >20 per page</button>
3914
- </li>
3915
- </ul>
3916
- </div>
3710
+ </span>
3711
+ </span>
3712
+ </button>
3917
3713
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
3918
3714
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
3919
3715
  <button
@@ -4494,56 +4290,22 @@ wrapperTag: div
4494
4290
 
4495
4291
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
4496
4292
  <div class="pf-v5-c-pagination pf-m-compact">
4497
- <div class="pf-v5-c-options-menu">
4498
- <button
4499
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
4500
- type="button"
4501
- id="compact-demo-toolbar-top-pagination-toggle"
4502
- aria-haspopup="listbox"
4503
- aria-expanded="false"
4504
- >
4505
- <span class="pf-v5-c-options-menu__toggle-text">
4506
- <b>1 - 10</b>&nbsp;of&nbsp;
4507
- <b>36</b>
4508
- </span>
4509
- <div class="pf-v5-c-options-menu__toggle-icon">
4293
+ <button
4294
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
4295
+ type="button"
4296
+ aria-expanded="false"
4297
+ id="compact-demo-toolbar-top-pagination"
4298
+ >
4299
+ <span class="pf-v5-c-menu-toggle__text">
4300
+ <b>1 - 10</b>&nbsp;of&nbsp;
4301
+ <b>36</b>
4302
+ </span>
4303
+ <span class="pf-v5-c-menu-toggle__controls">
4304
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
4510
4305
  <i class="fas fa-caret-down" aria-hidden="true"></i>
4511
- </div>
4512
- </button>
4513
- <ul
4514
- class="pf-v5-c-options-menu__menu"
4515
- role="menu"
4516
- aria-labelledby="compact-demo-toolbar-top-pagination-toggle"
4517
- hidden
4518
- >
4519
- <li role="none">
4520
- <button
4521
- class="pf-v5-c-options-menu__menu-item"
4522
- type="button"
4523
- role="menuitem"
4524
- >5 per page</button>
4525
- </li>
4526
- <li role="none">
4527
- <button
4528
- class="pf-v5-c-options-menu__menu-item"
4529
- type="button"
4530
- role="menuitem"
4531
- >
4532
- 10 per page
4533
- <div class="pf-v5-c-options-menu__menu-item-icon">
4534
- <i class="fas fa-check" aria-hidden="true"></i>
4535
- </div>
4536
- </button>
4537
- </li>
4538
- <li role="none">
4539
- <button
4540
- class="pf-v5-c-options-menu__menu-item"
4541
- type="button"
4542
- role="menuitem"
4543
- >20 per page</button>
4544
- </li>
4545
- </ul>
4546
- </div>
4306
+ </span>
4307
+ </span>
4308
+ </button>
4547
4309
  <nav
4548
4310
  class="pf-v5-c-pagination__nav"
4549
4311
  aria-label="Toolbar top pagination"
@@ -5062,56 +4824,22 @@ wrapperTag: div
5062
4824
  </tbody>
5063
4825
  </table>
5064
4826
  <div class="pf-v5-c-pagination pf-m-bottom">
5065
- <div class="pf-v5-c-options-menu pf-m-top">
5066
- <button
5067
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
5068
- type="button"
5069
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
5070
- aria-haspopup="listbox"
5071
- aria-expanded="false"
5072
- >
5073
- <span class="pf-v5-c-options-menu__toggle-text">
5074
- <b>1 - 10</b>&nbsp;of&nbsp;
5075
- <b>36</b>
5076
- </span>
5077
- <div class="pf-v5-c-options-menu__toggle-icon">
4827
+ <button
4828
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
4829
+ type="button"
4830
+ aria-expanded="false"
4831
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
4832
+ >
4833
+ <span class="pf-v5-c-menu-toggle__text">
4834
+ <b>1 - 10</b>&nbsp;of&nbsp;
4835
+ <b>36</b>
4836
+ </span>
4837
+ <span class="pf-v5-c-menu-toggle__controls">
4838
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
5078
4839
  <i class="fas fa-caret-down" aria-hidden="true"></i>
5079
- </div>
5080
- </button>
5081
- <ul
5082
- class="pf-v5-c-options-menu__menu pf-m-top"
5083
- role="menu"
5084
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
5085
- hidden
5086
- >
5087
- <li role="none">
5088
- <button
5089
- class="pf-v5-c-options-menu__menu-item"
5090
- type="button"
5091
- role="menuitem"
5092
- >5 per page</button>
5093
- </li>
5094
- <li role="none">
5095
- <button
5096
- class="pf-v5-c-options-menu__menu-item"
5097
- type="button"
5098
- role="menuitem"
5099
- >
5100
- 10 per page
5101
- <div class="pf-v5-c-options-menu__menu-item-icon">
5102
- <i class="fas fa-check" aria-hidden="true"></i>
5103
- </div>
5104
- </button>
5105
- </li>
5106
- <li role="none">
5107
- <button
5108
- class="pf-v5-c-options-menu__menu-item"
5109
- type="button"
5110
- role="menuitem"
5111
- >20 per page</button>
5112
- </li>
5113
- </ul>
5114
- </div>
4840
+ </span>
4841
+ </span>
4842
+ </button>
5115
4843
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
5116
4844
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
5117
4845
  <button
@@ -5696,56 +5424,22 @@ wrapperTag: div
5696
5424
 
5697
5425
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
5698
5426
  <div class="pf-v5-c-pagination pf-m-compact">
5699
- <div class="pf-v5-c-options-menu">
5700
- <button
5701
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
5702
- type="button"
5703
- id="compound-expansion-demo-toolbar-top-pagination-toggle"
5704
- aria-haspopup="listbox"
5705
- aria-expanded="false"
5706
- >
5707
- <span class="pf-v5-c-options-menu__toggle-text">
5708
- <b>1 - 10</b>&nbsp;of&nbsp;
5709
- <b>36</b>
5710
- </span>
5711
- <div class="pf-v5-c-options-menu__toggle-icon">
5427
+ <button
5428
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
5429
+ type="button"
5430
+ aria-expanded="false"
5431
+ id="compound-expansion-demo-toolbar-top-pagination"
5432
+ >
5433
+ <span class="pf-v5-c-menu-toggle__text">
5434
+ <b>1 - 10</b>&nbsp;of&nbsp;
5435
+ <b>36</b>
5436
+ </span>
5437
+ <span class="pf-v5-c-menu-toggle__controls">
5438
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
5712
5439
  <i class="fas fa-caret-down" aria-hidden="true"></i>
5713
- </div>
5714
- </button>
5715
- <ul
5716
- class="pf-v5-c-options-menu__menu"
5717
- role="menu"
5718
- aria-labelledby="compound-expansion-demo-toolbar-top-pagination-toggle"
5719
- hidden
5720
- >
5721
- <li role="none">
5722
- <button
5723
- class="pf-v5-c-options-menu__menu-item"
5724
- type="button"
5725
- role="menuitem"
5726
- >5 per page</button>
5727
- </li>
5728
- <li role="none">
5729
- <button
5730
- class="pf-v5-c-options-menu__menu-item"
5731
- type="button"
5732
- role="menuitem"
5733
- >
5734
- 10 per page
5735
- <div class="pf-v5-c-options-menu__menu-item-icon">
5736
- <i class="fas fa-check" aria-hidden="true"></i>
5737
- </div>
5738
- </button>
5739
- </li>
5740
- <li role="none">
5741
- <button
5742
- class="pf-v5-c-options-menu__menu-item"
5743
- type="button"
5744
- role="menuitem"
5745
- >20 per page</button>
5746
- </li>
5747
- </ul>
5748
- </div>
5440
+ </span>
5441
+ </span>
5442
+ </button>
5749
5443
  <nav
5750
5444
  class="pf-v5-c-pagination__nav"
5751
5445
  aria-label="Toolbar top pagination"
@@ -10396,56 +10090,22 @@ wrapperTag: div
10396
10090
  </tbody>
10397
10091
  </table>
10398
10092
  <div class="pf-v5-c-pagination pf-m-bottom">
10399
- <div class="pf-v5-c-options-menu pf-m-top">
10400
- <button
10401
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
10402
- type="button"
10403
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
10404
- aria-haspopup="listbox"
10405
- aria-expanded="false"
10406
- >
10407
- <span class="pf-v5-c-options-menu__toggle-text">
10408
- <b>1 - 10</b>&nbsp;of&nbsp;
10409
- <b>36</b>
10410
- </span>
10411
- <div class="pf-v5-c-options-menu__toggle-icon">
10093
+ <button
10094
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
10095
+ type="button"
10096
+ aria-expanded="false"
10097
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
10098
+ >
10099
+ <span class="pf-v5-c-menu-toggle__text">
10100
+ <b>1 - 10</b>&nbsp;of&nbsp;
10101
+ <b>36</b>
10102
+ </span>
10103
+ <span class="pf-v5-c-menu-toggle__controls">
10104
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
10412
10105
  <i class="fas fa-caret-down" aria-hidden="true"></i>
10413
- </div>
10414
- </button>
10415
- <ul
10416
- class="pf-v5-c-options-menu__menu pf-m-top"
10417
- role="menu"
10418
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
10419
- hidden
10420
- >
10421
- <li role="none">
10422
- <button
10423
- class="pf-v5-c-options-menu__menu-item"
10424
- type="button"
10425
- role="menuitem"
10426
- >5 per page</button>
10427
- </li>
10428
- <li role="none">
10429
- <button
10430
- class="pf-v5-c-options-menu__menu-item"
10431
- type="button"
10432
- role="menuitem"
10433
- >
10434
- 10 per page
10435
- <div class="pf-v5-c-options-menu__menu-item-icon">
10436
- <i class="fas fa-check" aria-hidden="true"></i>
10437
- </div>
10438
- </button>
10439
- </li>
10440
- <li role="none">
10441
- <button
10442
- class="pf-v5-c-options-menu__menu-item"
10443
- type="button"
10444
- role="menuitem"
10445
- >20 per page</button>
10446
- </li>
10447
- </ul>
10448
- </div>
10106
+ </span>
10107
+ </span>
10108
+ </button>
10449
10109
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
10450
10110
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
10451
10111
  <button
@@ -11583,56 +11243,22 @@ wrapperTag: div
11583
11243
 
11584
11244
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
11585
11245
  <div class="pf-v5-c-pagination pf-m-compact">
11586
- <div class="pf-v5-c-options-menu">
11587
- <button
11588
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
11589
- type="button"
11590
- id="static-bottom-pagination-demo-toolbar-top-pagination-toggle"
11591
- aria-haspopup="listbox"
11592
- aria-expanded="false"
11593
- >
11594
- <span class="pf-v5-c-options-menu__toggle-text">
11595
- <b>1 - 10</b>&nbsp;of&nbsp;
11596
- <b>36</b>
11597
- </span>
11598
- <div class="pf-v5-c-options-menu__toggle-icon">
11246
+ <button
11247
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
11248
+ type="button"
11249
+ aria-expanded="false"
11250
+ id="static-bottom-pagination-demo-toolbar-top-pagination"
11251
+ >
11252
+ <span class="pf-v5-c-menu-toggle__text">
11253
+ <b>1 - 10</b>&nbsp;of&nbsp;
11254
+ <b>36</b>
11255
+ </span>
11256
+ <span class="pf-v5-c-menu-toggle__controls">
11257
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
11599
11258
  <i class="fas fa-caret-down" aria-hidden="true"></i>
11600
- </div>
11601
- </button>
11602
- <ul
11603
- class="pf-v5-c-options-menu__menu"
11604
- role="menu"
11605
- aria-labelledby="static-bottom-pagination-demo-toolbar-top-pagination-toggle"
11606
- hidden
11607
- >
11608
- <li role="none">
11609
- <button
11610
- class="pf-v5-c-options-menu__menu-item"
11611
- type="button"
11612
- role="menuitem"
11613
- >5 per page</button>
11614
- </li>
11615
- <li role="none">
11616
- <button
11617
- class="pf-v5-c-options-menu__menu-item"
11618
- type="button"
11619
- role="menuitem"
11620
- >
11621
- 10 per page
11622
- <div class="pf-v5-c-options-menu__menu-item-icon">
11623
- <i class="fas fa-check" aria-hidden="true"></i>
11624
- </div>
11625
- </button>
11626
- </li>
11627
- <li role="none">
11628
- <button
11629
- class="pf-v5-c-options-menu__menu-item"
11630
- type="button"
11631
- role="menuitem"
11632
- >20 per page</button>
11633
- </li>
11634
- </ul>
11635
- </div>
11259
+ </span>
11260
+ </span>
11261
+ </button>
11636
11262
  <nav
11637
11263
  class="pf-v5-c-pagination__nav"
11638
11264
  aria-label="Toolbar top pagination"
@@ -12255,56 +11881,22 @@ wrapperTag: div
12255
11881
  </tbody>
12256
11882
  </table>
12257
11883
  <div class="pf-v5-c-pagination pf-m-bottom pf-m-static">
12258
- <div class="pf-v5-c-options-menu pf-m-top">
12259
- <button
12260
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
12261
- type="button"
12262
- id="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
12263
- aria-haspopup="listbox"
12264
- aria-expanded="false"
12265
- >
12266
- <span class="pf-v5-c-options-menu__toggle-text">
12267
- <b>1 - 10</b>&nbsp;of&nbsp;
12268
- <b>36</b>
12269
- </span>
12270
- <div class="pf-v5-c-options-menu__toggle-icon">
11884
+ <button
11885
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
11886
+ type="button"
11887
+ aria-expanded="false"
11888
+ id="{{page--id}}-pagination-menu-toggle-bottom-example-static"
11889
+ >
11890
+ <span class="pf-v5-c-menu-toggle__text">
11891
+ <b>1 - 10</b>&nbsp;of&nbsp;
11892
+ <b>36</b>
11893
+ </span>
11894
+ <span class="pf-v5-c-menu-toggle__controls">
11895
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
12271
11896
  <i class="fas fa-caret-down" aria-hidden="true"></i>
12272
- </div>
12273
- </button>
12274
- <ul
12275
- class="pf-v5-c-options-menu__menu pf-m-top"
12276
- role="menu"
12277
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
12278
- hidden
12279
- >
12280
- <li role="none">
12281
- <button
12282
- class="pf-v5-c-options-menu__menu-item"
12283
- type="button"
12284
- role="menuitem"
12285
- >5 per page</button>
12286
- </li>
12287
- <li role="none">
12288
- <button
12289
- class="pf-v5-c-options-menu__menu-item"
12290
- type="button"
12291
- role="menuitem"
12292
- >
12293
- 10 per page
12294
- <div class="pf-v5-c-options-menu__menu-item-icon">
12295
- <i class="fas fa-check" aria-hidden="true"></i>
12296
- </div>
12297
- </button>
12298
- </li>
12299
- <li role="none">
12300
- <button
12301
- class="pf-v5-c-options-menu__menu-item"
12302
- type="button"
12303
- role="menuitem"
12304
- >20 per page</button>
12305
- </li>
12306
- </ul>
12307
- </div>
11897
+ </span>
11898
+ </span>
11899
+ </button>
12308
11900
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
12309
11901
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
12310
11902
  <button
@@ -12889,56 +12481,22 @@ wrapperTag: div
12889
12481
 
12890
12482
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
12891
12483
  <div class="pf-v5-c-pagination pf-m-compact">
12892
- <div class="pf-v5-c-options-menu">
12893
- <button
12894
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
12895
- type="button"
12896
- id="column-management-demo-toolbar-top-pagination-toggle"
12897
- aria-haspopup="listbox"
12898
- aria-expanded="false"
12899
- >
12900
- <span class="pf-v5-c-options-menu__toggle-text">
12901
- <b>1 - 10</b>&nbsp;of&nbsp;
12902
- <b>36</b>
12903
- </span>
12904
- <div class="pf-v5-c-options-menu__toggle-icon">
12484
+ <button
12485
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
12486
+ type="button"
12487
+ aria-expanded="false"
12488
+ id="column-management-demo-toolbar-top-pagination"
12489
+ >
12490
+ <span class="pf-v5-c-menu-toggle__text">
12491
+ <b>1 - 10</b>&nbsp;of&nbsp;
12492
+ <b>36</b>
12493
+ </span>
12494
+ <span class="pf-v5-c-menu-toggle__controls">
12495
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
12905
12496
  <i class="fas fa-caret-down" aria-hidden="true"></i>
12906
- </div>
12907
- </button>
12908
- <ul
12909
- class="pf-v5-c-options-menu__menu"
12910
- role="menu"
12911
- aria-labelledby="column-management-demo-toolbar-top-pagination-toggle"
12912
- hidden
12913
- >
12914
- <li role="none">
12915
- <button
12916
- class="pf-v5-c-options-menu__menu-item"
12917
- type="button"
12918
- role="menuitem"
12919
- >5 per page</button>
12920
- </li>
12921
- <li role="none">
12922
- <button
12923
- class="pf-v5-c-options-menu__menu-item"
12924
- type="button"
12925
- role="menuitem"
12926
- >
12927
- 10 per page
12928
- <div class="pf-v5-c-options-menu__menu-item-icon">
12929
- <i class="fas fa-check" aria-hidden="true"></i>
12930
- </div>
12931
- </button>
12932
- </li>
12933
- <li role="none">
12934
- <button
12935
- class="pf-v5-c-options-menu__menu-item"
12936
- type="button"
12937
- role="menuitem"
12938
- >20 per page</button>
12939
- </li>
12940
- </ul>
12941
- </div>
12497
+ </span>
12498
+ </span>
12499
+ </button>
12942
12500
  <nav
12943
12501
  class="pf-v5-c-pagination__nav"
12944
12502
  aria-label="Toolbar top pagination"
@@ -14291,56 +13849,22 @@ wrapperTag: div
14291
13849
 
14292
13850
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
14293
13851
  <div class="pf-v5-c-pagination pf-m-compact">
14294
- <div class="pf-v5-c-options-menu">
14295
- <button
14296
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
14297
- type="button"
14298
- id="sticky-header-demo-toolbar-top-pagination-toggle"
14299
- aria-haspopup="listbox"
14300
- aria-expanded="false"
14301
- >
14302
- <span class="pf-v5-c-options-menu__toggle-text">
14303
- <b>1 - 10</b>&nbsp;of&nbsp;
14304
- <b>36</b>
14305
- </span>
14306
- <div class="pf-v5-c-options-menu__toggle-icon">
13852
+ <button
13853
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
13854
+ type="button"
13855
+ aria-expanded="false"
13856
+ id="sticky-header-demo-toolbar-top-pagination"
13857
+ >
13858
+ <span class="pf-v5-c-menu-toggle__text">
13859
+ <b>1 - 10</b>&nbsp;of&nbsp;
13860
+ <b>36</b>
13861
+ </span>
13862
+ <span class="pf-v5-c-menu-toggle__controls">
13863
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
14307
13864
  <i class="fas fa-caret-down" aria-hidden="true"></i>
14308
- </div>
14309
- </button>
14310
- <ul
14311
- class="pf-v5-c-options-menu__menu"
14312
- role="menu"
14313
- aria-labelledby="sticky-header-demo-toolbar-top-pagination-toggle"
14314
- hidden
14315
- >
14316
- <li role="none">
14317
- <button
14318
- class="pf-v5-c-options-menu__menu-item"
14319
- type="button"
14320
- role="menuitem"
14321
- >5 per page</button>
14322
- </li>
14323
- <li role="none">
14324
- <button
14325
- class="pf-v5-c-options-menu__menu-item"
14326
- type="button"
14327
- role="menuitem"
14328
- >
14329
- 10 per page
14330
- <div class="pf-v5-c-options-menu__menu-item-icon">
14331
- <i class="fas fa-check" aria-hidden="true"></i>
14332
- </div>
14333
- </button>
14334
- </li>
14335
- <li role="none">
14336
- <button
14337
- class="pf-v5-c-options-menu__menu-item"
14338
- type="button"
14339
- role="menuitem"
14340
- >20 per page</button>
14341
- </li>
14342
- </ul>
14343
- </div>
13865
+ </span>
13866
+ </span>
13867
+ </button>
14344
13868
  <nav
14345
13869
  class="pf-v5-c-pagination__nav"
14346
13870
  aria-label="Toolbar top pagination"
@@ -14963,56 +14487,22 @@ wrapperTag: div
14963
14487
  </tbody>
14964
14488
  </table>
14965
14489
  <div class="pf-v5-c-pagination pf-m-bottom">
14966
- <div class="pf-v5-c-options-menu pf-m-top">
14967
- <button
14968
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
14969
- type="button"
14970
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
14971
- aria-haspopup="listbox"
14972
- aria-expanded="false"
14973
- >
14974
- <span class="pf-v5-c-options-menu__toggle-text">
14975
- <b>1 - 10</b>&nbsp;of&nbsp;
14976
- <b>36</b>
14977
- </span>
14978
- <div class="pf-v5-c-options-menu__toggle-icon">
14490
+ <button
14491
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
14492
+ type="button"
14493
+ aria-expanded="false"
14494
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
14495
+ >
14496
+ <span class="pf-v5-c-menu-toggle__text">
14497
+ <b>1 - 10</b>&nbsp;of&nbsp;
14498
+ <b>36</b>
14499
+ </span>
14500
+ <span class="pf-v5-c-menu-toggle__controls">
14501
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
14979
14502
  <i class="fas fa-caret-down" aria-hidden="true"></i>
14980
- </div>
14981
- </button>
14982
- <ul
14983
- class="pf-v5-c-options-menu__menu pf-m-top"
14984
- role="menu"
14985
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
14986
- hidden
14987
- >
14988
- <li role="none">
14989
- <button
14990
- class="pf-v5-c-options-menu__menu-item"
14991
- type="button"
14992
- role="menuitem"
14993
- >5 per page</button>
14994
- </li>
14995
- <li role="none">
14996
- <button
14997
- class="pf-v5-c-options-menu__menu-item"
14998
- type="button"
14999
- role="menuitem"
15000
- >
15001
- 10 per page
15002
- <div class="pf-v5-c-options-menu__menu-item-icon">
15003
- <i class="fas fa-check" aria-hidden="true"></i>
15004
- </div>
15005
- </button>
15006
- </li>
15007
- <li role="none">
15008
- <button
15009
- class="pf-v5-c-options-menu__menu-item"
15010
- type="button"
15011
- role="menuitem"
15012
- >20 per page</button>
15013
- </li>
15014
- </ul>
15015
- </div>
14503
+ </span>
14504
+ </span>
14505
+ </button>
15016
14506
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
15017
14507
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
15018
14508
  <button
@@ -15425,56 +14915,22 @@ wrapperTag: div
15425
14915
 
15426
14916
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
15427
14917
  <div class="pf-v5-c-pagination pf-m-compact">
15428
- <div class="pf-v5-c-options-menu">
15429
- <button
15430
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
15431
- type="button"
15432
- id="sticky-first-column-demo-toolbar-top-pagination-toggle"
15433
- aria-haspopup="listbox"
15434
- aria-expanded="false"
15435
- >
15436
- <span class="pf-v5-c-options-menu__toggle-text">
15437
- <b>1 - 10</b>&nbsp;of&nbsp;
15438
- <b>36</b>
15439
- </span>
15440
- <div class="pf-v5-c-options-menu__toggle-icon">
14918
+ <button
14919
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
14920
+ type="button"
14921
+ aria-expanded="false"
14922
+ id="sticky-first-column-demo-toolbar-top-pagination"
14923
+ >
14924
+ <span class="pf-v5-c-menu-toggle__text">
14925
+ <b>1 - 10</b>&nbsp;of&nbsp;
14926
+ <b>36</b>
14927
+ </span>
14928
+ <span class="pf-v5-c-menu-toggle__controls">
14929
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
15441
14930
  <i class="fas fa-caret-down" aria-hidden="true"></i>
15442
- </div>
15443
- </button>
15444
- <ul
15445
- class="pf-v5-c-options-menu__menu"
15446
- role="menu"
15447
- aria-labelledby="sticky-first-column-demo-toolbar-top-pagination-toggle"
15448
- hidden
15449
- >
15450
- <li role="none">
15451
- <button
15452
- class="pf-v5-c-options-menu__menu-item"
15453
- type="button"
15454
- role="menuitem"
15455
- >5 per page</button>
15456
- </li>
15457
- <li role="none">
15458
- <button
15459
- class="pf-v5-c-options-menu__menu-item"
15460
- type="button"
15461
- role="menuitem"
15462
- >
15463
- 10 per page
15464
- <div class="pf-v5-c-options-menu__menu-item-icon">
15465
- <i class="fas fa-check" aria-hidden="true"></i>
15466
- </div>
15467
- </button>
15468
- </li>
15469
- <li role="none">
15470
- <button
15471
- class="pf-v5-c-options-menu__menu-item"
15472
- type="button"
15473
- role="menuitem"
15474
- >20 per page</button>
15475
- </li>
15476
- </ul>
15477
- </div>
14931
+ </span>
14932
+ </span>
14933
+ </button>
15478
14934
  <nav
15479
14935
  class="pf-v5-c-pagination__nav"
15480
14936
  aria-label="Toolbar top pagination"
@@ -16053,56 +15509,22 @@ wrapperTag: div
16053
15509
  </table>
16054
15510
  </div>
16055
15511
  <div class="pf-v5-c-pagination pf-m-bottom">
16056
- <div class="pf-v5-c-options-menu pf-m-top">
16057
- <button
16058
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
16059
- type="button"
16060
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
16061
- aria-haspopup="listbox"
16062
- aria-expanded="false"
16063
- >
16064
- <span class="pf-v5-c-options-menu__toggle-text">
16065
- <b>1 - 10</b>&nbsp;of&nbsp;
16066
- <b>36</b>
16067
- </span>
16068
- <div class="pf-v5-c-options-menu__toggle-icon">
15512
+ <button
15513
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
15514
+ type="button"
15515
+ aria-expanded="false"
15516
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
15517
+ >
15518
+ <span class="pf-v5-c-menu-toggle__text">
15519
+ <b>1 - 10</b>&nbsp;of&nbsp;
15520
+ <b>36</b>
15521
+ </span>
15522
+ <span class="pf-v5-c-menu-toggle__controls">
15523
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
16069
15524
  <i class="fas fa-caret-down" aria-hidden="true"></i>
16070
- </div>
16071
- </button>
16072
- <ul
16073
- class="pf-v5-c-options-menu__menu pf-m-top"
16074
- role="menu"
16075
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
16076
- hidden
16077
- >
16078
- <li role="none">
16079
- <button
16080
- class="pf-v5-c-options-menu__menu-item"
16081
- type="button"
16082
- role="menuitem"
16083
- >5 per page</button>
16084
- </li>
16085
- <li role="none">
16086
- <button
16087
- class="pf-v5-c-options-menu__menu-item"
16088
- type="button"
16089
- role="menuitem"
16090
- >
16091
- 10 per page
16092
- <div class="pf-v5-c-options-menu__menu-item-icon">
16093
- <i class="fas fa-check" aria-hidden="true"></i>
16094
- </div>
16095
- </button>
16096
- </li>
16097
- <li role="none">
16098
- <button
16099
- class="pf-v5-c-options-menu__menu-item"
16100
- type="button"
16101
- role="menuitem"
16102
- >20 per page</button>
16103
- </li>
16104
- </ul>
16105
- </div>
15525
+ </span>
15526
+ </span>
15527
+ </button>
16106
15528
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
16107
15529
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
16108
15530
  <button
@@ -16519,56 +15941,22 @@ wrapperTag: div
16519
15941
 
16520
15942
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
16521
15943
  <div class="pf-v5-c-pagination pf-m-compact">
16522
- <div class="pf-v5-c-options-menu">
16523
- <button
16524
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
16525
- type="button"
16526
- id="sticky-multiple-columns-demo-toolbar-top-pagination-toggle"
16527
- aria-haspopup="listbox"
16528
- aria-expanded="false"
16529
- >
16530
- <span class="pf-v5-c-options-menu__toggle-text">
16531
- <b>1 - 10</b>&nbsp;of&nbsp;
16532
- <b>36</b>
16533
- </span>
16534
- <div class="pf-v5-c-options-menu__toggle-icon">
15944
+ <button
15945
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
15946
+ type="button"
15947
+ aria-expanded="false"
15948
+ id="sticky-multiple-columns-demo-toolbar-top-pagination"
15949
+ >
15950
+ <span class="pf-v5-c-menu-toggle__text">
15951
+ <b>1 - 10</b>&nbsp;of&nbsp;
15952
+ <b>36</b>
15953
+ </span>
15954
+ <span class="pf-v5-c-menu-toggle__controls">
15955
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
16535
15956
  <i class="fas fa-caret-down" aria-hidden="true"></i>
16536
- </div>
16537
- </button>
16538
- <ul
16539
- class="pf-v5-c-options-menu__menu"
16540
- role="menu"
16541
- aria-labelledby="sticky-multiple-columns-demo-toolbar-top-pagination-toggle"
16542
- hidden
16543
- >
16544
- <li role="none">
16545
- <button
16546
- class="pf-v5-c-options-menu__menu-item"
16547
- type="button"
16548
- role="menuitem"
16549
- >5 per page</button>
16550
- </li>
16551
- <li role="none">
16552
- <button
16553
- class="pf-v5-c-options-menu__menu-item"
16554
- type="button"
16555
- role="menuitem"
16556
- >
16557
- 10 per page
16558
- <div class="pf-v5-c-options-menu__menu-item-icon">
16559
- <i class="fas fa-check" aria-hidden="true"></i>
16560
- </div>
16561
- </button>
16562
- </li>
16563
- <li role="none">
16564
- <button
16565
- class="pf-v5-c-options-menu__menu-item"
16566
- type="button"
16567
- role="menuitem"
16568
- >20 per page</button>
16569
- </li>
16570
- </ul>
16571
- </div>
15957
+ </span>
15958
+ </span>
15959
+ </button>
16572
15960
  <nav
16573
15961
  class="pf-v5-c-pagination__nav"
16574
15962
  aria-label="Toolbar top pagination"
@@ -17166,56 +16554,22 @@ wrapperTag: div
17166
16554
  </table>
17167
16555
  </div>
17168
16556
  <div class="pf-v5-c-pagination pf-m-bottom">
17169
- <div class="pf-v5-c-options-menu pf-m-top">
17170
- <button
17171
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
17172
- type="button"
17173
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
17174
- aria-haspopup="listbox"
17175
- aria-expanded="false"
17176
- >
17177
- <span class="pf-v5-c-options-menu__toggle-text">
17178
- <b>1 - 10</b>&nbsp;of&nbsp;
17179
- <b>36</b>
17180
- </span>
17181
- <div class="pf-v5-c-options-menu__toggle-icon">
16557
+ <button
16558
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
16559
+ type="button"
16560
+ aria-expanded="false"
16561
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
16562
+ >
16563
+ <span class="pf-v5-c-menu-toggle__text">
16564
+ <b>1 - 10</b>&nbsp;of&nbsp;
16565
+ <b>36</b>
16566
+ </span>
16567
+ <span class="pf-v5-c-menu-toggle__controls">
16568
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
17182
16569
  <i class="fas fa-caret-down" aria-hidden="true"></i>
17183
- </div>
17184
- </button>
17185
- <ul
17186
- class="pf-v5-c-options-menu__menu pf-m-top"
17187
- role="menu"
17188
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
17189
- hidden
17190
- >
17191
- <li role="none">
17192
- <button
17193
- class="pf-v5-c-options-menu__menu-item"
17194
- type="button"
17195
- role="menuitem"
17196
- >5 per page</button>
17197
- </li>
17198
- <li role="none">
17199
- <button
17200
- class="pf-v5-c-options-menu__menu-item"
17201
- type="button"
17202
- role="menuitem"
17203
- >
17204
- 10 per page
17205
- <div class="pf-v5-c-options-menu__menu-item-icon">
17206
- <i class="fas fa-check" aria-hidden="true"></i>
17207
- </div>
17208
- </button>
17209
- </li>
17210
- <li role="none">
17211
- <button
17212
- class="pf-v5-c-options-menu__menu-item"
17213
- type="button"
17214
- role="menuitem"
17215
- >20 per page</button>
17216
- </li>
17217
- </ul>
17218
- </div>
16570
+ </span>
16571
+ </span>
16572
+ </button>
17219
16573
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
17220
16574
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
17221
16575
  <button
@@ -17634,56 +16988,22 @@ wrapperTag: div
17634
16988
 
17635
16989
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
17636
16990
  <div class="pf-v5-c-pagination pf-m-compact">
17637
- <div class="pf-v5-c-options-menu">
17638
- <button
17639
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
17640
- type="button"
17641
- id="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
17642
- aria-haspopup="listbox"
17643
- aria-expanded="false"
17644
- >
17645
- <span class="pf-v5-c-options-menu__toggle-text">
17646
- <b>1 - 10</b>&nbsp;of&nbsp;
17647
- <b>36</b>
17648
- </span>
17649
- <div class="pf-v5-c-options-menu__toggle-icon">
16991
+ <button
16992
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
16993
+ type="button"
16994
+ aria-expanded="false"
16995
+ id="sticky-header-and-multiple columns-demo-toolbar-top-pagination"
16996
+ >
16997
+ <span class="pf-v5-c-menu-toggle__text">
16998
+ <b>1 - 10</b>&nbsp;of&nbsp;
16999
+ <b>36</b>
17000
+ </span>
17001
+ <span class="pf-v5-c-menu-toggle__controls">
17002
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
17650
17003
  <i class="fas fa-caret-down" aria-hidden="true"></i>
17651
- </div>
17652
- </button>
17653
- <ul
17654
- class="pf-v5-c-options-menu__menu"
17655
- role="menu"
17656
- aria-labelledby="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
17657
- hidden
17658
- >
17659
- <li role="none">
17660
- <button
17661
- class="pf-v5-c-options-menu__menu-item"
17662
- type="button"
17663
- role="menuitem"
17664
- >5 per page</button>
17665
- </li>
17666
- <li role="none">
17667
- <button
17668
- class="pf-v5-c-options-menu__menu-item"
17669
- type="button"
17670
- role="menuitem"
17671
- >
17672
- 10 per page
17673
- <div class="pf-v5-c-options-menu__menu-item-icon">
17674
- <i class="fas fa-check" aria-hidden="true"></i>
17675
- </div>
17676
- </button>
17677
- </li>
17678
- <li role="none">
17679
- <button
17680
- class="pf-v5-c-options-menu__menu-item"
17681
- type="button"
17682
- role="menuitem"
17683
- >20 per page</button>
17684
- </li>
17685
- </ul>
17686
- </div>
17004
+ </span>
17005
+ </span>
17006
+ </button>
17687
17007
  <nav
17688
17008
  class="pf-v5-c-pagination__nav"
17689
17009
  aria-label="Toolbar top pagination"
@@ -18281,56 +17601,22 @@ wrapperTag: div
18281
17601
  </table>
18282
17602
  </div>
18283
17603
  <div class="pf-v5-c-pagination pf-m-bottom">
18284
- <div class="pf-v5-c-options-menu pf-m-top">
18285
- <button
18286
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
18287
- type="button"
18288
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
18289
- aria-haspopup="listbox"
18290
- aria-expanded="false"
18291
- >
18292
- <span class="pf-v5-c-options-menu__toggle-text">
18293
- <b>1 - 10</b>&nbsp;of&nbsp;
18294
- <b>36</b>
18295
- </span>
18296
- <div class="pf-v5-c-options-menu__toggle-icon">
17604
+ <button
17605
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
17606
+ type="button"
17607
+ aria-expanded="false"
17608
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
17609
+ >
17610
+ <span class="pf-v5-c-menu-toggle__text">
17611
+ <b>1 - 10</b>&nbsp;of&nbsp;
17612
+ <b>36</b>
17613
+ </span>
17614
+ <span class="pf-v5-c-menu-toggle__controls">
17615
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
18297
17616
  <i class="fas fa-caret-down" aria-hidden="true"></i>
18298
- </div>
18299
- </button>
18300
- <ul
18301
- class="pf-v5-c-options-menu__menu pf-m-top"
18302
- role="menu"
18303
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
18304
- hidden
18305
- >
18306
- <li role="none">
18307
- <button
18308
- class="pf-v5-c-options-menu__menu-item"
18309
- type="button"
18310
- role="menuitem"
18311
- >5 per page</button>
18312
- </li>
18313
- <li role="none">
18314
- <button
18315
- class="pf-v5-c-options-menu__menu-item"
18316
- type="button"
18317
- role="menuitem"
18318
- >
18319
- 10 per page
18320
- <div class="pf-v5-c-options-menu__menu-item-icon">
18321
- <i class="fas fa-check" aria-hidden="true"></i>
18322
- </div>
18323
- </button>
18324
- </li>
18325
- <li role="none">
18326
- <button
18327
- class="pf-v5-c-options-menu__menu-item"
18328
- type="button"
18329
- role="menuitem"
18330
- >20 per page</button>
18331
- </li>
18332
- </ul>
18333
- </div>
17617
+ </span>
17618
+ </span>
17619
+ </button>
18334
17620
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
18335
17621
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
18336
17622
  <button
@@ -18748,56 +18034,22 @@ wrapperTag: div
18748
18034
 
18749
18035
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
18750
18036
  <div class="pf-v5-c-pagination pf-m-compact">
18751
- <div class="pf-v5-c-options-menu">
18752
- <button
18753
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
18754
- type="button"
18755
- id="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
18756
- aria-haspopup="listbox"
18757
- aria-expanded="false"
18758
- >
18759
- <span class="pf-v5-c-options-menu__toggle-text">
18760
- <b>1 - 10</b>&nbsp;of&nbsp;
18761
- <b>36</b>
18762
- </span>
18763
- <div class="pf-v5-c-options-menu__toggle-icon">
18037
+ <button
18038
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
18039
+ type="button"
18040
+ aria-expanded="false"
18041
+ id="sticky-header-and-multiple columns-demo-toolbar-top-pagination"
18042
+ >
18043
+ <span class="pf-v5-c-menu-toggle__text">
18044
+ <b>1 - 10</b>&nbsp;of&nbsp;
18045
+ <b>36</b>
18046
+ </span>
18047
+ <span class="pf-v5-c-menu-toggle__controls">
18048
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
18764
18049
  <i class="fas fa-caret-down" aria-hidden="true"></i>
18765
- </div>
18766
- </button>
18767
- <ul
18768
- class="pf-v5-c-options-menu__menu"
18769
- role="menu"
18770
- aria-labelledby="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
18771
- hidden
18772
- >
18773
- <li role="none">
18774
- <button
18775
- class="pf-v5-c-options-menu__menu-item"
18776
- type="button"
18777
- role="menuitem"
18778
- >5 per page</button>
18779
- </li>
18780
- <li role="none">
18781
- <button
18782
- class="pf-v5-c-options-menu__menu-item"
18783
- type="button"
18784
- role="menuitem"
18785
- >
18786
- 10 per page
18787
- <div class="pf-v5-c-options-menu__menu-item-icon">
18788
- <i class="fas fa-check" aria-hidden="true"></i>
18789
- </div>
18790
- </button>
18791
- </li>
18792
- <li role="none">
18793
- <button
18794
- class="pf-v5-c-options-menu__menu-item"
18795
- type="button"
18796
- role="menuitem"
18797
- >20 per page</button>
18798
- </li>
18799
- </ul>
18800
- </div>
18050
+ </span>
18051
+ </span>
18052
+ </button>
18801
18053
  <nav
18802
18054
  class="pf-v5-c-pagination__nav"
18803
18055
  aria-label="Toolbar top pagination"
@@ -19376,56 +18628,22 @@ wrapperTag: div
19376
18628
  </table>
19377
18629
  </div>
19378
18630
  <div class="pf-v5-c-pagination pf-m-bottom">
19379
- <div class="pf-v5-c-options-menu pf-m-top">
19380
- <button
19381
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
19382
- type="button"
19383
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
19384
- aria-haspopup="listbox"
19385
- aria-expanded="false"
19386
- >
19387
- <span class="pf-v5-c-options-menu__toggle-text">
19388
- <b>1 - 10</b>&nbsp;of&nbsp;
19389
- <b>36</b>
19390
- </span>
19391
- <div class="pf-v5-c-options-menu__toggle-icon">
18631
+ <button
18632
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
18633
+ type="button"
18634
+ aria-expanded="false"
18635
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
18636
+ >
18637
+ <span class="pf-v5-c-menu-toggle__text">
18638
+ <b>1 - 10</b>&nbsp;of&nbsp;
18639
+ <b>36</b>
18640
+ </span>
18641
+ <span class="pf-v5-c-menu-toggle__controls">
18642
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
19392
18643
  <i class="fas fa-caret-down" aria-hidden="true"></i>
19393
- </div>
19394
- </button>
19395
- <ul
19396
- class="pf-v5-c-options-menu__menu pf-m-top"
19397
- role="menu"
19398
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
19399
- hidden
19400
- >
19401
- <li role="none">
19402
- <button
19403
- class="pf-v5-c-options-menu__menu-item"
19404
- type="button"
19405
- role="menuitem"
19406
- >5 per page</button>
19407
- </li>
19408
- <li role="none">
19409
- <button
19410
- class="pf-v5-c-options-menu__menu-item"
19411
- type="button"
19412
- role="menuitem"
19413
- >
19414
- 10 per page
19415
- <div class="pf-v5-c-options-menu__menu-item-icon">
19416
- <i class="fas fa-check" aria-hidden="true"></i>
19417
- </div>
19418
- </button>
19419
- </li>
19420
- <li role="none">
19421
- <button
19422
- class="pf-v5-c-options-menu__menu-item"
19423
- type="button"
19424
- role="menuitem"
19425
- >20 per page</button>
19426
- </li>
19427
- </ul>
19428
- </div>
18644
+ </span>
18645
+ </span>
18646
+ </button>
19429
18647
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
19430
18648
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
19431
18649
  <button