@patternfly/patternfly 6.5.0-prerelease.46 → 6.5.0-prerelease.47

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 (80) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Card/card.css +1 -1
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/DualListSelector/dual-list-selector.css +1 -1
  10. package/components/DualListSelector/dual-list-selector.scss +1 -1
  11. package/components/ExpandableSection/expandable-section.css +2 -2
  12. package/components/ExpandableSection/expandable-section.scss +2 -2
  13. package/components/Form/form.css +1 -1
  14. package/components/Form/form.scss +1 -1
  15. package/components/JumpLinks/jump-links.css +1 -1
  16. package/components/JumpLinks/jump-links.scss +1 -1
  17. package/components/Nav/nav.css +1 -1
  18. package/components/Nav/nav.scss +1 -1
  19. package/components/NotificationDrawer/notification-drawer.css +1 -1
  20. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/Tabs/tabs.css +2 -2
  24. package/components/Tabs/tabs.scss +2 -2
  25. package/components/Toolbar/toolbar.css +1 -1
  26. package/components/Toolbar/toolbar.scss +1 -1
  27. package/components/TreeView/tree-view.css +1 -1
  28. package/components/TreeView/tree-view.scss +1 -1
  29. package/components/Wizard/wizard.css +1 -1
  30. package/components/Wizard/wizard.scss +1 -1
  31. package/components/_index.css +18 -18
  32. package/docs/components/Accordion/examples/Accordion.md +390 -30
  33. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  34. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  35. package/docs/components/Card/examples/Card.md +52 -4
  36. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  37. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  38. package/docs/components/DataList/examples/DataList.md +221 -17
  39. package/docs/components/DualListSelector/examples/DualListSelector.md +169 -13
  40. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  41. package/docs/components/Form/examples/Form.md +78 -6
  42. package/docs/components/Icon/examples/Icon.md +26 -2
  43. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  44. package/docs/components/Menu/examples/Menu.md +1456 -112
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
  46. package/docs/components/Nav/examples/Navigation.md +710 -62
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
  48. package/docs/components/Table/examples/Table.md +819 -63
  49. package/docs/components/Tabs/examples/Tabs.md +321 -213
  50. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  51. package/docs/components/Wizard/examples/Wizard.md +323 -59
  52. package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
  53. package/docs/demos/Alert/examples/Alert.md +117 -9
  54. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  55. package/docs/demos/Banner/examples/Banner.md +78 -6
  56. package/docs/demos/Card/examples/Card.md +230 -26
  57. package/docs/demos/CardView/examples/CardView.md +78 -6
  58. package/docs/demos/Compass/examples/Compass.md +71 -35
  59. package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
  60. package/docs/demos/DataList/examples/DataList.md +234 -18
  61. package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
  62. package/docs/demos/Drawer/examples/Drawer.md +141 -15
  63. package/docs/demos/Form/examples/BasicForms.md +143 -11
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
  65. package/docs/demos/Masthead/examples/Masthead.md +355 -31
  66. package/docs/demos/Modal/examples/Modal.md +234 -18
  67. package/docs/demos/Nav/examples/Nav.md +320 -32
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
  69. package/docs/demos/Page/examples/Page.md +546 -42
  70. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
  71. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  72. package/docs/demos/Table/examples/Table.md +702 -54
  73. package/docs/demos/Tabs/examples/Tabs.md +238 -22
  74. package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
  75. package/docs/demos/Wizard/examples/Wizard.md +621 -72
  76. package/package.json +1 -1
  77. package/patternfly-no-globals.css +18 -18
  78. package/patternfly.css +18 -18
  79. package/patternfly.min.css +1 -1
  80. package/patternfly.min.css.map +1 -1
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -249,21 +249,57 @@ section: components
249
249
  </li>
250
250
  <li class="pf-v6-c-breadcrumb__item">
251
251
  <span class="pf-v6-c-breadcrumb__item-divider">
252
- <i class="fas fa-angle-right" aria-hidden="true"></i>
252
+ <svg
253
+ class="pf-v6-svg"
254
+ viewBox="0 0 20 20"
255
+ fill="currentColor"
256
+ aria-hidden="true"
257
+ role="img"
258
+ width="1em"
259
+ height="1em"
260
+ >
261
+ <path
262
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
263
+ />
264
+ </svg>
253
265
  </span>
254
266
 
255
267
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
256
268
  </li>
257
269
  <li class="pf-v6-c-breadcrumb__item">
258
270
  <span class="pf-v6-c-breadcrumb__item-divider">
259
- <i class="fas fa-angle-right" aria-hidden="true"></i>
271
+ <svg
272
+ class="pf-v6-svg"
273
+ viewBox="0 0 20 20"
274
+ fill="currentColor"
275
+ aria-hidden="true"
276
+ role="img"
277
+ width="1em"
278
+ height="1em"
279
+ >
280
+ <path
281
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
282
+ />
283
+ </svg>
260
284
  </span>
261
285
 
262
286
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
263
287
  </li>
264
288
  <li class="pf-v6-c-breadcrumb__item">
265
289
  <span class="pf-v6-c-breadcrumb__item-divider">
266
- <i class="fas fa-angle-right" aria-hidden="true"></i>
290
+ <svg
291
+ class="pf-v6-svg"
292
+ viewBox="0 0 20 20"
293
+ fill="currentColor"
294
+ aria-hidden="true"
295
+ role="img"
296
+ width="1em"
297
+ height="1em"
298
+ >
299
+ <path
300
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
301
+ />
302
+ </svg>
267
303
  </span>
268
304
 
269
305
  <a
@@ -628,21 +664,57 @@ section: components
628
664
  </li>
629
665
  <li class="pf-v6-c-breadcrumb__item">
630
666
  <span class="pf-v6-c-breadcrumb__item-divider">
631
- <i class="fas fa-angle-right" aria-hidden="true"></i>
667
+ <svg
668
+ class="pf-v6-svg"
669
+ viewBox="0 0 20 20"
670
+ fill="currentColor"
671
+ aria-hidden="true"
672
+ role="img"
673
+ width="1em"
674
+ height="1em"
675
+ >
676
+ <path
677
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
678
+ />
679
+ </svg>
632
680
  </span>
633
681
 
634
682
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
635
683
  </li>
636
684
  <li class="pf-v6-c-breadcrumb__item">
637
685
  <span class="pf-v6-c-breadcrumb__item-divider">
638
- <i class="fas fa-angle-right" aria-hidden="true"></i>
686
+ <svg
687
+ class="pf-v6-svg"
688
+ viewBox="0 0 20 20"
689
+ fill="currentColor"
690
+ aria-hidden="true"
691
+ role="img"
692
+ width="1em"
693
+ height="1em"
694
+ >
695
+ <path
696
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
697
+ />
698
+ </svg>
639
699
  </span>
640
700
 
641
701
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
642
702
  </li>
643
703
  <li class="pf-v6-c-breadcrumb__item">
644
704
  <span class="pf-v6-c-breadcrumb__item-divider">
645
- <i class="fas fa-angle-right" aria-hidden="true"></i>
705
+ <svg
706
+ class="pf-v6-svg"
707
+ viewBox="0 0 20 20"
708
+ fill="currentColor"
709
+ aria-hidden="true"
710
+ role="img"
711
+ width="1em"
712
+ height="1em"
713
+ >
714
+ <path
715
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
716
+ />
717
+ </svg>
646
718
  </span>
647
719
 
648
720
  <a
@@ -1016,21 +1088,57 @@ section: components
1016
1088
  </li>
1017
1089
  <li class="pf-v6-c-breadcrumb__item">
1018
1090
  <span class="pf-v6-c-breadcrumb__item-divider">
1019
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1091
+ <svg
1092
+ class="pf-v6-svg"
1093
+ viewBox="0 0 20 20"
1094
+ fill="currentColor"
1095
+ aria-hidden="true"
1096
+ role="img"
1097
+ width="1em"
1098
+ height="1em"
1099
+ >
1100
+ <path
1101
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1102
+ />
1103
+ </svg>
1020
1104
  </span>
1021
1105
 
1022
1106
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1023
1107
  </li>
1024
1108
  <li class="pf-v6-c-breadcrumb__item">
1025
1109
  <span class="pf-v6-c-breadcrumb__item-divider">
1026
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1110
+ <svg
1111
+ class="pf-v6-svg"
1112
+ viewBox="0 0 20 20"
1113
+ fill="currentColor"
1114
+ aria-hidden="true"
1115
+ role="img"
1116
+ width="1em"
1117
+ height="1em"
1118
+ >
1119
+ <path
1120
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1121
+ />
1122
+ </svg>
1027
1123
  </span>
1028
1124
 
1029
1125
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1030
1126
  </li>
1031
1127
  <li class="pf-v6-c-breadcrumb__item">
1032
1128
  <span class="pf-v6-c-breadcrumb__item-divider">
1033
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1129
+ <svg
1130
+ class="pf-v6-svg"
1131
+ viewBox="0 0 20 20"
1132
+ fill="currentColor"
1133
+ aria-hidden="true"
1134
+ role="img"
1135
+ width="1em"
1136
+ height="1em"
1137
+ >
1138
+ <path
1139
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1140
+ />
1141
+ </svg>
1034
1142
  </span>
1035
1143
 
1036
1144
  <a
@@ -1394,21 +1502,57 @@ section: components
1394
1502
  </li>
1395
1503
  <li class="pf-v6-c-breadcrumb__item">
1396
1504
  <span class="pf-v6-c-breadcrumb__item-divider">
1397
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1505
+ <svg
1506
+ class="pf-v6-svg"
1507
+ viewBox="0 0 20 20"
1508
+ fill="currentColor"
1509
+ aria-hidden="true"
1510
+ role="img"
1511
+ width="1em"
1512
+ height="1em"
1513
+ >
1514
+ <path
1515
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1516
+ />
1517
+ </svg>
1398
1518
  </span>
1399
1519
 
1400
1520
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1401
1521
  </li>
1402
1522
  <li class="pf-v6-c-breadcrumb__item">
1403
1523
  <span class="pf-v6-c-breadcrumb__item-divider">
1404
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1524
+ <svg
1525
+ class="pf-v6-svg"
1526
+ viewBox="0 0 20 20"
1527
+ fill="currentColor"
1528
+ aria-hidden="true"
1529
+ role="img"
1530
+ width="1em"
1531
+ height="1em"
1532
+ >
1533
+ <path
1534
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1535
+ />
1536
+ </svg>
1405
1537
  </span>
1406
1538
 
1407
1539
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1408
1540
  </li>
1409
1541
  <li class="pf-v6-c-breadcrumb__item">
1410
1542
  <span class="pf-v6-c-breadcrumb__item-divider">
1411
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1543
+ <svg
1544
+ class="pf-v6-svg"
1545
+ viewBox="0 0 20 20"
1546
+ fill="currentColor"
1547
+ aria-hidden="true"
1548
+ role="img"
1549
+ width="1em"
1550
+ height="1em"
1551
+ >
1552
+ <path
1553
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1554
+ />
1555
+ </svg>
1412
1556
  </span>
1413
1557
 
1414
1558
  <a
@@ -1772,21 +1916,57 @@ section: components
1772
1916
  </li>
1773
1917
  <li class="pf-v6-c-breadcrumb__item">
1774
1918
  <span class="pf-v6-c-breadcrumb__item-divider">
1775
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1919
+ <svg
1920
+ class="pf-v6-svg"
1921
+ viewBox="0 0 20 20"
1922
+ fill="currentColor"
1923
+ aria-hidden="true"
1924
+ role="img"
1925
+ width="1em"
1926
+ height="1em"
1927
+ >
1928
+ <path
1929
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1930
+ />
1931
+ </svg>
1776
1932
  </span>
1777
1933
 
1778
1934
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1779
1935
  </li>
1780
1936
  <li class="pf-v6-c-breadcrumb__item">
1781
1937
  <span class="pf-v6-c-breadcrumb__item-divider">
1782
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1938
+ <svg
1939
+ class="pf-v6-svg"
1940
+ viewBox="0 0 20 20"
1941
+ fill="currentColor"
1942
+ aria-hidden="true"
1943
+ role="img"
1944
+ width="1em"
1945
+ height="1em"
1946
+ >
1947
+ <path
1948
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1949
+ />
1950
+ </svg>
1783
1951
  </span>
1784
1952
 
1785
1953
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1786
1954
  </li>
1787
1955
  <li class="pf-v6-c-breadcrumb__item">
1788
1956
  <span class="pf-v6-c-breadcrumb__item-divider">
1789
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1957
+ <svg
1958
+ class="pf-v6-svg"
1959
+ viewBox="0 0 20 20"
1960
+ fill="currentColor"
1961
+ aria-hidden="true"
1962
+ role="img"
1963
+ width="1em"
1964
+ height="1em"
1965
+ >
1966
+ <path
1967
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1968
+ />
1969
+ </svg>
1790
1970
  </span>
1791
1971
 
1792
1972
  <a
@@ -2150,21 +2330,57 @@ section: components
2150
2330
  </li>
2151
2331
  <li class="pf-v6-c-breadcrumb__item">
2152
2332
  <span class="pf-v6-c-breadcrumb__item-divider">
2153
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2333
+ <svg
2334
+ class="pf-v6-svg"
2335
+ viewBox="0 0 20 20"
2336
+ fill="currentColor"
2337
+ aria-hidden="true"
2338
+ role="img"
2339
+ width="1em"
2340
+ height="1em"
2341
+ >
2342
+ <path
2343
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2344
+ />
2345
+ </svg>
2154
2346
  </span>
2155
2347
 
2156
2348
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2157
2349
  </li>
2158
2350
  <li class="pf-v6-c-breadcrumb__item">
2159
2351
  <span class="pf-v6-c-breadcrumb__item-divider">
2160
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2352
+ <svg
2353
+ class="pf-v6-svg"
2354
+ viewBox="0 0 20 20"
2355
+ fill="currentColor"
2356
+ aria-hidden="true"
2357
+ role="img"
2358
+ width="1em"
2359
+ height="1em"
2360
+ >
2361
+ <path
2362
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2363
+ />
2364
+ </svg>
2161
2365
  </span>
2162
2366
 
2163
2367
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2164
2368
  </li>
2165
2369
  <li class="pf-v6-c-breadcrumb__item">
2166
2370
  <span class="pf-v6-c-breadcrumb__item-divider">
2167
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2371
+ <svg
2372
+ class="pf-v6-svg"
2373
+ viewBox="0 0 20 20"
2374
+ fill="currentColor"
2375
+ aria-hidden="true"
2376
+ role="img"
2377
+ width="1em"
2378
+ height="1em"
2379
+ >
2380
+ <path
2381
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2382
+ />
2383
+ </svg>
2168
2384
  </span>
2169
2385
 
2170
2386
  <a