@patternfly/patternfly 5.0.0-alpha.10 → 5.0.0-alpha.12

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 (54) hide show
  1. package/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_chart-globals.scss +0 -4
  7. package/base/patternfly-icons.css +5 -1
  8. package/base/patternfly-pf-icons.css +5 -1
  9. package/components/CalendarMonth/calendar-month.css +1 -1
  10. package/components/CalendarMonth/calendar-month.scss +1 -1
  11. package/components/ChipGroup/chip-group.css +1 -3
  12. package/components/ChipGroup/chip-group.scss +1 -4
  13. package/components/Content/content.css +6 -0
  14. package/components/Content/content.scss +8 -0
  15. package/components/Pagination/pagination.css +0 -108
  16. package/components/Pagination/pagination.scss +0 -6
  17. package/components/Popover/popover.css +1 -1
  18. package/components/Popover/themes/dark/popover.scss +1 -1
  19. package/components/Tabs/tabs.css +0 -4
  20. package/components/Tabs/tabs.scss +0 -7
  21. package/components/Tooltip/themes/dark/tooltip.scss +1 -8
  22. package/components/Tooltip/tooltip.css +7 -9
  23. package/components/Tooltip/tooltip.scss +6 -3
  24. package/docs/components/Check/examples/Check.md +2 -6
  25. package/docs/components/ChipGroup/examples/ChipGroup.md +10 -339
  26. package/docs/components/Content/examples/Content.md +28 -0
  27. package/docs/components/DataList/examples/DataList.md +104 -65
  28. package/docs/components/Dropdown/examples/Dropdown.md +73 -49
  29. package/docs/components/LabelGroup/examples/LabelGroup.md +2 -14
  30. package/docs/components/Menu/examples/Menu.md +1 -1
  31. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -4
  32. package/docs/components/Table/examples/Table.md +1117 -700
  33. package/docs/components/Tabs/examples/Tabs.md +102 -102
  34. package/docs/components/Toolbar/examples/Toolbar.md +48 -30
  35. package/docs/demos/Banner/examples/Banner.md +0 -1
  36. package/docs/demos/CardView/examples/CardView.md +8 -5
  37. package/docs/demos/DataList/examples/DataList.md +136 -85
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -1
  39. package/docs/demos/HelperText/examples/HelperText.md +0 -1
  40. package/docs/demos/Page/examples/Page.md +1 -1
  41. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +0 -1
  42. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +8 -5
  43. package/docs/demos/Table/examples/Table.md +421 -265
  44. package/docs/demos/Tabs/examples/Tabs.md +48 -30
  45. package/docs/demos/Toolbar/examples/Toolbar.md +80 -50
  46. package/docs/demos/Wizard/examples/Wizard.md +179 -171
  47. package/icons/pf-icons.json +1 -0
  48. package/package.json +5 -5
  49. package/patternfly-base-no-reset.css +5 -1
  50. package/patternfly-base.css +5 -1
  51. package/patternfly-no-reset.css +21 -127
  52. package/patternfly.css +21 -127
  53. package/patternfly.min.css +1 -1
  54. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -4465,11 +4465,14 @@ section: components
4465
4465
  <thead>
4466
4466
  <tr role="row">
4467
4467
  <td class="pf-c-table__check" role="cell">
4468
- <input
4469
- type="checkbox"
4470
- name="check-all"
4471
- aria-label="Select all rows"
4472
- />
4468
+ <div class="pf-c-check pf-m-standalone">
4469
+ <input
4470
+ class="pf-c-check__input"
4471
+ type="checkbox"
4472
+ name="check-all"
4473
+ aria-label="Select all rows"
4474
+ />
4475
+ </div>
4473
4476
  </td>
4474
4477
  <th role="columnheader" scope="col">Repositories</th>
4475
4478
  <th role="columnheader" scope="col">Branches</th>
@@ -4483,11 +4486,14 @@ section: components
4483
4486
  <tbody role="rowgroup">
4484
4487
  <tr role="row">
4485
4488
  <td class="pf-c-table__check" role="cell">
4486
- <input
4487
- type="checkbox"
4488
- name="checkrow1"
4489
- aria-labelledby="table-tabs-example-table-node1"
4490
- />
4489
+ <div class="pf-c-check pf-m-standalone">
4490
+ <input
4491
+ class="pf-c-check__input"
4492
+ type="checkbox"
4493
+ name="checkrow1"
4494
+ aria-labelledby="table-tabs-example-table-node1"
4495
+ />
4496
+ </div>
4491
4497
  </td>
4492
4498
  <th role="columnheader" data-label="Repository name">
4493
4499
  <div>
@@ -4555,11 +4561,14 @@ section: components
4555
4561
 
4556
4562
  <tr class="pf-m-selected" role="row">
4557
4563
  <td class="pf-c-table__check" role="cell">
4558
- <input
4559
- type="checkbox"
4560
- name="checkrow2"
4561
- aria-labelledby="table-tabs-example-table-node2"
4562
- />
4564
+ <div class="pf-c-check pf-m-standalone">
4565
+ <input
4566
+ class="pf-c-check__input"
4567
+ type="checkbox"
4568
+ name="checkrow2"
4569
+ aria-labelledby="table-tabs-example-table-node2"
4570
+ />
4571
+ </div>
4563
4572
  </td>
4564
4573
  <th role="columnheader" data-label="Repository name">
4565
4574
  <div>
@@ -4627,11 +4636,14 @@ section: components
4627
4636
 
4628
4637
  <tr role="row">
4629
4638
  <td class="pf-c-table__check" role="cell">
4630
- <input
4631
- type="checkbox"
4632
- name="checkrow3"
4633
- aria-labelledby="table-tabs-example-table-node3"
4634
- />
4639
+ <div class="pf-c-check pf-m-standalone">
4640
+ <input
4641
+ class="pf-c-check__input"
4642
+ type="checkbox"
4643
+ name="checkrow3"
4644
+ aria-labelledby="table-tabs-example-table-node3"
4645
+ />
4646
+ </div>
4635
4647
  </td>
4636
4648
  <th role="columnheader" data-label="Repository name">
4637
4649
  <div>
@@ -4699,11 +4711,14 @@ section: components
4699
4711
 
4700
4712
  <tr role="row">
4701
4713
  <td class="pf-c-table__check" role="cell">
4702
- <input
4703
- type="checkbox"
4704
- name="checkrow4"
4705
- aria-labelledby="table-tabs-example-table-node4"
4706
- />
4714
+ <div class="pf-c-check pf-m-standalone">
4715
+ <input
4716
+ class="pf-c-check__input"
4717
+ type="checkbox"
4718
+ name="checkrow4"
4719
+ aria-labelledby="table-tabs-example-table-node4"
4720
+ />
4721
+ </div>
4707
4722
  </td>
4708
4723
  <th role="columnheader" data-label="Repository name">
4709
4724
  <div>
@@ -4771,11 +4786,14 @@ section: components
4771
4786
 
4772
4787
  <tr role="row">
4773
4788
  <td class="pf-c-table__check" role="cell">
4774
- <input
4775
- type="checkbox"
4776
- name="checkrow5"
4777
- aria-labelledby="table-tabs-example-table-node5"
4778
- />
4789
+ <div class="pf-c-check pf-m-standalone">
4790
+ <input
4791
+ class="pf-c-check__input"
4792
+ type="checkbox"
4793
+ name="checkrow5"
4794
+ aria-labelledby="table-tabs-example-table-node5"
4795
+ />
4796
+ </div>
4779
4797
  </td>
4780
4798
  <td role="cell" data-label="Repository name">
4781
4799
  <div>
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -1387,11 +1387,14 @@ section: components
1387
1387
  <tbody role="rowgroup">
1388
1388
  <tr role="row">
1389
1389
  <td class="pf-c-table__check" role="cell">
1390
- <input
1391
- type="checkbox"
1392
- name="checkrow1"
1393
- aria-labelledby="-table-table-node1"
1394
- />
1390
+ <div class="pf-c-check pf-m-standalone">
1391
+ <input
1392
+ class="pf-c-check__input"
1393
+ type="checkbox"
1394
+ name="checkrow1"
1395
+ aria-labelledby="-table-table-node1"
1396
+ />
1397
+ </div>
1395
1398
  </td>
1396
1399
  <th role="columnheader" data-label="Repository name">
1397
1400
  <div>
@@ -1472,11 +1475,14 @@ section: components
1472
1475
 
1473
1476
  <tr role="row">
1474
1477
  <td class="pf-c-table__check" role="cell">
1475
- <input
1476
- type="checkbox"
1477
- name="checkrow2"
1478
- aria-labelledby="-table-table-node2"
1479
- />
1478
+ <div class="pf-c-check pf-m-standalone">
1479
+ <input
1480
+ class="pf-c-check__input"
1481
+ type="checkbox"
1482
+ name="checkrow2"
1483
+ aria-labelledby="-table-table-node2"
1484
+ />
1485
+ </div>
1480
1486
  </td>
1481
1487
  <th role="columnheader" data-label="Repository name">
1482
1488
  <div>
@@ -1557,11 +1563,14 @@ section: components
1557
1563
 
1558
1564
  <tr role="row">
1559
1565
  <td class="pf-c-table__check" role="cell">
1560
- <input
1561
- type="checkbox"
1562
- name="checkrow3"
1563
- aria-labelledby="-table-table-node3"
1564
- />
1566
+ <div class="pf-c-check pf-m-standalone">
1567
+ <input
1568
+ class="pf-c-check__input"
1569
+ type="checkbox"
1570
+ name="checkrow3"
1571
+ aria-labelledby="-table-table-node3"
1572
+ />
1573
+ </div>
1565
1574
  </td>
1566
1575
  <th role="columnheader" data-label="Repository name">
1567
1576
  <div>
@@ -1642,11 +1651,14 @@ section: components
1642
1651
 
1643
1652
  <tr role="row">
1644
1653
  <td class="pf-c-table__check" role="cell">
1645
- <input
1646
- type="checkbox"
1647
- name="checkrow4"
1648
- aria-labelledby="-table-table-node4"
1649
- />
1654
+ <div class="pf-c-check pf-m-standalone">
1655
+ <input
1656
+ class="pf-c-check__input"
1657
+ type="checkbox"
1658
+ name="checkrow4"
1659
+ aria-labelledby="-table-table-node4"
1660
+ />
1661
+ </div>
1650
1662
  </td>
1651
1663
  <th role="columnheader" data-label="Repository name">
1652
1664
  <div>
@@ -1727,11 +1739,14 @@ section: components
1727
1739
 
1728
1740
  <tr role="row">
1729
1741
  <td class="pf-c-table__check" role="cell">
1730
- <input
1731
- type="checkbox"
1732
- name="checkrow5"
1733
- aria-labelledby="-table-table-node5"
1734
- />
1742
+ <div class="pf-c-check pf-m-standalone">
1743
+ <input
1744
+ class="pf-c-check__input"
1745
+ type="checkbox"
1746
+ name="checkrow5"
1747
+ aria-labelledby="-table-table-node5"
1748
+ />
1749
+ </div>
1735
1750
  </td>
1736
1751
  <td role="cell" data-label="Repository name">
1737
1752
  <div>
@@ -4480,11 +4495,14 @@ section: components
4480
4495
  <tbody role="rowgroup">
4481
4496
  <tr role="row">
4482
4497
  <td class="pf-c-table__check" role="cell">
4483
- <input
4484
- type="checkbox"
4485
- name="checkrow1"
4486
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
4487
- />
4498
+ <div class="pf-c-check pf-m-standalone">
4499
+ <input
4500
+ class="pf-c-check__input"
4501
+ type="checkbox"
4502
+ name="checkrow1"
4503
+ aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
4504
+ />
4505
+ </div>
4488
4506
  </td>
4489
4507
  <th role="columnheader" data-label="Repository name">
4490
4508
  <div>
@@ -4567,11 +4585,14 @@ section: components
4567
4585
 
4568
4586
  <tr role="row">
4569
4587
  <td class="pf-c-table__check" role="cell">
4570
- <input
4571
- type="checkbox"
4572
- name="checkrow2"
4573
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
4574
- />
4588
+ <div class="pf-c-check pf-m-standalone">
4589
+ <input
4590
+ class="pf-c-check__input"
4591
+ type="checkbox"
4592
+ name="checkrow2"
4593
+ aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
4594
+ />
4595
+ </div>
4575
4596
  </td>
4576
4597
  <th role="columnheader" data-label="Repository name">
4577
4598
  <div>
@@ -4654,11 +4675,14 @@ section: components
4654
4675
 
4655
4676
  <tr role="row">
4656
4677
  <td class="pf-c-table__check" role="cell">
4657
- <input
4658
- type="checkbox"
4659
- name="checkrow3"
4660
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node3"
4661
- />
4678
+ <div class="pf-c-check pf-m-standalone">
4679
+ <input
4680
+ class="pf-c-check__input"
4681
+ type="checkbox"
4682
+ name="checkrow3"
4683
+ aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node3"
4684
+ />
4685
+ </div>
4662
4686
  </td>
4663
4687
  <th role="columnheader" data-label="Repository name">
4664
4688
  <div>
@@ -4741,11 +4765,14 @@ section: components
4741
4765
 
4742
4766
  <tr role="row">
4743
4767
  <td class="pf-c-table__check" role="cell">
4744
- <input
4745
- type="checkbox"
4746
- name="checkrow4"
4747
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node4"
4748
- />
4768
+ <div class="pf-c-check pf-m-standalone">
4769
+ <input
4770
+ class="pf-c-check__input"
4771
+ type="checkbox"
4772
+ name="checkrow4"
4773
+ aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node4"
4774
+ />
4775
+ </div>
4749
4776
  </td>
4750
4777
  <th role="columnheader" data-label="Repository name">
4751
4778
  <div>
@@ -4828,11 +4855,14 @@ section: components
4828
4855
 
4829
4856
  <tr role="row">
4830
4857
  <td class="pf-c-table__check" role="cell">
4831
- <input
4832
- type="checkbox"
4833
- name="checkrow5"
4834
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
4835
- />
4858
+ <div class="pf-c-check pf-m-standalone">
4859
+ <input
4860
+ class="pf-c-check__input"
4861
+ type="checkbox"
4862
+ name="checkrow5"
4863
+ aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
4864
+ />
4865
+ </div>
4836
4866
  </td>
4837
4867
  <td role="cell" data-label="Repository name">
4838
4868
  <div>