@patternfly/patternfly 6.0.0-alpha.157 → 6.0.0-alpha.159

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.
@@ -428,56 +428,23 @@ wrapperTag: div
428
428
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
429
429
  <div class="pf-v6-c-pagination pf-m-compact">
430
430
  <div class="pf-v6-c-pagination__page-menu">
431
- <div class="pf-v6-c-options-menu">
432
- <button
433
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
434
- type="button"
435
- id="basic-demo-toolbar-top-pagination-toggle"
436
- aria-haspopup="listbox"
437
- aria-expanded="false"
438
- >
439
- <span class="pf-v6-c-options-menu__toggle-text">
440
- <b>1 - 10</b>&nbsp;of&nbsp;
441
- <b>36</b>
442
- </span>
443
- <div class="pf-v6-c-options-menu__toggle-icon">
431
+ <button
432
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
433
+ type="button"
434
+ aria-expanded="false"
435
+ aria-label="Menu toggle"
436
+ id="basic-demo-toolbar-top-pagination"
437
+ >
438
+ <span class="pf-v6-c-menu-toggle__text">
439
+ <b>1 - 10</b>&nbsp;of&nbsp;
440
+ <b>36</b>
441
+ </span>
442
+ <span class="pf-v6-c-menu-toggle__controls">
443
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
444
444
  <i class="fas fa-caret-down" aria-hidden="true"></i>
445
- </div>
446
- </button>
447
- <ul
448
- class="pf-v6-c-options-menu__menu"
449
- role="menu"
450
- aria-labelledby="basic-demo-toolbar-top-pagination-toggle"
451
- hidden
452
- >
453
- <li role="none">
454
- <button
455
- class="pf-v6-c-options-menu__menu-item"
456
- type="button"
457
- role="menuitem"
458
- >5 per page</button>
459
- </li>
460
- <li role="none">
461
- <button
462
- class="pf-v6-c-options-menu__menu-item"
463
- type="button"
464
- role="menuitem"
465
- >
466
- 10 per page
467
- <div class="pf-v6-c-options-menu__menu-item-icon">
468
- <i class="fas fa-check" aria-hidden="true"></i>
469
- </div>
470
- </button>
471
- </li>
472
- <li role="none">
473
- <button
474
- class="pf-v6-c-options-menu__menu-item"
475
- type="button"
476
- role="menuitem"
477
- >20 per page</button>
478
- </li>
479
- </ul>
480
- </div>
445
+ </span>
446
+ </span>
447
+ </button>
481
448
  </div>
482
449
  <nav
483
450
  class="pf-v6-c-pagination__nav"
@@ -932,56 +899,23 @@ wrapperTag: div
932
899
  </table>
933
900
  <div class="pf-v6-c-pagination pf-m-bottom">
934
901
  <div class="pf-v6-c-pagination__page-menu">
935
- <div class="pf-v6-c-options-menu pf-m-top">
936
- <button
937
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
938
- type="button"
939
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
940
- aria-haspopup="listbox"
941
- aria-expanded="false"
942
- >
943
- <span class="pf-v6-c-options-menu__toggle-text">
944
- <b>1 - 10</b>&nbsp;of&nbsp;
945
- <b>36</b>
946
- </span>
947
- <div class="pf-v6-c-options-menu__toggle-icon">
902
+ <button
903
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
904
+ type="button"
905
+ aria-expanded="false"
906
+ aria-label="Menu toggle"
907
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
908
+ >
909
+ <span class="pf-v6-c-menu-toggle__text">
910
+ <b>1 - 10</b>&nbsp;of&nbsp;
911
+ <b>36</b>
912
+ </span>
913
+ <span class="pf-v6-c-menu-toggle__controls">
914
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
948
915
  <i class="fas fa-caret-down" aria-hidden="true"></i>
949
- </div>
950
- </button>
951
- <ul
952
- class="pf-v6-c-options-menu__menu pf-m-top"
953
- role="menu"
954
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
955
- hidden
956
- >
957
- <li role="none">
958
- <button
959
- class="pf-v6-c-options-menu__menu-item"
960
- type="button"
961
- role="menuitem"
962
- >5 per page</button>
963
- </li>
964
- <li role="none">
965
- <button
966
- class="pf-v6-c-options-menu__menu-item"
967
- type="button"
968
- role="menuitem"
969
- >
970
- 10 per page
971
- <div class="pf-v6-c-options-menu__menu-item-icon">
972
- <i class="fas fa-check" aria-hidden="true"></i>
973
- </div>
974
- </button>
975
- </li>
976
- <li role="none">
977
- <button
978
- class="pf-v6-c-options-menu__menu-item"
979
- type="button"
980
- role="menuitem"
981
- >20 per page</button>
982
- </li>
983
- </ul>
984
- </div>
916
+ </span>
917
+ </span>
918
+ </button>
985
919
  </div>
986
920
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
987
921
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -1592,56 +1526,23 @@ wrapperTag: div
1592
1526
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
1593
1527
  <div class="pf-v6-c-pagination pf-m-compact">
1594
1528
  <div class="pf-v6-c-pagination__page-menu">
1595
- <div class="pf-v6-c-options-menu">
1596
- <button
1597
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1598
- type="button"
1599
- id="sortable-demo-toolbar-top-pagination-toggle"
1600
- aria-haspopup="listbox"
1601
- aria-expanded="false"
1602
- >
1603
- <span class="pf-v6-c-options-menu__toggle-text">
1604
- <b>1 - 10</b>&nbsp;of&nbsp;
1605
- <b>36</b>
1606
- </span>
1607
- <div class="pf-v6-c-options-menu__toggle-icon">
1529
+ <button
1530
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1531
+ type="button"
1532
+ aria-expanded="false"
1533
+ aria-label="Menu toggle"
1534
+ id="sortable-demo-toolbar-top-pagination"
1535
+ >
1536
+ <span class="pf-v6-c-menu-toggle__text">
1537
+ <b>1 - 10</b>&nbsp;of&nbsp;
1538
+ <b>36</b>
1539
+ </span>
1540
+ <span class="pf-v6-c-menu-toggle__controls">
1541
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1608
1542
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1609
- </div>
1610
- </button>
1611
- <ul
1612
- class="pf-v6-c-options-menu__menu"
1613
- role="menu"
1614
- aria-labelledby="sortable-demo-toolbar-top-pagination-toggle"
1615
- hidden
1616
- >
1617
- <li role="none">
1618
- <button
1619
- class="pf-v6-c-options-menu__menu-item"
1620
- type="button"
1621
- role="menuitem"
1622
- >5 per page</button>
1623
- </li>
1624
- <li role="none">
1625
- <button
1626
- class="pf-v6-c-options-menu__menu-item"
1627
- type="button"
1628
- role="menuitem"
1629
- >
1630
- 10 per page
1631
- <div class="pf-v6-c-options-menu__menu-item-icon">
1632
- <i class="fas fa-check" aria-hidden="true"></i>
1633
- </div>
1634
- </button>
1635
- </li>
1636
- <li role="none">
1637
- <button
1638
- class="pf-v6-c-options-menu__menu-item"
1639
- type="button"
1640
- role="menuitem"
1641
- >20 per page</button>
1642
- </li>
1643
- </ul>
1644
- </div>
1543
+ </span>
1544
+ </span>
1545
+ </button>
1645
1546
  </div>
1646
1547
  <nav
1647
1548
  class="pf-v6-c-pagination__nav"
@@ -2146,56 +2047,23 @@ wrapperTag: div
2146
2047
  </table>
2147
2048
  <div class="pf-v6-c-pagination pf-m-bottom">
2148
2049
  <div class="pf-v6-c-pagination__page-menu">
2149
- <div class="pf-v6-c-options-menu pf-m-top">
2150
- <button
2151
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
2152
- type="button"
2153
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
2154
- aria-haspopup="listbox"
2155
- aria-expanded="false"
2156
- >
2157
- <span class="pf-v6-c-options-menu__toggle-text">
2158
- <b>1 - 10</b>&nbsp;of&nbsp;
2159
- <b>36</b>
2160
- </span>
2161
- <div class="pf-v6-c-options-menu__toggle-icon">
2050
+ <button
2051
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
2052
+ type="button"
2053
+ aria-expanded="false"
2054
+ aria-label="Menu toggle"
2055
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
2056
+ >
2057
+ <span class="pf-v6-c-menu-toggle__text">
2058
+ <b>1 - 10</b>&nbsp;of&nbsp;
2059
+ <b>36</b>
2060
+ </span>
2061
+ <span class="pf-v6-c-menu-toggle__controls">
2062
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2162
2063
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2163
- </div>
2164
- </button>
2165
- <ul
2166
- class="pf-v6-c-options-menu__menu pf-m-top"
2167
- role="menu"
2168
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
2169
- hidden
2170
- >
2171
- <li role="none">
2172
- <button
2173
- class="pf-v6-c-options-menu__menu-item"
2174
- type="button"
2175
- role="menuitem"
2176
- >5 per page</button>
2177
- </li>
2178
- <li role="none">
2179
- <button
2180
- class="pf-v6-c-options-menu__menu-item"
2181
- type="button"
2182
- role="menuitem"
2183
- >
2184
- 10 per page
2185
- <div class="pf-v6-c-options-menu__menu-item-icon">
2186
- <i class="fas fa-check" aria-hidden="true"></i>
2187
- </div>
2188
- </button>
2189
- </li>
2190
- <li role="none">
2191
- <button
2192
- class="pf-v6-c-options-menu__menu-item"
2193
- type="button"
2194
- role="menuitem"
2195
- >20 per page</button>
2196
- </li>
2197
- </ul>
2198
- </div>
2064
+ </span>
2065
+ </span>
2066
+ </button>
2199
2067
  </div>
2200
2068
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
2201
2069
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -2877,56 +2745,23 @@ wrapperTag: div
2877
2745
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
2878
2746
  <div class="pf-v6-c-pagination pf-m-compact">
2879
2747
  <div class="pf-v6-c-pagination__page-menu">
2880
- <div class="pf-v6-c-options-menu">
2881
- <button
2882
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
2883
- type="button"
2884
- id="expandable-demo-toolbar-top-pagination-toggle"
2885
- aria-haspopup="listbox"
2886
- aria-expanded="false"
2887
- >
2888
- <span class="pf-v6-c-options-menu__toggle-text">
2889
- <b>1 - 10</b>&nbsp;of&nbsp;
2890
- <b>36</b>
2891
- </span>
2892
- <div class="pf-v6-c-options-menu__toggle-icon">
2748
+ <button
2749
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2750
+ type="button"
2751
+ aria-expanded="false"
2752
+ aria-label="Menu toggle"
2753
+ id="expandable-demo-toolbar-top-pagination"
2754
+ >
2755
+ <span class="pf-v6-c-menu-toggle__text">
2756
+ <b>1 - 10</b>&nbsp;of&nbsp;
2757
+ <b>36</b>
2758
+ </span>
2759
+ <span class="pf-v6-c-menu-toggle__controls">
2760
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2893
2761
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2894
- </div>
2895
- </button>
2896
- <ul
2897
- class="pf-v6-c-options-menu__menu"
2898
- role="menu"
2899
- aria-labelledby="expandable-demo-toolbar-top-pagination-toggle"
2900
- hidden
2901
- >
2902
- <li role="none">
2903
- <button
2904
- class="pf-v6-c-options-menu__menu-item"
2905
- type="button"
2906
- role="menuitem"
2907
- >5 per page</button>
2908
- </li>
2909
- <li role="none">
2910
- <button
2911
- class="pf-v6-c-options-menu__menu-item"
2912
- type="button"
2913
- role="menuitem"
2914
- >
2915
- 10 per page
2916
- <div class="pf-v6-c-options-menu__menu-item-icon">
2917
- <i class="fas fa-check" aria-hidden="true"></i>
2918
- </div>
2919
- </button>
2920
- </li>
2921
- <li role="none">
2922
- <button
2923
- class="pf-v6-c-options-menu__menu-item"
2924
- type="button"
2925
- role="menuitem"
2926
- >20 per page</button>
2927
- </li>
2928
- </ul>
2929
- </div>
2762
+ </span>
2763
+ </span>
2764
+ </button>
2930
2765
  </div>
2931
2766
  <nav
2932
2767
  class="pf-v6-c-pagination__nav"
@@ -3571,56 +3406,23 @@ wrapperTag: div
3571
3406
  </table>
3572
3407
  <div class="pf-v6-c-pagination pf-m-bottom">
3573
3408
  <div class="pf-v6-c-pagination__page-menu">
3574
- <div class="pf-v6-c-options-menu pf-m-top">
3575
- <button
3576
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
3577
- type="button"
3578
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3579
- aria-haspopup="listbox"
3580
- aria-expanded="false"
3581
- >
3582
- <span class="pf-v6-c-options-menu__toggle-text">
3583
- <b>1 - 10</b>&nbsp;of&nbsp;
3584
- <b>36</b>
3585
- </span>
3586
- <div class="pf-v6-c-options-menu__toggle-icon">
3409
+ <button
3410
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
3411
+ type="button"
3412
+ aria-expanded="false"
3413
+ aria-label="Menu toggle"
3414
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
3415
+ >
3416
+ <span class="pf-v6-c-menu-toggle__text">
3417
+ <b>1 - 10</b>&nbsp;of&nbsp;
3418
+ <b>36</b>
3419
+ </span>
3420
+ <span class="pf-v6-c-menu-toggle__controls">
3421
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3587
3422
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3588
- </div>
3589
- </button>
3590
- <ul
3591
- class="pf-v6-c-options-menu__menu pf-m-top"
3592
- role="menu"
3593
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3594
- hidden
3595
- >
3596
- <li role="none">
3597
- <button
3598
- class="pf-v6-c-options-menu__menu-item"
3599
- type="button"
3600
- role="menuitem"
3601
- >5 per page</button>
3602
- </li>
3603
- <li role="none">
3604
- <button
3605
- class="pf-v6-c-options-menu__menu-item"
3606
- type="button"
3607
- role="menuitem"
3608
- >
3609
- 10 per page
3610
- <div class="pf-v6-c-options-menu__menu-item-icon">
3611
- <i class="fas fa-check" aria-hidden="true"></i>
3612
- </div>
3613
- </button>
3614
- </li>
3615
- <li role="none">
3616
- <button
3617
- class="pf-v6-c-options-menu__menu-item"
3618
- type="button"
3619
- role="menuitem"
3620
- >20 per page</button>
3621
- </li>
3622
- </ul>
3623
- </div>
3423
+ </span>
3424
+ </span>
3425
+ </button>
3624
3426
  </div>
3625
3427
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
3626
3428
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -4302,56 +4104,23 @@ wrapperTag: div
4302
4104
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
4303
4105
  <div class="pf-v6-c-pagination pf-m-compact">
4304
4106
  <div class="pf-v6-c-pagination__page-menu">
4305
- <div class="pf-v6-c-options-menu">
4306
- <button
4307
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
4308
- type="button"
4309
- id="compact-demo-toolbar-top-pagination-toggle"
4310
- aria-haspopup="listbox"
4311
- aria-expanded="false"
4312
- >
4313
- <span class="pf-v6-c-options-menu__toggle-text">
4314
- <b>1 - 10</b>&nbsp;of&nbsp;
4315
- <b>36</b>
4316
- </span>
4317
- <div class="pf-v6-c-options-menu__toggle-icon">
4107
+ <button
4108
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4109
+ type="button"
4110
+ aria-expanded="false"
4111
+ aria-label="Menu toggle"
4112
+ id="compact-demo-toolbar-top-pagination"
4113
+ >
4114
+ <span class="pf-v6-c-menu-toggle__text">
4115
+ <b>1 - 10</b>&nbsp;of&nbsp;
4116
+ <b>36</b>
4117
+ </span>
4118
+ <span class="pf-v6-c-menu-toggle__controls">
4119
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
4318
4120
  <i class="fas fa-caret-down" aria-hidden="true"></i>
4319
- </div>
4320
- </button>
4321
- <ul
4322
- class="pf-v6-c-options-menu__menu"
4323
- role="menu"
4324
- aria-labelledby="compact-demo-toolbar-top-pagination-toggle"
4325
- hidden
4326
- >
4327
- <li role="none">
4328
- <button
4329
- class="pf-v6-c-options-menu__menu-item"
4330
- type="button"
4331
- role="menuitem"
4332
- >5 per page</button>
4333
- </li>
4334
- <li role="none">
4335
- <button
4336
- class="pf-v6-c-options-menu__menu-item"
4337
- type="button"
4338
- role="menuitem"
4339
- >
4340
- 10 per page
4341
- <div class="pf-v6-c-options-menu__menu-item-icon">
4342
- <i class="fas fa-check" aria-hidden="true"></i>
4343
- </div>
4344
- </button>
4345
- </li>
4346
- <li role="none">
4347
- <button
4348
- class="pf-v6-c-options-menu__menu-item"
4349
- type="button"
4350
- role="menuitem"
4351
- >20 per page</button>
4352
- </li>
4353
- </ul>
4354
- </div>
4121
+ </span>
4122
+ </span>
4123
+ </button>
4355
4124
  </div>
4356
4125
  <nav
4357
4126
  class="pf-v6-c-pagination__nav"
@@ -4724,56 +4493,23 @@ wrapperTag: div
4724
4493
  </table>
4725
4494
  <div class="pf-v6-c-pagination pf-m-bottom">
4726
4495
  <div class="pf-v6-c-pagination__page-menu">
4727
- <div class="pf-v6-c-options-menu pf-m-top">
4728
- <button
4729
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
4730
- type="button"
4731
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
4732
- aria-haspopup="listbox"
4733
- aria-expanded="false"
4734
- >
4735
- <span class="pf-v6-c-options-menu__toggle-text">
4736
- <b>1 - 10</b>&nbsp;of&nbsp;
4737
- <b>36</b>
4738
- </span>
4739
- <div class="pf-v6-c-options-menu__toggle-icon">
4496
+ <button
4497
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
4498
+ type="button"
4499
+ aria-expanded="false"
4500
+ aria-label="Menu toggle"
4501
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
4502
+ >
4503
+ <span class="pf-v6-c-menu-toggle__text">
4504
+ <b>1 - 10</b>&nbsp;of&nbsp;
4505
+ <b>36</b>
4506
+ </span>
4507
+ <span class="pf-v6-c-menu-toggle__controls">
4508
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
4740
4509
  <i class="fas fa-caret-down" aria-hidden="true"></i>
4741
- </div>
4742
- </button>
4743
- <ul
4744
- class="pf-v6-c-options-menu__menu pf-m-top"
4745
- role="menu"
4746
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
4747
- hidden
4748
- >
4749
- <li role="none">
4750
- <button
4751
- class="pf-v6-c-options-menu__menu-item"
4752
- type="button"
4753
- role="menuitem"
4754
- >5 per page</button>
4755
- </li>
4756
- <li role="none">
4757
- <button
4758
- class="pf-v6-c-options-menu__menu-item"
4759
- type="button"
4760
- role="menuitem"
4761
- >
4762
- 10 per page
4763
- <div class="pf-v6-c-options-menu__menu-item-icon">
4764
- <i class="fas fa-check" aria-hidden="true"></i>
4765
- </div>
4766
- </button>
4767
- </li>
4768
- <li role="none">
4769
- <button
4770
- class="pf-v6-c-options-menu__menu-item"
4771
- type="button"
4772
- role="menuitem"
4773
- >20 per page</button>
4774
- </li>
4775
- </ul>
4776
- </div>
4510
+ </span>
4511
+ </span>
4512
+ </button>
4777
4513
  </div>
4778
4514
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
4779
4515
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -5455,56 +5191,23 @@ wrapperTag: div
5455
5191
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
5456
5192
  <div class="pf-v6-c-pagination pf-m-compact">
5457
5193
  <div class="pf-v6-c-pagination__page-menu">
5458
- <div class="pf-v6-c-options-menu">
5459
- <button
5460
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
5461
- type="button"
5462
- id="compound-expansion-demo-toolbar-top-pagination-toggle"
5463
- aria-haspopup="listbox"
5464
- aria-expanded="false"
5465
- >
5466
- <span class="pf-v6-c-options-menu__toggle-text">
5467
- <b>1 - 10</b>&nbsp;of&nbsp;
5468
- <b>36</b>
5469
- </span>
5470
- <div class="pf-v6-c-options-menu__toggle-icon">
5194
+ <button
5195
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
5196
+ type="button"
5197
+ aria-expanded="false"
5198
+ aria-label="Menu toggle"
5199
+ id="compound-expansion-demo-toolbar-top-pagination"
5200
+ >
5201
+ <span class="pf-v6-c-menu-toggle__text">
5202
+ <b>1 - 10</b>&nbsp;of&nbsp;
5203
+ <b>36</b>
5204
+ </span>
5205
+ <span class="pf-v6-c-menu-toggle__controls">
5206
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
5471
5207
  <i class="fas fa-caret-down" aria-hidden="true"></i>
5472
- </div>
5473
- </button>
5474
- <ul
5475
- class="pf-v6-c-options-menu__menu"
5476
- role="menu"
5477
- aria-labelledby="compound-expansion-demo-toolbar-top-pagination-toggle"
5478
- hidden
5479
- >
5480
- <li role="none">
5481
- <button
5482
- class="pf-v6-c-options-menu__menu-item"
5483
- type="button"
5484
- role="menuitem"
5485
- >5 per page</button>
5486
- </li>
5487
- <li role="none">
5488
- <button
5489
- class="pf-v6-c-options-menu__menu-item"
5490
- type="button"
5491
- role="menuitem"
5492
- >
5493
- 10 per page
5494
- <div class="pf-v6-c-options-menu__menu-item-icon">
5495
- <i class="fas fa-check" aria-hidden="true"></i>
5496
- </div>
5497
- </button>
5498
- </li>
5499
- <li role="none">
5500
- <button
5501
- class="pf-v6-c-options-menu__menu-item"
5502
- type="button"
5503
- role="menuitem"
5504
- >20 per page</button>
5505
- </li>
5506
- </ul>
5507
- </div>
5208
+ </span>
5209
+ </span>
5210
+ </button>
5508
5211
  </div>
5509
5212
  <nav
5510
5213
  class="pf-v6-c-pagination__nav"
@@ -7921,56 +7624,23 @@ wrapperTag: div
7921
7624
  </table>
7922
7625
  <div class="pf-v6-c-pagination pf-m-bottom">
7923
7626
  <div class="pf-v6-c-pagination__page-menu">
7924
- <div class="pf-v6-c-options-menu pf-m-top">
7925
- <button
7926
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
7927
- type="button"
7928
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
7929
- aria-haspopup="listbox"
7930
- aria-expanded="false"
7931
- >
7932
- <span class="pf-v6-c-options-menu__toggle-text">
7933
- <b>1 - 10</b>&nbsp;of&nbsp;
7934
- <b>36</b>
7935
- </span>
7936
- <div class="pf-v6-c-options-menu__toggle-icon">
7937
- <i class="fas fa-caret-down" aria-hidden="true"></i>
7938
- </div>
7939
- </button>
7940
- <ul
7941
- class="pf-v6-c-options-menu__menu pf-m-top"
7942
- role="menu"
7943
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
7944
- hidden
7945
- >
7946
- <li role="none">
7947
- <button
7948
- class="pf-v6-c-options-menu__menu-item"
7949
- type="button"
7950
- role="menuitem"
7951
- >5 per page</button>
7952
- </li>
7953
- <li role="none">
7954
- <button
7955
- class="pf-v6-c-options-menu__menu-item"
7956
- type="button"
7957
- role="menuitem"
7958
- >
7959
- 10 per page
7960
- <div class="pf-v6-c-options-menu__menu-item-icon">
7961
- <i class="fas fa-check" aria-hidden="true"></i>
7962
- </div>
7963
- </button>
7964
- </li>
7965
- <li role="none">
7966
- <button
7967
- class="pf-v6-c-options-menu__menu-item"
7968
- type="button"
7969
- role="menuitem"
7970
- >20 per page</button>
7971
- </li>
7972
- </ul>
7973
- </div>
7627
+ <button
7628
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
7629
+ type="button"
7630
+ aria-expanded="false"
7631
+ aria-label="Menu toggle"
7632
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
7633
+ >
7634
+ <span class="pf-v6-c-menu-toggle__text">
7635
+ <b>1 - 10</b>&nbsp;of&nbsp;
7636
+ <b>36</b>
7637
+ </span>
7638
+ <span class="pf-v6-c-menu-toggle__controls">
7639
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
7640
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
7641
+ </span>
7642
+ </span>
7643
+ </button>
7974
7644
  </div>
7975
7645
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
7976
7646
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -9411,56 +9081,23 @@ wrapperTag: div
9411
9081
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
9412
9082
  <div class="pf-v6-c-pagination pf-m-compact">
9413
9083
  <div class="pf-v6-c-pagination__page-menu">
9414
- <div class="pf-v6-c-options-menu">
9415
- <button
9416
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
9417
- type="button"
9418
- id="static-bottom-pagination-demo-toolbar-top-pagination-toggle"
9419
- aria-haspopup="listbox"
9420
- aria-expanded="false"
9421
- >
9422
- <span class="pf-v6-c-options-menu__toggle-text">
9423
- <b>1 - 10</b>&nbsp;of&nbsp;
9424
- <b>36</b>
9425
- </span>
9426
- <div class="pf-v6-c-options-menu__toggle-icon">
9084
+ <button
9085
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
9086
+ type="button"
9087
+ aria-expanded="false"
9088
+ aria-label="Menu toggle"
9089
+ id="static-bottom-pagination-demo-toolbar-top-pagination"
9090
+ >
9091
+ <span class="pf-v6-c-menu-toggle__text">
9092
+ <b>1 - 10</b>&nbsp;of&nbsp;
9093
+ <b>36</b>
9094
+ </span>
9095
+ <span class="pf-v6-c-menu-toggle__controls">
9096
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
9427
9097
  <i class="fas fa-caret-down" aria-hidden="true"></i>
9428
- </div>
9429
- </button>
9430
- <ul
9431
- class="pf-v6-c-options-menu__menu"
9432
- role="menu"
9433
- aria-labelledby="static-bottom-pagination-demo-toolbar-top-pagination-toggle"
9434
- hidden
9435
- >
9436
- <li role="none">
9437
- <button
9438
- class="pf-v6-c-options-menu__menu-item"
9439
- type="button"
9440
- role="menuitem"
9441
- >5 per page</button>
9442
- </li>
9443
- <li role="none">
9444
- <button
9445
- class="pf-v6-c-options-menu__menu-item"
9446
- type="button"
9447
- role="menuitem"
9448
- >
9449
- 10 per page
9450
- <div class="pf-v6-c-options-menu__menu-item-icon">
9451
- <i class="fas fa-check" aria-hidden="true"></i>
9452
- </div>
9453
- </button>
9454
- </li>
9455
- <li role="none">
9456
- <button
9457
- class="pf-v6-c-options-menu__menu-item"
9458
- type="button"
9459
- role="menuitem"
9460
- >20 per page</button>
9461
- </li>
9462
- </ul>
9463
- </div>
9098
+ </span>
9099
+ </span>
9100
+ </button>
9464
9101
  </div>
9465
9102
  <nav
9466
9103
  class="pf-v6-c-pagination__nav"
@@ -9915,56 +9552,23 @@ wrapperTag: div
9915
9552
  </table>
9916
9553
  <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
9917
9554
  <div class="pf-v6-c-pagination__page-menu">
9918
- <div class="pf-v6-c-options-menu pf-m-top">
9919
- <button
9920
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
9921
- type="button"
9922
- id="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
9923
- aria-haspopup="listbox"
9924
- aria-expanded="false"
9925
- >
9926
- <span class="pf-v6-c-options-menu__toggle-text">
9927
- <b>1 - 10</b>&nbsp;of&nbsp;
9928
- <b>36</b>
9929
- </span>
9930
- <div class="pf-v6-c-options-menu__toggle-icon">
9555
+ <button
9556
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
9557
+ type="button"
9558
+ aria-expanded="false"
9559
+ aria-label="Menu toggle"
9560
+ id="{{page--id}}-pagination-menu-toggle-bottom-example-static"
9561
+ >
9562
+ <span class="pf-v6-c-menu-toggle__text">
9563
+ <b>1 - 10</b>&nbsp;of&nbsp;
9564
+ <b>36</b>
9565
+ </span>
9566
+ <span class="pf-v6-c-menu-toggle__controls">
9567
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
9931
9568
  <i class="fas fa-caret-down" aria-hidden="true"></i>
9932
- </div>
9933
- </button>
9934
- <ul
9935
- class="pf-v6-c-options-menu__menu pf-m-top"
9936
- role="menu"
9937
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
9938
- hidden
9939
- >
9940
- <li role="none">
9941
- <button
9942
- class="pf-v6-c-options-menu__menu-item"
9943
- type="button"
9944
- role="menuitem"
9945
- >5 per page</button>
9946
- </li>
9947
- <li role="none">
9948
- <button
9949
- class="pf-v6-c-options-menu__menu-item"
9950
- type="button"
9951
- role="menuitem"
9952
- >
9953
- 10 per page
9954
- <div class="pf-v6-c-options-menu__menu-item-icon">
9955
- <i class="fas fa-check" aria-hidden="true"></i>
9956
- </div>
9957
- </button>
9958
- </li>
9959
- <li role="none">
9960
- <button
9961
- class="pf-v6-c-options-menu__menu-item"
9962
- type="button"
9963
- role="menuitem"
9964
- >20 per page</button>
9965
- </li>
9966
- </ul>
9967
- </div>
9569
+ </span>
9570
+ </span>
9571
+ </button>
9968
9572
  </div>
9969
9573
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
9970
9574
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -10646,56 +10250,23 @@ wrapperTag: div
10646
10250
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
10647
10251
  <div class="pf-v6-c-pagination pf-m-compact">
10648
10252
  <div class="pf-v6-c-pagination__page-menu">
10649
- <div class="pf-v6-c-options-menu">
10650
- <button
10651
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
10652
- type="button"
10653
- id="column-management-demo-toolbar-top-pagination-toggle"
10654
- aria-haspopup="listbox"
10655
- aria-expanded="false"
10656
- >
10657
- <span class="pf-v6-c-options-menu__toggle-text">
10658
- <b>1 - 10</b>&nbsp;of&nbsp;
10659
- <b>36</b>
10660
- </span>
10661
- <div class="pf-v6-c-options-menu__toggle-icon">
10253
+ <button
10254
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
10255
+ type="button"
10256
+ aria-expanded="false"
10257
+ aria-label="Menu toggle"
10258
+ id="column-management-demo-toolbar-top-pagination"
10259
+ >
10260
+ <span class="pf-v6-c-menu-toggle__text">
10261
+ <b>1 - 10</b>&nbsp;of&nbsp;
10262
+ <b>36</b>
10263
+ </span>
10264
+ <span class="pf-v6-c-menu-toggle__controls">
10265
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
10662
10266
  <i class="fas fa-caret-down" aria-hidden="true"></i>
10663
- </div>
10664
- </button>
10665
- <ul
10666
- class="pf-v6-c-options-menu__menu"
10667
- role="menu"
10668
- aria-labelledby="column-management-demo-toolbar-top-pagination-toggle"
10669
- hidden
10670
- >
10671
- <li role="none">
10672
- <button
10673
- class="pf-v6-c-options-menu__menu-item"
10674
- type="button"
10675
- role="menuitem"
10676
- >5 per page</button>
10677
- </li>
10678
- <li role="none">
10679
- <button
10680
- class="pf-v6-c-options-menu__menu-item"
10681
- type="button"
10682
- role="menuitem"
10683
- >
10684
- 10 per page
10685
- <div class="pf-v6-c-options-menu__menu-item-icon">
10686
- <i class="fas fa-check" aria-hidden="true"></i>
10687
- </div>
10688
- </button>
10689
- </li>
10690
- <li role="none">
10691
- <button
10692
- class="pf-v6-c-options-menu__menu-item"
10693
- type="button"
10694
- role="menuitem"
10695
- >20 per page</button>
10696
- </li>
10697
- </ul>
10698
- </div>
10267
+ </span>
10268
+ </span>
10269
+ </button>
10699
10270
  </div>
10700
10271
  <nav
10701
10272
  class="pf-v6-c-pagination__nav"
@@ -11995,56 +11566,23 @@ wrapperTag: div
11995
11566
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
11996
11567
  <div class="pf-v6-c-pagination pf-m-compact">
11997
11568
  <div class="pf-v6-c-pagination__page-menu">
11998
- <div class="pf-v6-c-options-menu">
11999
- <button
12000
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
12001
- type="button"
12002
- id="sticky-header-demo-toolbar-top-pagination-toggle"
12003
- aria-haspopup="listbox"
12004
- aria-expanded="false"
12005
- >
12006
- <span class="pf-v6-c-options-menu__toggle-text">
12007
- <b>1 - 10</b>&nbsp;of&nbsp;
12008
- <b>36</b>
12009
- </span>
12010
- <div class="pf-v6-c-options-menu__toggle-icon">
11569
+ <button
11570
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
11571
+ type="button"
11572
+ aria-expanded="false"
11573
+ aria-label="Menu toggle"
11574
+ id="sticky-header-demo-toolbar-top-pagination"
11575
+ >
11576
+ <span class="pf-v6-c-menu-toggle__text">
11577
+ <b>1 - 10</b>&nbsp;of&nbsp;
11578
+ <b>36</b>
11579
+ </span>
11580
+ <span class="pf-v6-c-menu-toggle__controls">
11581
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
12011
11582
  <i class="fas fa-caret-down" aria-hidden="true"></i>
12012
- </div>
12013
- </button>
12014
- <ul
12015
- class="pf-v6-c-options-menu__menu"
12016
- role="menu"
12017
- aria-labelledby="sticky-header-demo-toolbar-top-pagination-toggle"
12018
- hidden
12019
- >
12020
- <li role="none">
12021
- <button
12022
- class="pf-v6-c-options-menu__menu-item"
12023
- type="button"
12024
- role="menuitem"
12025
- >5 per page</button>
12026
- </li>
12027
- <li role="none">
12028
- <button
12029
- class="pf-v6-c-options-menu__menu-item"
12030
- type="button"
12031
- role="menuitem"
12032
- >
12033
- 10 per page
12034
- <div class="pf-v6-c-options-menu__menu-item-icon">
12035
- <i class="fas fa-check" aria-hidden="true"></i>
12036
- </div>
12037
- </button>
12038
- </li>
12039
- <li role="none">
12040
- <button
12041
- class="pf-v6-c-options-menu__menu-item"
12042
- type="button"
12043
- role="menuitem"
12044
- >20 per page</button>
12045
- </li>
12046
- </ul>
12047
- </div>
11583
+ </span>
11584
+ </span>
11585
+ </button>
12048
11586
  </div>
12049
11587
  <nav
12050
11588
  class="pf-v6-c-pagination__nav"
@@ -12499,56 +12037,23 @@ wrapperTag: div
12499
12037
  </table>
12500
12038
  <div class="pf-v6-c-pagination pf-m-bottom">
12501
12039
  <div class="pf-v6-c-pagination__page-menu">
12502
- <div class="pf-v6-c-options-menu pf-m-top">
12503
- <button
12504
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
12505
- type="button"
12506
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
12507
- aria-haspopup="listbox"
12508
- aria-expanded="false"
12509
- >
12510
- <span class="pf-v6-c-options-menu__toggle-text">
12511
- <b>1 - 10</b>&nbsp;of&nbsp;
12512
- <b>36</b>
12513
- </span>
12514
- <div class="pf-v6-c-options-menu__toggle-icon">
12040
+ <button
12041
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
12042
+ type="button"
12043
+ aria-expanded="false"
12044
+ aria-label="Menu toggle"
12045
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
12046
+ >
12047
+ <span class="pf-v6-c-menu-toggle__text">
12048
+ <b>1 - 10</b>&nbsp;of&nbsp;
12049
+ <b>36</b>
12050
+ </span>
12051
+ <span class="pf-v6-c-menu-toggle__controls">
12052
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
12515
12053
  <i class="fas fa-caret-down" aria-hidden="true"></i>
12516
- </div>
12517
- </button>
12518
- <ul
12519
- class="pf-v6-c-options-menu__menu pf-m-top"
12520
- role="menu"
12521
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
12522
- hidden
12523
- >
12524
- <li role="none">
12525
- <button
12526
- class="pf-v6-c-options-menu__menu-item"
12527
- type="button"
12528
- role="menuitem"
12529
- >5 per page</button>
12530
- </li>
12531
- <li role="none">
12532
- <button
12533
- class="pf-v6-c-options-menu__menu-item"
12534
- type="button"
12535
- role="menuitem"
12536
- >
12537
- 10 per page
12538
- <div class="pf-v6-c-options-menu__menu-item-icon">
12539
- <i class="fas fa-check" aria-hidden="true"></i>
12540
- </div>
12541
- </button>
12542
- </li>
12543
- <li role="none">
12544
- <button
12545
- class="pf-v6-c-options-menu__menu-item"
12546
- type="button"
12547
- role="menuitem"
12548
- >20 per page</button>
12549
- </li>
12550
- </ul>
12551
- </div>
12054
+ </span>
12055
+ </span>
12056
+ </button>
12552
12057
  </div>
12553
12058
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
12554
12059
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -13049,58 +12554,23 @@ wrapperTag: div
13049
12554
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
13050
12555
  <div class="pf-v6-c-pagination pf-m-compact">
13051
12556
  <div class="pf-v6-c-pagination__page-menu">
13052
- <div class="pf-v6-c-options-menu">
13053
- <button
13054
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
13055
- type="button"
13056
- id="sticky-first-column-demo-toolbar-top-pagination-toggle"
13057
- aria-haspopup="listbox"
13058
- aria-expanded="false"
13059
- >
13060
- <span class="pf-v6-c-options-menu__toggle-text">
13061
- <b>1 - 10</b>&nbsp;of&nbsp;
13062
- <b>36</b>
13063
- </span>
13064
- <div class="pf-v6-c-options-menu__toggle-icon">
12557
+ <button
12558
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
12559
+ type="button"
12560
+ aria-expanded="false"
12561
+ aria-label="Menu toggle"
12562
+ id="sticky-first-column-demo-toolbar-top-pagination"
12563
+ >
12564
+ <span class="pf-v6-c-menu-toggle__text">
12565
+ <b>1 - 10</b>&nbsp;of&nbsp;
12566
+ <b>36</b>
12567
+ </span>
12568
+ <span class="pf-v6-c-menu-toggle__controls">
12569
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
13065
12570
  <i class="fas fa-caret-down" aria-hidden="true"></i>
13066
- </div>
13067
- </button>
13068
- <ul
13069
- class="pf-v6-c-options-menu__menu"
13070
- role="menu"
13071
- aria-labelledby="sticky-first-column-demo-toolbar-top-pagination-toggle"
13072
- hidden
13073
- >
13074
- <li role="none">
13075
- <button
13076
- class="pf-v6-c-options-menu__menu-item"
13077
- type="button"
13078
- role="menuitem"
13079
- >5 per page</button>
13080
- </li>
13081
- <li role="none">
13082
- <button
13083
- class="pf-v6-c-options-menu__menu-item"
13084
- type="button"
13085
- role="menuitem"
13086
- >
13087
- 10 per page
13088
- <div
13089
- class="pf-v6-c-options-menu__menu-item-icon"
13090
- >
13091
- <i class="fas fa-check" aria-hidden="true"></i>
13092
- </div>
13093
- </button>
13094
- </li>
13095
- <li role="none">
13096
- <button
13097
- class="pf-v6-c-options-menu__menu-item"
13098
- type="button"
13099
- role="menuitem"
13100
- >20 per page</button>
13101
- </li>
13102
- </ul>
13103
- </div>
12571
+ </span>
12572
+ </span>
12573
+ </button>
13104
12574
  </div>
13105
12575
  <nav
13106
12576
  class="pf-v6-c-pagination__nav"
@@ -13697,56 +13167,23 @@ wrapperTag: div
13697
13167
  </div>
13698
13168
  <div class="pf-v6-c-pagination pf-m-bottom">
13699
13169
  <div class="pf-v6-c-pagination__page-menu">
13700
- <div class="pf-v6-c-options-menu pf-m-top">
13701
- <button
13702
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
13703
- type="button"
13704
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
13705
- aria-haspopup="listbox"
13706
- aria-expanded="false"
13707
- >
13708
- <span class="pf-v6-c-options-menu__toggle-text">
13709
- <b>1 - 10</b>&nbsp;of&nbsp;
13710
- <b>36</b>
13711
- </span>
13712
- <div class="pf-v6-c-options-menu__toggle-icon">
13170
+ <button
13171
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
13172
+ type="button"
13173
+ aria-expanded="false"
13174
+ aria-label="Menu toggle"
13175
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
13176
+ >
13177
+ <span class="pf-v6-c-menu-toggle__text">
13178
+ <b>1 - 10</b>&nbsp;of&nbsp;
13179
+ <b>36</b>
13180
+ </span>
13181
+ <span class="pf-v6-c-menu-toggle__controls">
13182
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
13713
13183
  <i class="fas fa-caret-down" aria-hidden="true"></i>
13714
- </div>
13715
- </button>
13716
- <ul
13717
- class="pf-v6-c-options-menu__menu pf-m-top"
13718
- role="menu"
13719
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
13720
- hidden
13721
- >
13722
- <li role="none">
13723
- <button
13724
- class="pf-v6-c-options-menu__menu-item"
13725
- type="button"
13726
- role="menuitem"
13727
- >5 per page</button>
13728
- </li>
13729
- <li role="none">
13730
- <button
13731
- class="pf-v6-c-options-menu__menu-item"
13732
- type="button"
13733
- role="menuitem"
13734
- >
13735
- 10 per page
13736
- <div class="pf-v6-c-options-menu__menu-item-icon">
13737
- <i class="fas fa-check" aria-hidden="true"></i>
13738
- </div>
13739
- </button>
13740
- </li>
13741
- <li role="none">
13742
- <button
13743
- class="pf-v6-c-options-menu__menu-item"
13744
- type="button"
13745
- role="menuitem"
13746
- >20 per page</button>
13747
- </li>
13748
- </ul>
13749
- </div>
13184
+ </span>
13185
+ </span>
13186
+ </button>
13750
13187
  </div>
13751
13188
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
13752
13189
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -14251,58 +13688,23 @@ wrapperTag: div
14251
13688
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
14252
13689
  <div class="pf-v6-c-pagination pf-m-compact">
14253
13690
  <div class="pf-v6-c-pagination__page-menu">
14254
- <div class="pf-v6-c-options-menu">
14255
- <button
14256
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
14257
- type="button"
14258
- id="sticky-multiple-columns-demo-toolbar-top-pagination-toggle"
14259
- aria-haspopup="listbox"
14260
- aria-expanded="false"
14261
- >
14262
- <span class="pf-v6-c-options-menu__toggle-text">
14263
- <b>1 - 10</b>&nbsp;of&nbsp;
14264
- <b>36</b>
14265
- </span>
14266
- <div class="pf-v6-c-options-menu__toggle-icon">
13691
+ <button
13692
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
13693
+ type="button"
13694
+ aria-expanded="false"
13695
+ aria-label="Menu toggle"
13696
+ id="sticky-multiple-columns-demo-toolbar-top-pagination"
13697
+ >
13698
+ <span class="pf-v6-c-menu-toggle__text">
13699
+ <b>1 - 10</b>&nbsp;of&nbsp;
13700
+ <b>36</b>
13701
+ </span>
13702
+ <span class="pf-v6-c-menu-toggle__controls">
13703
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
14267
13704
  <i class="fas fa-caret-down" aria-hidden="true"></i>
14268
- </div>
14269
- </button>
14270
- <ul
14271
- class="pf-v6-c-options-menu__menu"
14272
- role="menu"
14273
- aria-labelledby="sticky-multiple-columns-demo-toolbar-top-pagination-toggle"
14274
- hidden
14275
- >
14276
- <li role="none">
14277
- <button
14278
- class="pf-v6-c-options-menu__menu-item"
14279
- type="button"
14280
- role="menuitem"
14281
- >5 per page</button>
14282
- </li>
14283
- <li role="none">
14284
- <button
14285
- class="pf-v6-c-options-menu__menu-item"
14286
- type="button"
14287
- role="menuitem"
14288
- >
14289
- 10 per page
14290
- <div
14291
- class="pf-v6-c-options-menu__menu-item-icon"
14292
- >
14293
- <i class="fas fa-check" aria-hidden="true"></i>
14294
- </div>
14295
- </button>
14296
- </li>
14297
- <li role="none">
14298
- <button
14299
- class="pf-v6-c-options-menu__menu-item"
14300
- type="button"
14301
- role="menuitem"
14302
- >20 per page</button>
14303
- </li>
14304
- </ul>
14305
- </div>
13705
+ </span>
13706
+ </span>
13707
+ </button>
14306
13708
  </div>
14307
13709
  <nav
14308
13710
  class="pf-v6-c-pagination__nav"
@@ -14927,56 +14329,23 @@ wrapperTag: div
14927
14329
  </div>
14928
14330
  <div class="pf-v6-c-pagination pf-m-bottom">
14929
14331
  <div class="pf-v6-c-pagination__page-menu">
14930
- <div class="pf-v6-c-options-menu pf-m-top">
14931
- <button
14932
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
14933
- type="button"
14934
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
14935
- aria-haspopup="listbox"
14936
- aria-expanded="false"
14937
- >
14938
- <span class="pf-v6-c-options-menu__toggle-text">
14939
- <b>1 - 10</b>&nbsp;of&nbsp;
14940
- <b>36</b>
14941
- </span>
14942
- <div class="pf-v6-c-options-menu__toggle-icon">
14332
+ <button
14333
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
14334
+ type="button"
14335
+ aria-expanded="false"
14336
+ aria-label="Menu toggle"
14337
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
14338
+ >
14339
+ <span class="pf-v6-c-menu-toggle__text">
14340
+ <b>1 - 10</b>&nbsp;of&nbsp;
14341
+ <b>36</b>
14342
+ </span>
14343
+ <span class="pf-v6-c-menu-toggle__controls">
14344
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
14943
14345
  <i class="fas fa-caret-down" aria-hidden="true"></i>
14944
- </div>
14945
- </button>
14946
- <ul
14947
- class="pf-v6-c-options-menu__menu pf-m-top"
14948
- role="menu"
14949
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
14950
- hidden
14951
- >
14952
- <li role="none">
14953
- <button
14954
- class="pf-v6-c-options-menu__menu-item"
14955
- type="button"
14956
- role="menuitem"
14957
- >5 per page</button>
14958
- </li>
14959
- <li role="none">
14960
- <button
14961
- class="pf-v6-c-options-menu__menu-item"
14962
- type="button"
14963
- role="menuitem"
14964
- >
14965
- 10 per page
14966
- <div class="pf-v6-c-options-menu__menu-item-icon">
14967
- <i class="fas fa-check" aria-hidden="true"></i>
14968
- </div>
14969
- </button>
14970
- </li>
14971
- <li role="none">
14972
- <button
14973
- class="pf-v6-c-options-menu__menu-item"
14974
- type="button"
14975
- role="menuitem"
14976
- >20 per page</button>
14977
- </li>
14978
- </ul>
14979
- </div>
14346
+ </span>
14347
+ </span>
14348
+ </button>
14980
14349
  </div>
14981
14350
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
14982
14351
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -15479,56 +14848,23 @@ wrapperTag: div
15479
14848
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
15480
14849
  <div class="pf-v6-c-pagination pf-m-compact">
15481
14850
  <div class="pf-v6-c-pagination__page-menu">
15482
- <div class="pf-v6-c-options-menu">
15483
- <button
15484
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
15485
- type="button"
15486
- id="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
15487
- aria-haspopup="listbox"
15488
- aria-expanded="false"
15489
- >
15490
- <span class="pf-v6-c-options-menu__toggle-text">
15491
- <b>1 - 10</b>&nbsp;of&nbsp;
15492
- <b>36</b>
15493
- </span>
15494
- <div class="pf-v6-c-options-menu__toggle-icon">
14851
+ <button
14852
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
14853
+ type="button"
14854
+ aria-expanded="false"
14855
+ aria-label="Menu toggle"
14856
+ id="sticky-header-and-multiple columns-demo-toolbar-top-pagination"
14857
+ >
14858
+ <span class="pf-v6-c-menu-toggle__text">
14859
+ <b>1 - 10</b>&nbsp;of&nbsp;
14860
+ <b>36</b>
14861
+ </span>
14862
+ <span class="pf-v6-c-menu-toggle__controls">
14863
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
15495
14864
  <i class="fas fa-caret-down" aria-hidden="true"></i>
15496
- </div>
15497
- </button>
15498
- <ul
15499
- class="pf-v6-c-options-menu__menu"
15500
- role="menu"
15501
- aria-labelledby="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
15502
- hidden
15503
- >
15504
- <li role="none">
15505
- <button
15506
- class="pf-v6-c-options-menu__menu-item"
15507
- type="button"
15508
- role="menuitem"
15509
- >5 per page</button>
15510
- </li>
15511
- <li role="none">
15512
- <button
15513
- class="pf-v6-c-options-menu__menu-item"
15514
- type="button"
15515
- role="menuitem"
15516
- >
15517
- 10 per page
15518
- <div class="pf-v6-c-options-menu__menu-item-icon">
15519
- <i class="fas fa-check" aria-hidden="true"></i>
15520
- </div>
15521
- </button>
15522
- </li>
15523
- <li role="none">
15524
- <button
15525
- class="pf-v6-c-options-menu__menu-item"
15526
- type="button"
15527
- role="menuitem"
15528
- >20 per page</button>
15529
- </li>
15530
- </ul>
15531
- </div>
14865
+ </span>
14866
+ </span>
14867
+ </button>
15532
14868
  </div>
15533
14869
  <nav
15534
14870
  class="pf-v6-c-pagination__nav"
@@ -16153,56 +15489,23 @@ wrapperTag: div
16153
15489
  </div>
16154
15490
  <div class="pf-v6-c-pagination pf-m-bottom">
16155
15491
  <div class="pf-v6-c-pagination__page-menu">
16156
- <div class="pf-v6-c-options-menu pf-m-top">
16157
- <button
16158
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
16159
- type="button"
16160
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
16161
- aria-haspopup="listbox"
16162
- aria-expanded="false"
16163
- >
16164
- <span class="pf-v6-c-options-menu__toggle-text">
16165
- <b>1 - 10</b>&nbsp;of&nbsp;
16166
- <b>36</b>
16167
- </span>
16168
- <div class="pf-v6-c-options-menu__toggle-icon">
15492
+ <button
15493
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
15494
+ type="button"
15495
+ aria-expanded="false"
15496
+ aria-label="Menu toggle"
15497
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
15498
+ >
15499
+ <span class="pf-v6-c-menu-toggle__text">
15500
+ <b>1 - 10</b>&nbsp;of&nbsp;
15501
+ <b>36</b>
15502
+ </span>
15503
+ <span class="pf-v6-c-menu-toggle__controls">
15504
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
16169
15505
  <i class="fas fa-caret-down" aria-hidden="true"></i>
16170
- </div>
16171
- </button>
16172
- <ul
16173
- class="pf-v6-c-options-menu__menu pf-m-top"
16174
- role="menu"
16175
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
16176
- hidden
16177
- >
16178
- <li role="none">
16179
- <button
16180
- class="pf-v6-c-options-menu__menu-item"
16181
- type="button"
16182
- role="menuitem"
16183
- >5 per page</button>
16184
- </li>
16185
- <li role="none">
16186
- <button
16187
- class="pf-v6-c-options-menu__menu-item"
16188
- type="button"
16189
- role="menuitem"
16190
- >
16191
- 10 per page
16192
- <div class="pf-v6-c-options-menu__menu-item-icon">
16193
- <i class="fas fa-check" aria-hidden="true"></i>
16194
- </div>
16195
- </button>
16196
- </li>
16197
- <li role="none">
16198
- <button
16199
- class="pf-v6-c-options-menu__menu-item"
16200
- type="button"
16201
- role="menuitem"
16202
- >20 per page</button>
16203
- </li>
16204
- </ul>
16205
- </div>
15506
+ </span>
15507
+ </span>
15508
+ </button>
16206
15509
  </div>
16207
15510
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
16208
15511
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -16704,56 +16007,23 @@ wrapperTag: div
16704
16007
  <div class="pf-v6-c-toolbar__item pf-m-pagination">
16705
16008
  <div class="pf-v6-c-pagination pf-m-compact">
16706
16009
  <div class="pf-v6-c-pagination__page-menu">
16707
- <div class="pf-v6-c-options-menu">
16708
- <button
16709
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
16710
- type="button"
16711
- id="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
16712
- aria-haspopup="listbox"
16713
- aria-expanded="false"
16714
- >
16715
- <span class="pf-v6-c-options-menu__toggle-text">
16716
- <b>1 - 10</b>&nbsp;of&nbsp;
16717
- <b>36</b>
16718
- </span>
16719
- <div class="pf-v6-c-options-menu__toggle-icon">
16010
+ <button
16011
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
16012
+ type="button"
16013
+ aria-expanded="false"
16014
+ aria-label="Menu toggle"
16015
+ id="sticky-header-and-multiple columns-demo-toolbar-top-pagination"
16016
+ >
16017
+ <span class="pf-v6-c-menu-toggle__text">
16018
+ <b>1 - 10</b>&nbsp;of&nbsp;
16019
+ <b>36</b>
16020
+ </span>
16021
+ <span class="pf-v6-c-menu-toggle__controls">
16022
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
16720
16023
  <i class="fas fa-caret-down" aria-hidden="true"></i>
16721
- </div>
16722
- </button>
16723
- <ul
16724
- class="pf-v6-c-options-menu__menu"
16725
- role="menu"
16726
- aria-labelledby="sticky-header-and-multiple columns-demo-toolbar-top-pagination-toggle"
16727
- hidden
16728
- >
16729
- <li role="none">
16730
- <button
16731
- class="pf-v6-c-options-menu__menu-item"
16732
- type="button"
16733
- role="menuitem"
16734
- >5 per page</button>
16735
- </li>
16736
- <li role="none">
16737
- <button
16738
- class="pf-v6-c-options-menu__menu-item"
16739
- type="button"
16740
- role="menuitem"
16741
- >
16742
- 10 per page
16743
- <div class="pf-v6-c-options-menu__menu-item-icon">
16744
- <i class="fas fa-check" aria-hidden="true"></i>
16745
- </div>
16746
- </button>
16747
- </li>
16748
- <li role="none">
16749
- <button
16750
- class="pf-v6-c-options-menu__menu-item"
16751
- type="button"
16752
- role="menuitem"
16753
- >20 per page</button>
16754
- </li>
16755
- </ul>
16756
- </div>
16024
+ </span>
16025
+ </span>
16026
+ </button>
16757
16027
  </div>
16758
16028
  <nav
16759
16029
  class="pf-v6-c-pagination__nav"
@@ -17341,56 +16611,23 @@ wrapperTag: div
17341
16611
  </div>
17342
16612
  <div class="pf-v6-c-pagination pf-m-bottom">
17343
16613
  <div class="pf-v6-c-pagination__page-menu">
17344
- <div class="pf-v6-c-options-menu pf-m-top">
17345
- <button
17346
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
17347
- type="button"
17348
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
17349
- aria-haspopup="listbox"
17350
- aria-expanded="false"
17351
- >
17352
- <span class="pf-v6-c-options-menu__toggle-text">
17353
- <b>1 - 10</b>&nbsp;of&nbsp;
17354
- <b>36</b>
17355
- </span>
17356
- <div class="pf-v6-c-options-menu__toggle-icon">
16614
+ <button
16615
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
16616
+ type="button"
16617
+ aria-expanded="false"
16618
+ aria-label="Menu toggle"
16619
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
16620
+ >
16621
+ <span class="pf-v6-c-menu-toggle__text">
16622
+ <b>1 - 10</b>&nbsp;of&nbsp;
16623
+ <b>36</b>
16624
+ </span>
16625
+ <span class="pf-v6-c-menu-toggle__controls">
16626
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
17357
16627
  <i class="fas fa-caret-down" aria-hidden="true"></i>
17358
- </div>
17359
- </button>
17360
- <ul
17361
- class="pf-v6-c-options-menu__menu pf-m-top"
17362
- role="menu"
17363
- aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
17364
- hidden
17365
- >
17366
- <li role="none">
17367
- <button
17368
- class="pf-v6-c-options-menu__menu-item"
17369
- type="button"
17370
- role="menuitem"
17371
- >5 per page</button>
17372
- </li>
17373
- <li role="none">
17374
- <button
17375
- class="pf-v6-c-options-menu__menu-item"
17376
- type="button"
17377
- role="menuitem"
17378
- >
17379
- 10 per page
17380
- <div class="pf-v6-c-options-menu__menu-item-icon">
17381
- <i class="fas fa-check" aria-hidden="true"></i>
17382
- </div>
17383
- </button>
17384
- </li>
17385
- <li role="none">
17386
- <button
17387
- class="pf-v6-c-options-menu__menu-item"
17388
- type="button"
17389
- role="menuitem"
17390
- >20 per page</button>
17391
- </li>
17392
- </ul>
17393
- </div>
16628
+ </span>
16629
+ </span>
16630
+ </button>
17394
16631
  </div>
17395
16632
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
17396
16633
  <div class="pf-v6-c-pagination__nav-control pf-m-first">