@patternfly/patternfly 6.0.0-alpha.158 → 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.
Files changed (16) hide show
  1. package/components/Pagination/pagination.css +6 -3
  2. package/components/Pagination/pagination.scss +6 -3
  3. package/components/_index.css +6 -3
  4. package/docs/components/Pagination/examples/Pagination.md +196 -713
  5. package/docs/components/Toolbar/examples/Toolbar.md +34 -98
  6. package/docs/demos/CardView/examples/CardView.md +32 -98
  7. package/docs/demos/DataList/examples/DataList.md +128 -392
  8. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +96 -320
  9. package/docs/demos/Table/examples/Table.md +369 -1132
  10. package/docs/demos/Toolbar/examples/Toolbar.md +128 -392
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +6 -3
  13. package/patternfly.css +6 -3
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
  16. package/docs/components/Pagination/examples/Pagination.css +0 -3
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -118,56 +118,23 @@ section: components
118
118
  class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
119
119
  >
120
120
  <div class="pf-v6-c-pagination__page-menu">
121
- <div class="pf-v6-c-options-menu">
122
- <button
123
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
124
- type="button"
125
- id="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
126
- aria-haspopup="listbox"
127
- aria-expanded="false"
128
- >
129
- <span class="pf-v6-c-options-menu__toggle-text">
130
- <b>1 - 10</b>&nbsp;of&nbsp;
131
- <b>36</b>
132
- </span>
133
- <div class="pf-v6-c-options-menu__toggle-icon">
121
+ <button
122
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
123
+ type="button"
124
+ aria-expanded="false"
125
+ aria-label="Menu toggle"
126
+ id="toolbar-attribute-value-search-filter-desktop-example-pagination-menu-toggle"
127
+ >
128
+ <span class="pf-v6-c-menu-toggle__text">
129
+ <b>1 - 10</b>&nbsp;of&nbsp;
130
+ <b>36</b>
131
+ </span>
132
+ <span class="pf-v6-c-menu-toggle__controls">
133
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
134
134
  <i class="fas fa-caret-down" aria-hidden="true"></i>
135
- </div>
136
- </button>
137
- <ul
138
- class="pf-v6-c-options-menu__menu"
139
- role="menu"
140
- aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
141
- hidden
142
- >
143
- <li role="none">
144
- <button
145
- class="pf-v6-c-options-menu__menu-item"
146
- type="button"
147
- role="menuitem"
148
- >5 per page</button>
149
- </li>
150
- <li role="none">
151
- <button
152
- class="pf-v6-c-options-menu__menu-item"
153
- type="button"
154
- role="menuitem"
155
- >
156
- 10 per page
157
- <div class="pf-v6-c-options-menu__menu-item-icon">
158
- <i class="fas fa-check" aria-hidden="true"></i>
159
- </div>
160
- </button>
161
- </li>
162
- <li role="none">
163
- <button
164
- class="pf-v6-c-options-menu__menu-item"
165
- type="button"
166
- role="menuitem"
167
- >20 per page</button>
168
- </li>
169
- </ul>
170
- </div>
135
+ </span>
136
+ </span>
137
+ </button>
171
138
  </div>
172
139
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
173
140
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -1161,56 +1128,23 @@ section: components
1161
1128
  class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1162
1129
  >
1163
1130
  <div class="pf-v6-c-pagination__page-menu">
1164
- <div class="pf-v6-c-options-menu">
1165
- <button
1166
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1167
- type="button"
1168
- id="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
1169
- aria-haspopup="listbox"
1170
- aria-expanded="false"
1171
- >
1172
- <span class="pf-v6-c-options-menu__toggle-text">
1173
- <b>1 - 10</b>&nbsp;of&nbsp;
1174
- <b>36</b>
1175
- </span>
1176
- <div class="pf-v6-c-options-menu__toggle-icon">
1131
+ <button
1132
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1133
+ type="button"
1134
+ aria-expanded="false"
1135
+ aria-label="Menu toggle"
1136
+ id="toolbar-attribute-value-search-filter-mobile-example-pagination-menu-toggle"
1137
+ >
1138
+ <span class="pf-v6-c-menu-toggle__text">
1139
+ <b>1 - 10</b>&nbsp;of&nbsp;
1140
+ <b>36</b>
1141
+ </span>
1142
+ <span class="pf-v6-c-menu-toggle__controls">
1143
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1177
1144
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1178
- </div>
1179
- </button>
1180
- <ul
1181
- class="pf-v6-c-options-menu__menu"
1182
- role="menu"
1183
- aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
1184
- hidden
1185
- >
1186
- <li role="none">
1187
- <button
1188
- class="pf-v6-c-options-menu__menu-item"
1189
- type="button"
1190
- role="menuitem"
1191
- >5 per page</button>
1192
- </li>
1193
- <li role="none">
1194
- <button
1195
- class="pf-v6-c-options-menu__menu-item"
1196
- type="button"
1197
- role="menuitem"
1198
- >
1199
- 10 per page
1200
- <div class="pf-v6-c-options-menu__menu-item-icon">
1201
- <i class="fas fa-check" aria-hidden="true"></i>
1202
- </div>
1203
- </button>
1204
- </li>
1205
- <li role="none">
1206
- <button
1207
- class="pf-v6-c-options-menu__menu-item"
1208
- type="button"
1209
- role="menuitem"
1210
- >20 per page</button>
1211
- </li>
1212
- </ul>
1213
- </div>
1145
+ </span>
1146
+ </span>
1147
+ </button>
1214
1148
  </div>
1215
1149
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1216
1150
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -1395,56 +1329,23 @@ section: components
1395
1329
  class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1396
1330
  >
1397
1331
  <div class="pf-v6-c-pagination__page-menu">
1398
- <div class="pf-v6-c-options-menu">
1399
- <button
1400
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1401
- type="button"
1402
- id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
1403
- aria-haspopup="listbox"
1404
- aria-expanded="false"
1405
- >
1406
- <span class="pf-v6-c-options-menu__toggle-text">
1407
- <b>1 - 10</b>&nbsp;of&nbsp;
1408
- <b>36</b>
1409
- </span>
1410
- <div class="pf-v6-c-options-menu__toggle-icon">
1332
+ <button
1333
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1334
+ type="button"
1335
+ aria-expanded="false"
1336
+ aria-label="Menu toggle"
1337
+ id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-pagination-menu-toggle"
1338
+ >
1339
+ <span class="pf-v6-c-menu-toggle__text">
1340
+ <b>1 - 10</b>&nbsp;of&nbsp;
1341
+ <b>36</b>
1342
+ </span>
1343
+ <span class="pf-v6-c-menu-toggle__controls">
1344
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1411
1345
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1412
- </div>
1413
- </button>
1414
- <ul
1415
- class="pf-v6-c-options-menu__menu"
1416
- role="menu"
1417
- aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
1418
- hidden
1419
- >
1420
- <li role="none">
1421
- <button
1422
- class="pf-v6-c-options-menu__menu-item"
1423
- type="button"
1424
- role="menuitem"
1425
- >5 per page</button>
1426
- </li>
1427
- <li role="none">
1428
- <button
1429
- class="pf-v6-c-options-menu__menu-item"
1430
- type="button"
1431
- role="menuitem"
1432
- >
1433
- 10 per page
1434
- <div class="pf-v6-c-options-menu__menu-item-icon">
1435
- <i class="fas fa-check" aria-hidden="true"></i>
1436
- </div>
1437
- </button>
1438
- </li>
1439
- <li role="none">
1440
- <button
1441
- class="pf-v6-c-options-menu__menu-item"
1442
- type="button"
1443
- role="menuitem"
1444
- >20 per page</button>
1445
- </li>
1446
- </ul>
1447
- </div>
1346
+ </span>
1347
+ </span>
1348
+ </button>
1448
1349
  </div>
1449
1350
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1450
1351
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -1533,56 +1434,23 @@ section: components
1533
1434
  class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1534
1435
  >
1535
1436
  <div class="pf-v6-c-pagination__page-menu">
1536
- <div class="pf-v6-c-options-menu">
1537
- <button
1538
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1539
- type="button"
1540
- id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
1541
- aria-haspopup="listbox"
1542
- aria-expanded="false"
1543
- >
1544
- <span class="pf-v6-c-options-menu__toggle-text">
1545
- <b>1 - 10</b>&nbsp;of&nbsp;
1546
- <b>36</b>
1547
- </span>
1548
- <div class="pf-v6-c-options-menu__toggle-icon">
1437
+ <button
1438
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1439
+ type="button"
1440
+ aria-expanded="false"
1441
+ aria-label="Menu toggle"
1442
+ id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-pagination-menu-toggle"
1443
+ >
1444
+ <span class="pf-v6-c-menu-toggle__text">
1445
+ <b>1 - 10</b>&nbsp;of&nbsp;
1446
+ <b>36</b>
1447
+ </span>
1448
+ <span class="pf-v6-c-menu-toggle__controls">
1449
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1549
1450
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1550
- </div>
1551
- </button>
1552
- <ul
1553
- class="pf-v6-c-options-menu__menu"
1554
- role="menu"
1555
- aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
1556
- hidden
1557
- >
1558
- <li role="none">
1559
- <button
1560
- class="pf-v6-c-options-menu__menu-item"
1561
- type="button"
1562
- role="menuitem"
1563
- >5 per page</button>
1564
- </li>
1565
- <li role="none">
1566
- <button
1567
- class="pf-v6-c-options-menu__menu-item"
1568
- type="button"
1569
- role="menuitem"
1570
- >
1571
- 10 per page
1572
- <div class="pf-v6-c-options-menu__menu-item-icon">
1573
- <i class="fas fa-check" aria-hidden="true"></i>
1574
- </div>
1575
- </button>
1576
- </li>
1577
- <li role="none">
1578
- <button
1579
- class="pf-v6-c-options-menu__menu-item"
1580
- type="button"
1581
- role="menuitem"
1582
- >20 per page</button>
1583
- </li>
1584
- </ul>
1585
- </div>
1451
+ </span>
1452
+ </span>
1453
+ </button>
1586
1454
  </div>
1587
1455
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1588
1456
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -1758,56 +1626,23 @@ section: components
1758
1626
  class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1759
1627
  >
1760
1628
  <div class="pf-v6-c-pagination__page-menu">
1761
- <div class="pf-v6-c-options-menu">
1762
- <button
1763
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1764
- type="button"
1765
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
1766
- aria-haspopup="listbox"
1767
- aria-expanded="false"
1768
- >
1769
- <span class="pf-v6-c-options-menu__toggle-text">
1770
- <b>1 - 10</b>&nbsp;of&nbsp;
1771
- <b>36</b>
1772
- </span>
1773
- <div class="pf-v6-c-options-menu__toggle-icon">
1629
+ <button
1630
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1631
+ type="button"
1632
+ aria-expanded="false"
1633
+ aria-label="Menu toggle"
1634
+ id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-pagination-menu-toggle"
1635
+ >
1636
+ <span class="pf-v6-c-menu-toggle__text">
1637
+ <b>1 - 10</b>&nbsp;of&nbsp;
1638
+ <b>36</b>
1639
+ </span>
1640
+ <span class="pf-v6-c-menu-toggle__controls">
1641
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1774
1642
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1775
- </div>
1776
- </button>
1777
- <ul
1778
- class="pf-v6-c-options-menu__menu"
1779
- role="menu"
1780
- aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
1781
- hidden
1782
- >
1783
- <li role="none">
1784
- <button
1785
- class="pf-v6-c-options-menu__menu-item"
1786
- type="button"
1787
- role="menuitem"
1788
- >5 per page</button>
1789
- </li>
1790
- <li role="none">
1791
- <button
1792
- class="pf-v6-c-options-menu__menu-item"
1793
- type="button"
1794
- role="menuitem"
1795
- >
1796
- 10 per page
1797
- <div class="pf-v6-c-options-menu__menu-item-icon">
1798
- <i class="fas fa-check" aria-hidden="true"></i>
1799
- </div>
1800
- </button>
1801
- </li>
1802
- <li role="none">
1803
- <button
1804
- class="pf-v6-c-options-menu__menu-item"
1805
- type="button"
1806
- role="menuitem"
1807
- >20 per page</button>
1808
- </li>
1809
- </ul>
1810
- </div>
1643
+ </span>
1644
+ </span>
1645
+ </button>
1811
1646
  </div>
1812
1647
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1813
1648
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -1990,56 +1825,23 @@ section: components
1990
1825
  class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1991
1826
  >
1992
1827
  <div class="pf-v6-c-pagination__page-menu">
1993
- <div class="pf-v6-c-options-menu">
1994
- <button
1995
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1996
- type="button"
1997
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
1998
- aria-haspopup="listbox"
1999
- aria-expanded="false"
2000
- >
2001
- <span class="pf-v6-c-options-menu__toggle-text">
2002
- <b>1 - 10</b>&nbsp;of&nbsp;
2003
- <b>36</b>
2004
- </span>
2005
- <div class="pf-v6-c-options-menu__toggle-icon">
1828
+ <button
1829
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1830
+ type="button"
1831
+ aria-expanded="false"
1832
+ aria-label="Menu toggle"
1833
+ id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-pagination-menu-toggle"
1834
+ >
1835
+ <span class="pf-v6-c-menu-toggle__text">
1836
+ <b>1 - 10</b>&nbsp;of&nbsp;
1837
+ <b>36</b>
1838
+ </span>
1839
+ <span class="pf-v6-c-menu-toggle__controls">
1840
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2006
1841
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2007
- </div>
2008
- </button>
2009
- <ul
2010
- class="pf-v6-c-options-menu__menu"
2011
- role="menu"
2012
- aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
2013
- hidden
2014
- >
2015
- <li role="none">
2016
- <button
2017
- class="pf-v6-c-options-menu__menu-item"
2018
- type="button"
2019
- role="menuitem"
2020
- >5 per page</button>
2021
- </li>
2022
- <li role="none">
2023
- <button
2024
- class="pf-v6-c-options-menu__menu-item"
2025
- type="button"
2026
- role="menuitem"
2027
- >
2028
- 10 per page
2029
- <div class="pf-v6-c-options-menu__menu-item-icon">
2030
- <i class="fas fa-check" aria-hidden="true"></i>
2031
- </div>
2032
- </button>
2033
- </li>
2034
- <li role="none">
2035
- <button
2036
- class="pf-v6-c-options-menu__menu-item"
2037
- type="button"
2038
- role="menuitem"
2039
- >20 per page</button>
2040
- </li>
2041
- </ul>
2042
- </div>
1842
+ </span>
1843
+ </span>
1844
+ </button>
2043
1845
  </div>
2044
1846
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
2045
1847
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -2583,56 +2385,23 @@ section: components
2583
2385
  class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2584
2386
  >
2585
2387
  <div class="pf-v6-c-pagination__page-menu">
2586
- <div class="pf-v6-c-options-menu">
2587
- <button
2588
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
2589
- type="button"
2590
- id="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
2591
- aria-haspopup="listbox"
2592
- aria-expanded="false"
2593
- >
2594
- <span class="pf-v6-c-options-menu__toggle-text">
2595
- <b>1 - 10</b>&nbsp;of&nbsp;
2596
- <b>36</b>
2597
- </span>
2598
- <div class="pf-v6-c-options-menu__toggle-icon">
2388
+ <button
2389
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2390
+ type="button"
2391
+ aria-expanded="false"
2392
+ aria-label="Menu toggle"
2393
+ id="toolbar-pagination-management-example-toolbar-pagination-menu-toggle"
2394
+ >
2395
+ <span class="pf-v6-c-menu-toggle__text">
2396
+ <b>1 - 10</b>&nbsp;of&nbsp;
2397
+ <b>36</b>
2398
+ </span>
2399
+ <span class="pf-v6-c-menu-toggle__controls">
2400
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2599
2401
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2600
- </div>
2601
- </button>
2602
- <ul
2603
- class="pf-v6-c-options-menu__menu"
2604
- role="menu"
2605
- aria-labelledby="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
2606
- hidden
2607
- >
2608
- <li role="none">
2609
- <button
2610
- class="pf-v6-c-options-menu__menu-item"
2611
- type="button"
2612
- role="menuitem"
2613
- >5 per page</button>
2614
- </li>
2615
- <li role="none">
2616
- <button
2617
- class="pf-v6-c-options-menu__menu-item"
2618
- type="button"
2619
- role="menuitem"
2620
- >
2621
- 10 per page
2622
- <div class="pf-v6-c-options-menu__menu-item-icon">
2623
- <i class="fas fa-check" aria-hidden="true"></i>
2624
- </div>
2625
- </button>
2626
- </li>
2627
- <li role="none">
2628
- <button
2629
- class="pf-v6-c-options-menu__menu-item"
2630
- type="button"
2631
- role="menuitem"
2632
- >20 per page</button>
2633
- </li>
2634
- </ul>
2635
- </div>
2402
+ </span>
2403
+ </span>
2404
+ </button>
2636
2405
  </div>
2637
2406
  <nav
2638
2407
  class="pf-v6-c-pagination__nav"
@@ -3098,56 +2867,23 @@ section: components
3098
2867
  </table>
3099
2868
  <div class="pf-v6-c-pagination pf-m-bottom">
3100
2869
  <div class="pf-v6-c-pagination__page-menu">
3101
- <div class="pf-v6-c-options-menu pf-m-top">
3102
- <button
3103
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
3104
- type="button"
3105
- id="pagination-options-menu-bottom-collapsed-example-toggle"
3106
- aria-haspopup="listbox"
3107
- aria-expanded="false"
3108
- >
3109
- <span class="pf-v6-c-options-menu__toggle-text">
3110
- <b>1 - 10</b>&nbsp;of&nbsp;
3111
- <b>36</b>
3112
- </span>
3113
- <div class="pf-v6-c-options-menu__toggle-icon">
2870
+ <button
2871
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
2872
+ type="button"
2873
+ aria-expanded="false"
2874
+ aria-label="Menu toggle"
2875
+ id="pagination-menu-toggle-bottom-collapsed-example"
2876
+ >
2877
+ <span class="pf-v6-c-menu-toggle__text">
2878
+ <b>1 - 10</b>&nbsp;of&nbsp;
2879
+ <b>36</b>
2880
+ </span>
2881
+ <span class="pf-v6-c-menu-toggle__controls">
2882
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3114
2883
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3115
- </div>
3116
- </button>
3117
- <ul
3118
- class="pf-v6-c-options-menu__menu pf-m-top"
3119
- role="menu"
3120
- aria-labelledby="pagination-options-menu-bottom-collapsed-example-toggle"
3121
- hidden
3122
- >
3123
- <li role="none">
3124
- <button
3125
- class="pf-v6-c-options-menu__menu-item"
3126
- type="button"
3127
- role="menuitem"
3128
- >5 per page</button>
3129
- </li>
3130
- <li role="none">
3131
- <button
3132
- class="pf-v6-c-options-menu__menu-item"
3133
- type="button"
3134
- role="menuitem"
3135
- >
3136
- 10 per page
3137
- <div class="pf-v6-c-options-menu__menu-item-icon">
3138
- <i class="fas fa-check" aria-hidden="true"></i>
3139
- </div>
3140
- </button>
3141
- </li>
3142
- <li role="none">
3143
- <button
3144
- class="pf-v6-c-options-menu__menu-item"
3145
- type="button"
3146
- role="menuitem"
3147
- >20 per page</button>
3148
- </li>
3149
- </ul>
3150
- </div>
2884
+ </span>
2885
+ </span>
2886
+ </button>
3151
2887
  </div>
3152
2888
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
3153
2889
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.158",
4
+ "version": "6.0.0-alpha.159",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -18275,14 +18275,17 @@ ul.pf-v6-c-list {
18275
18275
  --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
18276
18276
  --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
18277
18277
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
18278
+ --pf-v6-c-pagination__page-menu--Display--base: block;
18278
18279
  --pf-v6-c-pagination__page-menu--Display: none;
18279
18280
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
18280
- --pf-v6-c-pagination--m-display-full__page-menu--Display: inline-flex;
18281
+ --pf-v6-c-pagination--m-display-full__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
18282
+ --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
18283
+ --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
18281
18284
  }
18282
18285
  @media screen and (min-width: 768px) {
18283
18286
  :where(:root, .pf-v6-c-pagination) {
18284
18287
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
18285
- --pf-v6-c-pagination__page-menu--Display: inline-flex;
18288
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
18286
18289
  --pf-v6-c-pagination__nav--Display: inline-flex;
18287
18290
  --pf-v6-c-pagination__total-items--Display: none;
18288
18291
  }
@@ -18329,7 +18332,7 @@ ul.pf-v6-c-list {
18329
18332
  }
18330
18333
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
18331
18334
  position: absolute;
18332
- display: block;
18335
+ display: var(--pf-v6-c-pagination--m-bottom__page-menu--Display);
18333
18336
  }
18334
18337
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
18335
18338
  display: flex;