@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.
Files changed (17) hide show
  1. package/components/Pagination/pagination.css +7 -4
  2. package/components/Pagination/pagination.scss +9 -8
  3. package/docs/components/Pagination/examples/Pagination.md +182 -708
  4. package/docs/components/Toolbar/examples/Toolbar.md +30 -98
  5. package/docs/components/TreeView/examples/TreeView.md +615 -45
  6. package/docs/demos/CardView/examples/CardView.md +30 -98
  7. package/docs/demos/DataList/examples/DataList.md +120 -392
  8. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -302
  9. package/docs/demos/Table/examples/Table.md +345 -1127
  10. package/docs/demos/Toolbar/examples/Toolbar.md +120 -392
  11. package/package.json +5 -5
  12. package/patternfly-no-globals.css +7 -4
  13. package/patternfly-theme-dark-unversioned.css +7 -4
  14. package/patternfly.css +7 -4
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/docs/components/Pagination/examples/Pagination.css +0 -3
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -488,56 +488,22 @@ section: patterns
488
488
 
489
489
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
490
490
  <div class="pf-v5-c-pagination pf-m-compact">
491
- <div class="pf-v5-c-options-menu">
492
- <button
493
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
494
- type="button"
495
- id="card-view-basic-example-toolbar-top-pagination-toggle"
496
- aria-haspopup="listbox"
497
- aria-expanded="false"
498
- >
499
- <span class="pf-v5-c-options-menu__toggle-text">
500
- <b>1 - 10</b>&nbsp;of&nbsp;
501
- <b>36</b>
502
- </span>
503
- <div class="pf-v5-c-options-menu__toggle-icon">
491
+ <button
492
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
493
+ type="button"
494
+ aria-expanded="false"
495
+ id="card-view-basic-example-toolbar-top-pagination"
496
+ >
497
+ <span class="pf-v5-c-menu-toggle__text">
498
+ <b>1 - 10</b>&nbsp;of&nbsp;
499
+ <b>36</b>
500
+ </span>
501
+ <span class="pf-v5-c-menu-toggle__controls">
502
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
504
503
  <i class="fas fa-caret-down" aria-hidden="true"></i>
505
- </div>
506
- </button>
507
- <ul
508
- class="pf-v5-c-options-menu__menu"
509
- role="menu"
510
- aria-labelledby="card-view-basic-example-toolbar-top-pagination-toggle"
511
- hidden
512
- >
513
- <li role="none">
514
- <button
515
- class="pf-v5-c-options-menu__menu-item"
516
- type="button"
517
- role="menuitem"
518
- >5 per page</button>
519
- </li>
520
- <li role="none">
521
- <button
522
- class="pf-v5-c-options-menu__menu-item"
523
- type="button"
524
- role="menuitem"
525
- >
526
- 10 per page
527
- <div class="pf-v5-c-options-menu__menu-item-icon">
528
- <i class="fas fa-check" aria-hidden="true"></i>
529
- </div>
530
- </button>
531
- </li>
532
- <li role="none">
533
- <button
534
- class="pf-v5-c-options-menu__menu-item"
535
- type="button"
536
- role="menuitem"
537
- >20 per page</button>
538
- </li>
539
- </ul>
540
- </div>
504
+ </span>
505
+ </span>
506
+ </button>
541
507
  <nav
542
508
  class="pf-v5-c-pagination__nav"
543
509
  aria-label="Toolbar top pagination"
@@ -1518,56 +1484,22 @@ section: patterns
1518
1484
  class="pf-v5-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1519
1485
  >
1520
1486
  <div class="pf-v5-c-pagination pf-m-bottom">
1521
- <div class="pf-v5-c-options-menu pf-m-top">
1522
- <button
1523
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1524
- type="button"
1525
- id="pagination-options-menu-bottom-example-toggle"
1526
- aria-haspopup="listbox"
1527
- aria-expanded="false"
1528
- >
1529
- <span class="pf-v5-c-options-menu__toggle-text">
1530
- <b>1 - 10</b>&nbsp;of&nbsp;
1531
- <b>36</b>
1532
- </span>
1533
- <div class="pf-v5-c-options-menu__toggle-icon">
1487
+ <button
1488
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
1489
+ type="button"
1490
+ aria-expanded="false"
1491
+ id="pagination-menu-toggle-bottom-example"
1492
+ >
1493
+ <span class="pf-v5-c-menu-toggle__text">
1494
+ <b>1 - 10</b>&nbsp;of&nbsp;
1495
+ <b>36</b>
1496
+ </span>
1497
+ <span class="pf-v5-c-menu-toggle__controls">
1498
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1534
1499
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1535
- </div>
1536
- </button>
1537
- <ul
1538
- class="pf-v5-c-options-menu__menu pf-m-top"
1539
- role="menu"
1540
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
1541
- hidden
1542
- >
1543
- <li role="none">
1544
- <button
1545
- class="pf-v5-c-options-menu__menu-item"
1546
- type="button"
1547
- role="menuitem"
1548
- >5 per page</button>
1549
- </li>
1550
- <li role="none">
1551
- <button
1552
- class="pf-v5-c-options-menu__menu-item"
1553
- type="button"
1554
- role="menuitem"
1555
- >
1556
- 10 per page
1557
- <div class="pf-v5-c-options-menu__menu-item-icon">
1558
- <i class="fas fa-check" aria-hidden="true"></i>
1559
- </div>
1560
- </button>
1561
- </li>
1562
- <li role="none">
1563
- <button
1564
- class="pf-v5-c-options-menu__menu-item"
1565
- type="button"
1566
- role="menuitem"
1567
- >20 per page</button>
1568
- </li>
1569
- </ul>
1570
- </div>
1500
+ </span>
1501
+ </span>
1502
+ </button>
1571
1503
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
1572
1504
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
1573
1505
  <button