@patternfly/patternfly 6.6.0-prerelease.26 → 6.6.0-prerelease.28

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 (48) hide show
  1. package/components/Button/button.css +2 -3
  2. package/components/Button/button.scss +3 -4
  3. package/components/Label/label.css +9 -3
  4. package/components/Label/label.scss +9 -3
  5. package/components/_index.css +11 -6
  6. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  7. package/docs/components/DataList/examples/DataList.md +143 -11
  8. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  9. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  10. package/docs/components/DualListSelector/examples/DualListSelector.md +270 -54
  11. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  12. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  13. package/docs/components/Form/examples/Form.md +104 -8
  14. package/docs/components/FormControl/examples/FormControl.md +260 -20
  15. package/docs/components/HelperText/examples/HelperText.md +139 -11
  16. package/docs/components/Icon/examples/Icon.md +403 -31
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  18. package/docs/components/InputGroup/examples/InputGroup.md +19 -7
  19. package/docs/components/Label/examples/Label.md +4029 -765
  20. package/docs/components/List/examples/List.md +78 -6
  21. package/docs/components/Login/examples/Login.md +104 -8
  22. package/docs/components/Menu/examples/Menu.md +221 -17
  23. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  24. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  25. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  26. package/docs/components/Switch/examples/Switch.md +52 -4
  27. package/docs/components/Table/examples/Table.md +936 -72
  28. package/docs/components/TextInputGroup/examples/TextInputGroup.md +309 -81
  29. package/docs/components/Toolbar/examples/Toolbar.md +117 -9
  30. package/docs/components/TreeView/examples/TreeView.md +186 -18
  31. package/docs/components/Wizard/examples/Wizard.md +325 -25
  32. package/docs/demos/Alert/examples/Alert.md +149 -26
  33. package/docs/demos/Card/examples/Card.md +280 -34
  34. package/docs/demos/Dashboard/examples/Dashboard.md +72 -18
  35. package/docs/demos/DataList/examples/DataList.md +26 -2
  36. package/docs/demos/Form/examples/BasicForms.md +56 -8
  37. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  38. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +52 -4
  41. package/docs/demos/Table/examples/Table.md +247 -19
  42. package/docs/demos/Toolbar/examples/Toolbar.md +103 -10
  43. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +11 -6
  46. package/patternfly.css +11 -6
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -992,7 +992,19 @@ section: components
992
992
  />
993
993
  <span class="pf-v6-c-form-control__utilities">
994
994
  <span class="pf-v6-c-form-control__icon pf-m-status">
995
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
995
+ <svg
996
+ class="pf-v6-svg"
997
+ fill="currentColor"
998
+ viewBox="0 0 32 32"
999
+ aria-hidden="true"
1000
+ role="img"
1001
+ width="1em"
1002
+ height="1em"
1003
+ >
1004
+ <path
1005
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1006
+ />
1007
+ </svg>
996
1008
  </span>
997
1009
  </span>
998
1010
  </span>
@@ -1003,10 +1015,19 @@ section: components
1003
1015
  id="alert-horizontal-example-form-name-helper"
1004
1016
  >
1005
1017
  <span class="pf-v6-c-helper-text__item-icon">
1006
- <i
1007
- class="fas fa-fw fa-exclamation-circle"
1018
+ <svg
1019
+ class="pf-v6-svg"
1020
+ fill="currentColor"
1021
+ viewBox="0 0 32 32"
1008
1022
  aria-hidden="true"
1009
- ></i>
1023
+ role="img"
1024
+ width="1em"
1025
+ height="1em"
1026
+ >
1027
+ <path
1028
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1029
+ />
1030
+ </svg>
1010
1031
  </span>
1011
1032
  <span class="pf-v6-c-helper-text__item-text">
1012
1033
  <span class="pf-v6-screen-reader">Error:</span>
@@ -1061,7 +1082,19 @@ section: components
1061
1082
  />
1062
1083
  <span class="pf-v6-c-form-control__utilities">
1063
1084
  <span class="pf-v6-c-form-control__icon pf-m-status">
1064
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1085
+ <svg
1086
+ class="pf-v6-svg"
1087
+ fill="currentColor"
1088
+ viewBox="0 0 32 32"
1089
+ aria-hidden="true"
1090
+ role="img"
1091
+ width="1em"
1092
+ height="1em"
1093
+ >
1094
+ <path
1095
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1096
+ />
1097
+ </svg>
1065
1098
  </span>
1066
1099
  </span>
1067
1100
  </span>
@@ -1072,10 +1105,19 @@ section: components
1072
1105
  id="alert-horizontal-example-form-phone-helper"
1073
1106
  >
1074
1107
  <span class="pf-v6-c-helper-text__item-icon">
1075
- <i
1076
- class="fas fa-fw fa-exclamation-circle"
1108
+ <svg
1109
+ class="pf-v6-svg"
1110
+ fill="currentColor"
1111
+ viewBox="0 0 32 32"
1077
1112
  aria-hidden="true"
1078
- ></i>
1113
+ role="img"
1114
+ width="1em"
1115
+ height="1em"
1116
+ >
1117
+ <path
1118
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1119
+ />
1120
+ </svg>
1079
1121
  </span>
1080
1122
  <span class="pf-v6-c-helper-text__item-text">
1081
1123
  <span class="pf-v6-screen-reader">Error:</span>
@@ -1111,10 +1153,19 @@ section: components
1111
1153
  id="alert-horizontal-example-form-check-group-helper"
1112
1154
  >
1113
1155
  <span class="pf-v6-c-helper-text__item-icon">
1114
- <i
1115
- class="fas fa-fw fa-exclamation-circle"
1156
+ <svg
1157
+ class="pf-v6-svg"
1158
+ fill="currentColor"
1159
+ viewBox="0 0 32 32"
1116
1160
  aria-hidden="true"
1117
- ></i>
1161
+ role="img"
1162
+ width="1em"
1163
+ height="1em"
1164
+ >
1165
+ <path
1166
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1167
+ />
1168
+ </svg>
1118
1169
  </span>
1119
1170
  <span class="pf-v6-c-helper-text__item-text">
1120
1171
  <span class="pf-v6-screen-reader">Error:</span>
@@ -1604,7 +1655,19 @@ section: components
1604
1655
  />
1605
1656
  <span class="pf-v6-c-form-control__utilities">
1606
1657
  <span class="pf-v6-c-form-control__icon pf-m-status">
1607
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1658
+ <svg
1659
+ class="pf-v6-svg"
1660
+ fill="currentColor"
1661
+ viewBox="0 0 32 32"
1662
+ aria-hidden="true"
1663
+ role="img"
1664
+ width="1em"
1665
+ height="1em"
1666
+ >
1667
+ <path
1668
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1669
+ />
1670
+ </svg>
1608
1671
  </span>
1609
1672
  </span>
1610
1673
  </span>
@@ -1615,10 +1678,19 @@ section: components
1615
1678
  id="alert-stacked-example-form-name-helper"
1616
1679
  >
1617
1680
  <span class="pf-v6-c-helper-text__item-icon">
1618
- <i
1619
- class="fas fa-fw fa-exclamation-circle"
1681
+ <svg
1682
+ class="pf-v6-svg"
1683
+ fill="currentColor"
1684
+ viewBox="0 0 32 32"
1620
1685
  aria-hidden="true"
1621
- ></i>
1686
+ role="img"
1687
+ width="1em"
1688
+ height="1em"
1689
+ >
1690
+ <path
1691
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1692
+ />
1693
+ </svg>
1622
1694
  </span>
1623
1695
  <span class="pf-v6-c-helper-text__item-text">
1624
1696
  <span class="pf-v6-screen-reader">Error:</span>
@@ -1657,10 +1729,19 @@ section: components
1657
1729
  id="alert-stacked-example-form-email-helper"
1658
1730
  >
1659
1731
  <span class="pf-v6-c-helper-text__item-icon">
1660
- <i
1661
- class="fas fa-fw fa-exclamation-circle"
1732
+ <svg
1733
+ class="pf-v6-svg"
1734
+ fill="currentColor"
1735
+ viewBox="0 0 32 32"
1662
1736
  aria-hidden="true"
1663
- ></i>
1737
+ role="img"
1738
+ width="1em"
1739
+ height="1em"
1740
+ >
1741
+ <path
1742
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1743
+ />
1744
+ </svg>
1664
1745
  </span>
1665
1746
  <span class="pf-v6-c-helper-text__item-text">
1666
1747
  <span class="pf-v6-screen-reader">Error:</span>
@@ -1697,10 +1778,34 @@ section: components
1697
1778
  </select>
1698
1779
  <span class="pf-v6-c-form-control__utilities">
1699
1780
  <span class="pf-v6-c-form-control__icon pf-m-status">
1700
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1781
+ <svg
1782
+ class="pf-v6-svg"
1783
+ fill="currentColor"
1784
+ viewBox="0 0 32 32"
1785
+ aria-hidden="true"
1786
+ role="img"
1787
+ width="1em"
1788
+ height="1em"
1789
+ >
1790
+ <path
1791
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1792
+ />
1793
+ </svg>
1701
1794
  </span>
1702
1795
  <span class="pf-v6-c-form-control__toggle-icon">
1703
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1796
+ <svg
1797
+ class="pf-v6-svg"
1798
+ fill="currentColor"
1799
+ viewBox="0 0 32 32"
1800
+ aria-hidden="true"
1801
+ role="img"
1802
+ width="1em"
1803
+ height="1em"
1804
+ >
1805
+ <path
1806
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
1807
+ />
1808
+ </svg>
1704
1809
  </span>
1705
1810
  </span>
1706
1811
  </span>
@@ -1715,10 +1820,19 @@ section: components
1715
1820
  id="alert-stacked-example-form-state-helper"
1716
1821
  >
1717
1822
  <span class="pf-v6-c-helper-text__item-icon">
1718
- <i
1719
- class="fas fa-fw fa-exclamation-circle"
1823
+ <svg
1824
+ class="pf-v6-svg"
1825
+ fill="currentColor"
1826
+ viewBox="0 0 32 32"
1720
1827
  aria-hidden="true"
1721
- ></i>
1828
+ role="img"
1829
+ width="1em"
1830
+ height="1em"
1831
+ >
1832
+ <path
1833
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1834
+ />
1835
+ </svg>
1722
1836
  </span>
1723
1837
  <span class="pf-v6-c-helper-text__item-text">
1724
1838
  <span class="pf-v6-screen-reader">Error:</span>
@@ -1751,10 +1865,19 @@ section: components
1751
1865
  id="alert-stacked-example-form-check-group-helper"
1752
1866
  >
1753
1867
  <span class="pf-v6-c-helper-text__item-icon">
1754
- <i
1755
- class="fas fa-fw fa-exclamation-circle"
1868
+ <svg
1869
+ class="pf-v6-svg"
1870
+ fill="currentColor"
1871
+ viewBox="0 0 32 32"
1756
1872
  aria-hidden="true"
1757
- ></i>
1873
+ role="img"
1874
+ width="1em"
1875
+ height="1em"
1876
+ >
1877
+ <path
1878
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1879
+ />
1880
+ </svg>
1758
1881
  </span>
1759
1882
  <span class="pf-v6-c-helper-text__item-text">
1760
1883
  <span class="pf-v6-screen-reader">Error:</span>