@patternfly/patternfly 5.0.0-alpha.53 → 5.0.0-alpha.55

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 (49) hide show
  1. package/components/FormControl/form-control.css +164 -214
  2. package/components/FormControl/form-control.scss +175 -281
  3. package/components/FormControl/themes/dark/form-control.scss +1 -2
  4. package/components/NumberInput/number-input.css +0 -1
  5. package/components/NumberInput/number-input.scss +0 -1
  6. package/components/Table/table-grid.css +380 -391
  7. package/components/Table/table-grid.scss +97 -92
  8. package/components/Table/table-tree-view.css +254 -254
  9. package/components/Table/table-tree-view.scss +30 -30
  10. package/components/Table/table.css +232 -232
  11. package/components/Table/table.scss +265 -255
  12. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -28
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +52 -46
  14. package/docs/components/DatePicker/examples/DatePicker.md +55 -49
  15. package/docs/components/FileUpload/examples/FileUpload.md +105 -93
  16. package/docs/components/Form/examples/Form.md +165 -145
  17. package/docs/components/FormControl/examples/FormControl.md +439 -475
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +137 -104
  19. package/docs/components/InputGroup/examples/InputGroup.md +84 -74
  20. package/docs/components/Login/examples/Login.md +92 -82
  21. package/docs/components/NumberInput/examples/NumberInput.md +99 -87
  22. package/docs/components/Pagination/examples/Pagination.md +100 -89
  23. package/docs/components/Select/examples/Select.md +77 -68
  24. package/docs/components/Slider/examples/Slider.md +31 -44
  25. package/docs/components/Table/examples/Table.md +6839 -3703
  26. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -52
  27. package/docs/components/Toolbar/examples/Toolbar.md +18 -16
  28. package/docs/components/Wizard/examples/Wizard.md +280 -245
  29. package/docs/demos/Alert/examples/Alert.md +69 -57
  30. package/docs/demos/Button/examples/Button.md +54 -48
  31. package/docs/demos/Card/examples/Card.md +73 -34
  32. package/docs/demos/CardView/examples/CardView.md +9 -8
  33. package/docs/demos/DataList/examples/DataList.md +223 -84
  34. package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -23
  35. package/docs/demos/Form/examples/BasicForms.md +247 -227
  36. package/docs/demos/HelperText/examples/HelperText.md +37 -33
  37. package/docs/demos/Modal/examples/Modal.md +14 -21
  38. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -10
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -40
  40. package/docs/demos/Table/examples/Table.md +2765 -1397
  41. package/docs/demos/Tabs/examples/Tabs.md +203 -50
  42. package/docs/demos/Toolbar/examples/Toolbar.md +300 -137
  43. package/docs/demos/Wizard/examples/Wizard.md +448 -392
  44. package/package.json +3 -3
  45. package/patternfly-no-globals.css +1027 -1089
  46. package/patternfly.css +1027 -1089
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/docs/components/FormControl/examples/FormControl.css +0 -5
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -1287,14 +1287,15 @@ section: components
1287
1287
  aria-label="search filter"
1288
1288
  role="group"
1289
1289
  >
1290
- <input
1291
- class="pf-v5-c-form-control"
1292
- type="text"
1293
- value="2020-03-05"
1294
- id="toolbar-with-validation-example-helper-text-input"
1295
- name="toolbar-with-validation-example-helper-text-input"
1296
- aria-label="Date picker"
1297
- />
1290
+ <div class="pf-v5-c-form-control">
1291
+ <input
1292
+ type="text"
1293
+ value="2020-03-05"
1294
+ id="toolbar-with-validation-example-helper-text-input"
1295
+ name="toolbar-with-validation-example-helper-text-input"
1296
+ aria-label="Date picker"
1297
+ />
1298
+ </div>
1298
1299
  <button
1299
1300
  class="pf-v5-c-button pf-m-control"
1300
1301
  type="button"
@@ -1321,15 +1322,16 @@ section: components
1321
1322
  aria-label="search filter"
1322
1323
  role="group"
1323
1324
  >
1324
- <input
1325
- class="pf-v5-c-form-control"
1326
- aria-invalid="true"
1327
- type="text"
1328
- value="2020-03-05"
1329
- id="toolbar-with-validation-example-invalid-input"
1330
- name="toolbar-with-validation-example-invalid-input"
1331
- aria-label="Date picker"
1332
- />
1325
+ <div class="pf-v5-c-form-control">
1326
+ <input
1327
+ aria-invalid="true"
1328
+ type="text"
1329
+ value="2020-03-05"
1330
+ id="toolbar-with-validation-example-invalid-input"
1331
+ name="toolbar-with-validation-example-invalid-input"
1332
+ aria-label="Date picker"
1333
+ />
1334
+ </div>
1333
1335
  <button
1334
1336
  class="pf-v5-c-button pf-m-control"
1335
1337
  type="button"
@@ -1467,22 +1469,42 @@ section: components
1467
1469
  aria-label="This is a table with checkboxes"
1468
1470
  id="-table-table"
1469
1471
  >
1470
- <thead>
1471
- <tr role="row">
1472
- <td></td>
1473
- <th role="columnheader" scope="col">Repositories</th>
1474
- <th role="columnheader" scope="col">Branches</th>
1475
- <th role="columnheader" scope="col">Pull requests</th>
1476
- <th role="columnheader" scope="col">Workspaces</th>
1477
- <th role="columnheader" scope="col">Last commit</th>
1478
- <td></td>
1479
- <td></td>
1472
+ <thead class="pf-v5-c-table__thead">
1473
+ <tr class="pf-v5-c-table__tr" role="row">
1474
+ <td class="pf-v5-c-table__td"></td>
1475
+ <th
1476
+ class="pf-v5-c-table__th"
1477
+ role="columnheader"
1478
+ scope="col"
1479
+ >Repositories</th>
1480
+ <th
1481
+ class="pf-v5-c-table__th"
1482
+ role="columnheader"
1483
+ scope="col"
1484
+ >Branches</th>
1485
+ <th
1486
+ class="pf-v5-c-table__th"
1487
+ role="columnheader"
1488
+ scope="col"
1489
+ >Pull requests</th>
1490
+ <th
1491
+ class="pf-v5-c-table__th"
1492
+ role="columnheader"
1493
+ scope="col"
1494
+ >Workspaces</th>
1495
+ <th
1496
+ class="pf-v5-c-table__th"
1497
+ role="columnheader"
1498
+ scope="col"
1499
+ >Last commit</th>
1500
+ <td class="pf-v5-c-table__td"></td>
1501
+ <td class="pf-v5-c-table__td"></td>
1480
1502
  </tr>
1481
1503
  </thead>
1482
1504
 
1483
- <tbody role="rowgroup">
1484
- <tr role="row">
1485
- <td class="pf-v5-c-table__check" role="cell">
1505
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
1506
+ <tr class="pf-v5-c-table__tr" role="row">
1507
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
1486
1508
  <div class="pf-v5-c-check pf-m-standalone">
1487
1509
  <input
1488
1510
  class="pf-v5-c-check__input"
@@ -1492,32 +1514,44 @@ section: components
1492
1514
  />
1493
1515
  </div>
1494
1516
  </td>
1495
- <th role="columnheader" data-label="Repository name">
1517
+ <th
1518
+ class="pf-v5-c-table__th"
1519
+ role="columnheader"
1520
+ data-label="Repository name"
1521
+ >
1496
1522
  <div>
1497
1523
  <div id="-table-table-node1">Node 1</div>
1498
1524
  <a href="#">siemur/test-space</a>
1499
1525
  </div>
1500
1526
  </th>
1501
- <td role="cell" data-label="Branches">
1527
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
1502
1528
  <span>
1503
1529
  <i class="fas fa-code-branch"></i> 10
1504
1530
  </span>
1505
1531
  </td>
1506
- <td role="cell" data-label="Pull requests">
1532
+ <td
1533
+ class="pf-v5-c-table__td"
1534
+ role="cell"
1535
+ data-label="Pull requests"
1536
+ >
1507
1537
  <span>
1508
1538
  <i class="fas fa-code"></i> 25
1509
1539
  </span>
1510
1540
  </td>
1511
- <td role="cell" data-label="Workspaces">
1541
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
1512
1542
  <span>
1513
1543
  <i class="fas fa-cube"></i> 5
1514
1544
  </span>
1515
1545
  </td>
1516
- <td role="cell" data-label="Last commit">2 days ago</td>
1517
- <td role="cell" data-label="Action">
1546
+ <td
1547
+ class="pf-v5-c-table__td"
1548
+ role="cell"
1549
+ data-label="Last commit"
1550
+ >2 days ago</td>
1551
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
1518
1552
  <a href="#">Action link</a>
1519
1553
  </td>
1520
- <td class="pf-v5-c-table__action" role="cell">
1554
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
1521
1555
  <div class="pf-v5-c-dropdown">
1522
1556
  <button
1523
1557
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -1569,8 +1603,8 @@ section: components
1569
1603
  </td>
1570
1604
  </tr>
1571
1605
 
1572
- <tr role="row">
1573
- <td class="pf-v5-c-table__check" role="cell">
1606
+ <tr class="pf-v5-c-table__tr" role="row">
1607
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
1574
1608
  <div class="pf-v5-c-check pf-m-standalone">
1575
1609
  <input
1576
1610
  class="pf-v5-c-check__input"
@@ -1580,32 +1614,44 @@ section: components
1580
1614
  />
1581
1615
  </div>
1582
1616
  </td>
1583
- <th role="columnheader" data-label="Repository name">
1617
+ <th
1618
+ class="pf-v5-c-table__th"
1619
+ role="columnheader"
1620
+ data-label="Repository name"
1621
+ >
1584
1622
  <div>
1585
1623
  <div id="-table-table-node2">Node 2</div>
1586
1624
  <a href="#">siemur/test-space</a>
1587
1625
  </div>
1588
1626
  </th>
1589
- <td role="cell" data-label="Branches">
1627
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
1590
1628
  <span>
1591
1629
  <i class="fas fa-code-branch"></i> 8
1592
1630
  </span>
1593
1631
  </td>
1594
- <td role="cell" data-label="Pull requests">
1632
+ <td
1633
+ class="pf-v5-c-table__td"
1634
+ role="cell"
1635
+ data-label="Pull requests"
1636
+ >
1595
1637
  <span>
1596
1638
  <i class="fas fa-code"></i> 30
1597
1639
  </span>
1598
1640
  </td>
1599
- <td role="cell" data-label="Workspaces">
1641
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
1600
1642
  <span>
1601
1643
  <i class="fas fa-cube"></i> 2
1602
1644
  </span>
1603
1645
  </td>
1604
- <td role="cell" data-label="Last commit">2 days ago</td>
1605
- <td role="cell" data-label="Action">
1646
+ <td
1647
+ class="pf-v5-c-table__td"
1648
+ role="cell"
1649
+ data-label="Last commit"
1650
+ >2 days ago</td>
1651
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
1606
1652
  <a href="#">Action link</a>
1607
1653
  </td>
1608
- <td class="pf-v5-c-table__action" role="cell">
1654
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
1609
1655
  <div class="pf-v5-c-dropdown">
1610
1656
  <button
1611
1657
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -1657,8 +1703,8 @@ section: components
1657
1703
  </td>
1658
1704
  </tr>
1659
1705
 
1660
- <tr role="row">
1661
- <td class="pf-v5-c-table__check" role="cell">
1706
+ <tr class="pf-v5-c-table__tr" role="row">
1707
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
1662
1708
  <div class="pf-v5-c-check pf-m-standalone">
1663
1709
  <input
1664
1710
  class="pf-v5-c-check__input"
@@ -1668,32 +1714,44 @@ section: components
1668
1714
  />
1669
1715
  </div>
1670
1716
  </td>
1671
- <th role="columnheader" data-label="Repository name">
1717
+ <th
1718
+ class="pf-v5-c-table__th"
1719
+ role="columnheader"
1720
+ data-label="Repository name"
1721
+ >
1672
1722
  <div>
1673
1723
  <div id="-table-table-node3">Node 3</div>
1674
1724
  <a href="#">siemur/test-space</a>
1675
1725
  </div>
1676
1726
  </th>
1677
- <td role="cell" data-label="Branches">
1727
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
1678
1728
  <span>
1679
1729
  <i class="fas fa-code-branch"></i> 12
1680
1730
  </span>
1681
1731
  </td>
1682
- <td role="cell" data-label="Pull requests">
1732
+ <td
1733
+ class="pf-v5-c-table__td"
1734
+ role="cell"
1735
+ data-label="Pull requests"
1736
+ >
1683
1737
  <span>
1684
1738
  <i class="fas fa-code"></i> 48
1685
1739
  </span>
1686
1740
  </td>
1687
- <td role="cell" data-label="Workspaces">
1741
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
1688
1742
  <span>
1689
1743
  <i class="fas fa-cube"></i> 13
1690
1744
  </span>
1691
1745
  </td>
1692
- <td role="cell" data-label="Last commit">30 days ago</td>
1693
- <td role="cell" data-label="Action">
1746
+ <td
1747
+ class="pf-v5-c-table__td"
1748
+ role="cell"
1749
+ data-label="Last commit"
1750
+ >30 days ago</td>
1751
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
1694
1752
  <a href="#">Action link</a>
1695
1753
  </td>
1696
- <td class="pf-v5-c-table__action" role="cell">
1754
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
1697
1755
  <div class="pf-v5-c-dropdown">
1698
1756
  <button
1699
1757
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -1745,8 +1803,8 @@ section: components
1745
1803
  </td>
1746
1804
  </tr>
1747
1805
 
1748
- <tr role="row">
1749
- <td class="pf-v5-c-table__check" role="cell">
1806
+ <tr class="pf-v5-c-table__tr" role="row">
1807
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
1750
1808
  <div class="pf-v5-c-check pf-m-standalone">
1751
1809
  <input
1752
1810
  class="pf-v5-c-check__input"
@@ -1756,32 +1814,44 @@ section: components
1756
1814
  />
1757
1815
  </div>
1758
1816
  </td>
1759
- <th role="columnheader" data-label="Repository name">
1817
+ <th
1818
+ class="pf-v5-c-table__th"
1819
+ role="columnheader"
1820
+ data-label="Repository name"
1821
+ >
1760
1822
  <div>
1761
1823
  <div id="-table-table-node4">Node 4</div>
1762
1824
  <a href="#">siemur/test-space</a>
1763
1825
  </div>
1764
1826
  </th>
1765
- <td role="cell" data-label="Branches">
1827
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
1766
1828
  <span>
1767
1829
  <i class="fas fa-code-branch"></i> 3
1768
1830
  </span>
1769
1831
  </td>
1770
- <td role="cell" data-label="Pull requests">
1832
+ <td
1833
+ class="pf-v5-c-table__td"
1834
+ role="cell"
1835
+ data-label="Pull requests"
1836
+ >
1771
1837
  <span>
1772
1838
  <i class="fas fa-code"></i> 8
1773
1839
  </span>
1774
1840
  </td>
1775
- <td role="cell" data-label="Workspaces">
1841
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
1776
1842
  <span>
1777
1843
  <i class="fas fa-cube"></i> 20
1778
1844
  </span>
1779
1845
  </td>
1780
- <td role="cell" data-label="Last commit">8 days ago</td>
1781
- <td role="cell" data-label="Action">
1846
+ <td
1847
+ class="pf-v5-c-table__td"
1848
+ role="cell"
1849
+ data-label="Last commit"
1850
+ >8 days ago</td>
1851
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
1782
1852
  <a href="#">Action link</a>
1783
1853
  </td>
1784
- <td class="pf-v5-c-table__action" role="cell">
1854
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
1785
1855
  <div class="pf-v5-c-dropdown">
1786
1856
  <button
1787
1857
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -1833,8 +1903,8 @@ section: components
1833
1903
  </td>
1834
1904
  </tr>
1835
1905
 
1836
- <tr role="row">
1837
- <td class="pf-v5-c-table__check" role="cell">
1906
+ <tr class="pf-v5-c-table__tr" role="row">
1907
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
1838
1908
  <div class="pf-v5-c-check pf-m-standalone">
1839
1909
  <input
1840
1910
  class="pf-v5-c-check__input"
@@ -1844,32 +1914,44 @@ section: components
1844
1914
  />
1845
1915
  </div>
1846
1916
  </td>
1847
- <td role="cell" data-label="Repository name">
1917
+ <td
1918
+ class="pf-v5-c-table__td"
1919
+ role="cell"
1920
+ data-label="Repository name"
1921
+ >
1848
1922
  <div>
1849
1923
  <div id="-table-table-node5">Node 5</div>
1850
1924
  <a href="#">siemur/test-space</a>
1851
1925
  </div>
1852
1926
  </td>
1853
- <td role="cell" data-label="Branches">
1927
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
1854
1928
  <span>
1855
1929
  <i class="fas fa-code-branch"></i> 34
1856
1930
  </span>
1857
1931
  </td>
1858
- <td role="cell" data-label="Pull requests">
1932
+ <td
1933
+ class="pf-v5-c-table__td"
1934
+ role="cell"
1935
+ data-label="Pull requests"
1936
+ >
1859
1937
  <span>
1860
1938
  <i class="fas fa-code"></i> 21
1861
1939
  </span>
1862
1940
  </td>
1863
- <td role="cell" data-label="Workspaces">
1941
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
1864
1942
  <span>
1865
1943
  <i class="fas fa-cube"></i> 26
1866
1944
  </span>
1867
1945
  </td>
1868
- <td role="cell" data-label="Last commit">2 days ago</td>
1869
- <td role="cell" data-label="Action">
1946
+ <td
1947
+ class="pf-v5-c-table__td"
1948
+ role="cell"
1949
+ data-label="Last commit"
1950
+ >2 days ago</td>
1951
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
1870
1952
  <a href="#">Action link</a>
1871
1953
  </td>
1872
- <td class="pf-v5-c-table__action" role="cell">
1954
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
1873
1955
  <div class="pf-v5-c-dropdown">
1874
1956
  <button
1875
1957
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -4700,22 +4782,42 @@ section: components
4700
4782
  aria-label="This is a table with checkboxes"
4701
4783
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table"
4702
4784
  >
4703
- <thead>
4704
- <tr role="row">
4705
- <td></td>
4706
- <th role="columnheader" scope="col">Repositories</th>
4707
- <th role="columnheader" scope="col">Branches</th>
4708
- <th role="columnheader" scope="col">Pull requests</th>
4709
- <th role="columnheader" scope="col">Workspaces</th>
4710
- <th role="columnheader" scope="col">Last commit</th>
4711
- <td></td>
4712
- <td></td>
4785
+ <thead class="pf-v5-c-table__thead">
4786
+ <tr class="pf-v5-c-table__tr" role="row">
4787
+ <td class="pf-v5-c-table__td"></td>
4788
+ <th
4789
+ class="pf-v5-c-table__th"
4790
+ role="columnheader"
4791
+ scope="col"
4792
+ >Repositories</th>
4793
+ <th
4794
+ class="pf-v5-c-table__th"
4795
+ role="columnheader"
4796
+ scope="col"
4797
+ >Branches</th>
4798
+ <th
4799
+ class="pf-v5-c-table__th"
4800
+ role="columnheader"
4801
+ scope="col"
4802
+ >Pull requests</th>
4803
+ <th
4804
+ class="pf-v5-c-table__th"
4805
+ role="columnheader"
4806
+ scope="col"
4807
+ >Workspaces</th>
4808
+ <th
4809
+ class="pf-v5-c-table__th"
4810
+ role="columnheader"
4811
+ scope="col"
4812
+ >Last commit</th>
4813
+ <td class="pf-v5-c-table__td"></td>
4814
+ <td class="pf-v5-c-table__td"></td>
4713
4815
  </tr>
4714
4816
  </thead>
4715
4817
 
4716
- <tbody role="rowgroup">
4717
- <tr role="row">
4718
- <td class="pf-v5-c-table__check" role="cell">
4818
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
4819
+ <tr class="pf-v5-c-table__tr" role="row">
4820
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
4719
4821
  <div class="pf-v5-c-check pf-m-standalone">
4720
4822
  <input
4721
4823
  class="pf-v5-c-check__input"
@@ -4725,7 +4827,11 @@ section: components
4725
4827
  />
4726
4828
  </div>
4727
4829
  </td>
4728
- <th role="columnheader" data-label="Repository name">
4830
+ <th
4831
+ class="pf-v5-c-table__th"
4832
+ role="columnheader"
4833
+ data-label="Repository name"
4834
+ >
4729
4835
  <div>
4730
4836
  <div
4731
4837
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
@@ -4733,26 +4839,34 @@ section: components
4733
4839
  <a href="#">siemur/test-space</a>
4734
4840
  </div>
4735
4841
  </th>
4736
- <td role="cell" data-label="Branches">
4842
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
4737
4843
  <span>
4738
4844
  <i class="fas fa-code-branch"></i> 10
4739
4845
  </span>
4740
4846
  </td>
4741
- <td role="cell" data-label="Pull requests">
4847
+ <td
4848
+ class="pf-v5-c-table__td"
4849
+ role="cell"
4850
+ data-label="Pull requests"
4851
+ >
4742
4852
  <span>
4743
4853
  <i class="fas fa-code"></i> 25
4744
4854
  </span>
4745
4855
  </td>
4746
- <td role="cell" data-label="Workspaces">
4856
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
4747
4857
  <span>
4748
4858
  <i class="fas fa-cube"></i> 5
4749
4859
  </span>
4750
4860
  </td>
4751
- <td role="cell" data-label="Last commit">2 days ago</td>
4752
- <td role="cell" data-label="Action">
4861
+ <td
4862
+ class="pf-v5-c-table__td"
4863
+ role="cell"
4864
+ data-label="Last commit"
4865
+ >2 days ago</td>
4866
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
4753
4867
  <a href="#">Action link</a>
4754
4868
  </td>
4755
- <td class="pf-v5-c-table__action" role="cell">
4869
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
4756
4870
  <div class="pf-v5-c-dropdown">
4757
4871
  <button
4758
4872
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -4804,8 +4918,8 @@ section: components
4804
4918
  </td>
4805
4919
  </tr>
4806
4920
 
4807
- <tr role="row">
4808
- <td class="pf-v5-c-table__check" role="cell">
4921
+ <tr class="pf-v5-c-table__tr" role="row">
4922
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
4809
4923
  <div class="pf-v5-c-check pf-m-standalone">
4810
4924
  <input
4811
4925
  class="pf-v5-c-check__input"
@@ -4815,7 +4929,11 @@ section: components
4815
4929
  />
4816
4930
  </div>
4817
4931
  </td>
4818
- <th role="columnheader" data-label="Repository name">
4932
+ <th
4933
+ class="pf-v5-c-table__th"
4934
+ role="columnheader"
4935
+ data-label="Repository name"
4936
+ >
4819
4937
  <div>
4820
4938
  <div
4821
4939
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
@@ -4823,26 +4941,34 @@ section: components
4823
4941
  <a href="#">siemur/test-space</a>
4824
4942
  </div>
4825
4943
  </th>
4826
- <td role="cell" data-label="Branches">
4944
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
4827
4945
  <span>
4828
4946
  <i class="fas fa-code-branch"></i> 8
4829
4947
  </span>
4830
4948
  </td>
4831
- <td role="cell" data-label="Pull requests">
4949
+ <td
4950
+ class="pf-v5-c-table__td"
4951
+ role="cell"
4952
+ data-label="Pull requests"
4953
+ >
4832
4954
  <span>
4833
4955
  <i class="fas fa-code"></i> 30
4834
4956
  </span>
4835
4957
  </td>
4836
- <td role="cell" data-label="Workspaces">
4958
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
4837
4959
  <span>
4838
4960
  <i class="fas fa-cube"></i> 2
4839
4961
  </span>
4840
4962
  </td>
4841
- <td role="cell" data-label="Last commit">2 days ago</td>
4842
- <td role="cell" data-label="Action">
4963
+ <td
4964
+ class="pf-v5-c-table__td"
4965
+ role="cell"
4966
+ data-label="Last commit"
4967
+ >2 days ago</td>
4968
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
4843
4969
  <a href="#">Action link</a>
4844
4970
  </td>
4845
- <td class="pf-v5-c-table__action" role="cell">
4971
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
4846
4972
  <div class="pf-v5-c-dropdown">
4847
4973
  <button
4848
4974
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -4894,8 +5020,8 @@ section: components
4894
5020
  </td>
4895
5021
  </tr>
4896
5022
 
4897
- <tr role="row">
4898
- <td class="pf-v5-c-table__check" role="cell">
5023
+ <tr class="pf-v5-c-table__tr" role="row">
5024
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
4899
5025
  <div class="pf-v5-c-check pf-m-standalone">
4900
5026
  <input
4901
5027
  class="pf-v5-c-check__input"
@@ -4905,7 +5031,11 @@ section: components
4905
5031
  />
4906
5032
  </div>
4907
5033
  </td>
4908
- <th role="columnheader" data-label="Repository name">
5034
+ <th
5035
+ class="pf-v5-c-table__th"
5036
+ role="columnheader"
5037
+ data-label="Repository name"
5038
+ >
4909
5039
  <div>
4910
5040
  <div
4911
5041
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node3"
@@ -4913,26 +5043,34 @@ section: components
4913
5043
  <a href="#">siemur/test-space</a>
4914
5044
  </div>
4915
5045
  </th>
4916
- <td role="cell" data-label="Branches">
5046
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
4917
5047
  <span>
4918
5048
  <i class="fas fa-code-branch"></i> 12
4919
5049
  </span>
4920
5050
  </td>
4921
- <td role="cell" data-label="Pull requests">
5051
+ <td
5052
+ class="pf-v5-c-table__td"
5053
+ role="cell"
5054
+ data-label="Pull requests"
5055
+ >
4922
5056
  <span>
4923
5057
  <i class="fas fa-code"></i> 48
4924
5058
  </span>
4925
5059
  </td>
4926
- <td role="cell" data-label="Workspaces">
5060
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
4927
5061
  <span>
4928
5062
  <i class="fas fa-cube"></i> 13
4929
5063
  </span>
4930
5064
  </td>
4931
- <td role="cell" data-label="Last commit">30 days ago</td>
4932
- <td role="cell" data-label="Action">
5065
+ <td
5066
+ class="pf-v5-c-table__td"
5067
+ role="cell"
5068
+ data-label="Last commit"
5069
+ >30 days ago</td>
5070
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
4933
5071
  <a href="#">Action link</a>
4934
5072
  </td>
4935
- <td class="pf-v5-c-table__action" role="cell">
5073
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
4936
5074
  <div class="pf-v5-c-dropdown">
4937
5075
  <button
4938
5076
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -4984,8 +5122,8 @@ section: components
4984
5122
  </td>
4985
5123
  </tr>
4986
5124
 
4987
- <tr role="row">
4988
- <td class="pf-v5-c-table__check" role="cell">
5125
+ <tr class="pf-v5-c-table__tr" role="row">
5126
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
4989
5127
  <div class="pf-v5-c-check pf-m-standalone">
4990
5128
  <input
4991
5129
  class="pf-v5-c-check__input"
@@ -4995,7 +5133,11 @@ section: components
4995
5133
  />
4996
5134
  </div>
4997
5135
  </td>
4998
- <th role="columnheader" data-label="Repository name">
5136
+ <th
5137
+ class="pf-v5-c-table__th"
5138
+ role="columnheader"
5139
+ data-label="Repository name"
5140
+ >
4999
5141
  <div>
5000
5142
  <div
5001
5143
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node4"
@@ -5003,26 +5145,34 @@ section: components
5003
5145
  <a href="#">siemur/test-space</a>
5004
5146
  </div>
5005
5147
  </th>
5006
- <td role="cell" data-label="Branches">
5148
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
5007
5149
  <span>
5008
5150
  <i class="fas fa-code-branch"></i> 3
5009
5151
  </span>
5010
5152
  </td>
5011
- <td role="cell" data-label="Pull requests">
5153
+ <td
5154
+ class="pf-v5-c-table__td"
5155
+ role="cell"
5156
+ data-label="Pull requests"
5157
+ >
5012
5158
  <span>
5013
5159
  <i class="fas fa-code"></i> 8
5014
5160
  </span>
5015
5161
  </td>
5016
- <td role="cell" data-label="Workspaces">
5162
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
5017
5163
  <span>
5018
5164
  <i class="fas fa-cube"></i> 20
5019
5165
  </span>
5020
5166
  </td>
5021
- <td role="cell" data-label="Last commit">8 days ago</td>
5022
- <td role="cell" data-label="Action">
5167
+ <td
5168
+ class="pf-v5-c-table__td"
5169
+ role="cell"
5170
+ data-label="Last commit"
5171
+ >8 days ago</td>
5172
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
5023
5173
  <a href="#">Action link</a>
5024
5174
  </td>
5025
- <td class="pf-v5-c-table__action" role="cell">
5175
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
5026
5176
  <div class="pf-v5-c-dropdown">
5027
5177
  <button
5028
5178
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -5074,8 +5224,8 @@ section: components
5074
5224
  </td>
5075
5225
  </tr>
5076
5226
 
5077
- <tr role="row">
5078
- <td class="pf-v5-c-table__check" role="cell">
5227
+ <tr class="pf-v5-c-table__tr" role="row">
5228
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
5079
5229
  <div class="pf-v5-c-check pf-m-standalone">
5080
5230
  <input
5081
5231
  class="pf-v5-c-check__input"
@@ -5085,7 +5235,11 @@ section: components
5085
5235
  />
5086
5236
  </div>
5087
5237
  </td>
5088
- <td role="cell" data-label="Repository name">
5238
+ <td
5239
+ class="pf-v5-c-table__td"
5240
+ role="cell"
5241
+ data-label="Repository name"
5242
+ >
5089
5243
  <div>
5090
5244
  <div
5091
5245
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
@@ -5093,26 +5247,34 @@ section: components
5093
5247
  <a href="#">siemur/test-space</a>
5094
5248
  </div>
5095
5249
  </td>
5096
- <td role="cell" data-label="Branches">
5250
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
5097
5251
  <span>
5098
5252
  <i class="fas fa-code-branch"></i> 34
5099
5253
  </span>
5100
5254
  </td>
5101
- <td role="cell" data-label="Pull requests">
5255
+ <td
5256
+ class="pf-v5-c-table__td"
5257
+ role="cell"
5258
+ data-label="Pull requests"
5259
+ >
5102
5260
  <span>
5103
5261
  <i class="fas fa-code"></i> 21
5104
5262
  </span>
5105
5263
  </td>
5106
- <td role="cell" data-label="Workspaces">
5264
+ <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
5107
5265
  <span>
5108
5266
  <i class="fas fa-cube"></i> 26
5109
5267
  </span>
5110
5268
  </td>
5111
- <td role="cell" data-label="Last commit">2 days ago</td>
5112
- <td role="cell" data-label="Action">
5269
+ <td
5270
+ class="pf-v5-c-table__td"
5271
+ role="cell"
5272
+ data-label="Last commit"
5273
+ >2 days ago</td>
5274
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
5113
5275
  <a href="#">Action link</a>
5114
5276
  </td>
5115
- <td class="pf-v5-c-table__action" role="cell">
5277
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
5116
5278
  <div class="pf-v5-c-dropdown">
5117
5279
  <button
5118
5280
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -5231,14 +5393,15 @@ section: components
5231
5393
  </button>
5232
5394
  </div>
5233
5395
  <div class="pf-v5-c-pagination__nav-page-select">
5234
- <input
5235
- class="pf-v5-c-form-control"
5236
- aria-label="Current page"
5237
- type="number"
5238
- min="1"
5239
- max="4"
5240
- value="1"
5241
- />
5396
+ <div class="pf-v5-c-form-control">
5397
+ <input
5398
+ aria-label="Current page"
5399
+ type="number"
5400
+ min="1"
5401
+ max="4"
5402
+ value="1"
5403
+ />
5404
+ </div>
5242
5405
  <span aria-hidden="true">of 4</span>
5243
5406
  </div>
5244
5407
  <div class="pf-v5-c-pagination__nav-control pf-m-next">