@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/JumpLinks/examples/JumpLinks.md CHANGED
@@ -252,21 +252,57 @@ section: components
252
252
  </li>
253
253
  <li class="pf-v6-c-breadcrumb__item">
254
254
  <span class="pf-v6-c-breadcrumb__item-divider">
255
- <i class="fas fa-angle-right" aria-hidden="true"></i>
255
+ <svg
256
+ class="pf-v6-svg"
257
+ viewBox="0 0 20 20"
258
+ fill="currentColor"
259
+ aria-hidden="true"
260
+ role="img"
261
+ width="1em"
262
+ height="1em"
263
+ >
264
+ <path
265
+ 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"
266
+ />
267
+ </svg>
256
268
  </span>
257
269
 
258
270
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
259
271
  </li>
260
272
  <li class="pf-v6-c-breadcrumb__item">
261
273
  <span class="pf-v6-c-breadcrumb__item-divider">
262
- <i class="fas fa-angle-right" aria-hidden="true"></i>
274
+ <svg
275
+ class="pf-v6-svg"
276
+ viewBox="0 0 20 20"
277
+ fill="currentColor"
278
+ aria-hidden="true"
279
+ role="img"
280
+ width="1em"
281
+ height="1em"
282
+ >
283
+ <path
284
+ 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"
285
+ />
286
+ </svg>
263
287
  </span>
264
288
 
265
289
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
266
290
  </li>
267
291
  <li class="pf-v6-c-breadcrumb__item">
268
292
  <span class="pf-v6-c-breadcrumb__item-divider">
269
- <i class="fas fa-angle-right" aria-hidden="true"></i>
293
+ <svg
294
+ class="pf-v6-svg"
295
+ viewBox="0 0 20 20"
296
+ fill="currentColor"
297
+ aria-hidden="true"
298
+ role="img"
299
+ width="1em"
300
+ height="1em"
301
+ >
302
+ <path
303
+ 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"
304
+ />
305
+ </svg>
270
306
  </span>
271
307
 
272
308
  <a
@@ -304,10 +340,19 @@ section: components
304
340
  >
305
341
  <span class="pf-v6-c-button__icon pf-m-start">
306
342
  <span class="pf-v6-c-jump-links__toggle-icon">
307
- <i
308
- class="fas fa-angle-right"
343
+ <svg
344
+ class="pf-v6-svg"
345
+ viewBox="0 0 20 20"
346
+ fill="currentColor"
309
347
  aria-hidden="true"
310
- ></i>
348
+ role="img"
349
+ width="1em"
350
+ height="1em"
351
+ >
352
+ <path
353
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
354
+ />
355
+ </svg>
311
356
  </span>
312
357
  </span>
313
358
  <span class="pf-v6-c-button__text">Jump to section</span>
@@ -686,21 +731,57 @@ section: components
686
731
  </li>
687
732
  <li class="pf-v6-c-breadcrumb__item">
688
733
  <span class="pf-v6-c-breadcrumb__item-divider">
689
- <i class="fas fa-angle-right" aria-hidden="true"></i>
734
+ <svg
735
+ class="pf-v6-svg"
736
+ viewBox="0 0 20 20"
737
+ fill="currentColor"
738
+ aria-hidden="true"
739
+ role="img"
740
+ width="1em"
741
+ height="1em"
742
+ >
743
+ <path
744
+ 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"
745
+ />
746
+ </svg>
690
747
  </span>
691
748
 
692
749
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
693
750
  </li>
694
751
  <li class="pf-v6-c-breadcrumb__item">
695
752
  <span class="pf-v6-c-breadcrumb__item-divider">
696
- <i class="fas fa-angle-right" aria-hidden="true"></i>
753
+ <svg
754
+ class="pf-v6-svg"
755
+ viewBox="0 0 20 20"
756
+ fill="currentColor"
757
+ aria-hidden="true"
758
+ role="img"
759
+ width="1em"
760
+ height="1em"
761
+ >
762
+ <path
763
+ 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"
764
+ />
765
+ </svg>
697
766
  </span>
698
767
 
699
768
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
700
769
  </li>
701
770
  <li class="pf-v6-c-breadcrumb__item">
702
771
  <span class="pf-v6-c-breadcrumb__item-divider">
703
- <i class="fas fa-angle-right" aria-hidden="true"></i>
772
+ <svg
773
+ class="pf-v6-svg"
774
+ viewBox="0 0 20 20"
775
+ fill="currentColor"
776
+ aria-hidden="true"
777
+ role="img"
778
+ width="1em"
779
+ height="1em"
780
+ >
781
+ <path
782
+ 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"
783
+ />
784
+ </svg>
704
785
  </span>
705
786
 
706
787
  <a
@@ -738,10 +819,19 @@ section: components
738
819
  >
739
820
  <span class="pf-v6-c-button__icon pf-m-start">
740
821
  <span class="pf-v6-c-jump-links__toggle-icon">
741
- <i
742
- class="fas fa-angle-right"
822
+ <svg
823
+ class="pf-v6-svg"
824
+ viewBox="0 0 20 20"
825
+ fill="currentColor"
743
826
  aria-hidden="true"
744
- ></i>
827
+ role="img"
828
+ width="1em"
829
+ height="1em"
830
+ >
831
+ <path
832
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
833
+ />
834
+ </svg>
745
835
  </span>
746
836
  </span>
747
837
  <span class="pf-v6-c-button__text">Jump to section</span>
@@ -1120,21 +1210,57 @@ section: components
1120
1210
  </li>
1121
1211
  <li class="pf-v6-c-breadcrumb__item">
1122
1212
  <span class="pf-v6-c-breadcrumb__item-divider">
1123
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1213
+ <svg
1214
+ class="pf-v6-svg"
1215
+ viewBox="0 0 20 20"
1216
+ fill="currentColor"
1217
+ aria-hidden="true"
1218
+ role="img"
1219
+ width="1em"
1220
+ height="1em"
1221
+ >
1222
+ <path
1223
+ 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"
1224
+ />
1225
+ </svg>
1124
1226
  </span>
1125
1227
 
1126
1228
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1127
1229
  </li>
1128
1230
  <li class="pf-v6-c-breadcrumb__item">
1129
1231
  <span class="pf-v6-c-breadcrumb__item-divider">
1130
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1232
+ <svg
1233
+ class="pf-v6-svg"
1234
+ viewBox="0 0 20 20"
1235
+ fill="currentColor"
1236
+ aria-hidden="true"
1237
+ role="img"
1238
+ width="1em"
1239
+ height="1em"
1240
+ >
1241
+ <path
1242
+ 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"
1243
+ />
1244
+ </svg>
1131
1245
  </span>
1132
1246
 
1133
1247
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1134
1248
  </li>
1135
1249
  <li class="pf-v6-c-breadcrumb__item">
1136
1250
  <span class="pf-v6-c-breadcrumb__item-divider">
1137
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1251
+ <svg
1252
+ class="pf-v6-svg"
1253
+ viewBox="0 0 20 20"
1254
+ fill="currentColor"
1255
+ aria-hidden="true"
1256
+ role="img"
1257
+ width="1em"
1258
+ height="1em"
1259
+ >
1260
+ <path
1261
+ 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"
1262
+ />
1263
+ </svg>
1138
1264
  </span>
1139
1265
 
1140
1266
  <a
@@ -1172,10 +1298,19 @@ section: components
1172
1298
  >
1173
1299
  <span class="pf-v6-c-button__icon pf-m-start">
1174
1300
  <span class="pf-v6-c-jump-links__toggle-icon">
1175
- <i
1176
- class="fas fa-angle-right"
1301
+ <svg
1302
+ class="pf-v6-svg"
1303
+ viewBox="0 0 20 20"
1304
+ fill="currentColor"
1177
1305
  aria-hidden="true"
1178
- ></i>
1306
+ role="img"
1307
+ width="1em"
1308
+ height="1em"
1309
+ >
1310
+ <path
1311
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1312
+ />
1313
+ </svg>
1179
1314
  </span>
1180
1315
  </span>
1181
1316
  <span class="pf-v6-c-button__text">Jump to section</span>
@@ -1551,21 +1686,57 @@ section: components
1551
1686
  </li>
1552
1687
  <li class="pf-v6-c-breadcrumb__item">
1553
1688
  <span class="pf-v6-c-breadcrumb__item-divider">
1554
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1689
+ <svg
1690
+ class="pf-v6-svg"
1691
+ viewBox="0 0 20 20"
1692
+ fill="currentColor"
1693
+ aria-hidden="true"
1694
+ role="img"
1695
+ width="1em"
1696
+ height="1em"
1697
+ >
1698
+ <path
1699
+ 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"
1700
+ />
1701
+ </svg>
1555
1702
  </span>
1556
1703
 
1557
1704
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1558
1705
  </li>
1559
1706
  <li class="pf-v6-c-breadcrumb__item">
1560
1707
  <span class="pf-v6-c-breadcrumb__item-divider">
1561
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1708
+ <svg
1709
+ class="pf-v6-svg"
1710
+ viewBox="0 0 20 20"
1711
+ fill="currentColor"
1712
+ aria-hidden="true"
1713
+ role="img"
1714
+ width="1em"
1715
+ height="1em"
1716
+ >
1717
+ <path
1718
+ 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"
1719
+ />
1720
+ </svg>
1562
1721
  </span>
1563
1722
 
1564
1723
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1565
1724
  </li>
1566
1725
  <li class="pf-v6-c-breadcrumb__item">
1567
1726
  <span class="pf-v6-c-breadcrumb__item-divider">
1568
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1727
+ <svg
1728
+ class="pf-v6-svg"
1729
+ viewBox="0 0 20 20"
1730
+ fill="currentColor"
1731
+ aria-hidden="true"
1732
+ role="img"
1733
+ width="1em"
1734
+ height="1em"
1735
+ >
1736
+ <path
1737
+ 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"
1738
+ />
1739
+ </svg>
1569
1740
  </span>
1570
1741
 
1571
1742
  <a
@@ -1943,10 +2114,19 @@ section: components
1943
2114
  >
1944
2115
  <span class="pf-v6-c-button__icon pf-m-start">
1945
2116
  <span class="pf-v6-c-jump-links__toggle-icon">
1946
- <i
1947
- class="fas fa-angle-right"
2117
+ <svg
2118
+ class="pf-v6-svg"
2119
+ viewBox="0 0 20 20"
2120
+ fill="currentColor"
1948
2121
  aria-hidden="true"
1949
- ></i>
2122
+ role="img"
2123
+ width="1em"
2124
+ height="1em"
2125
+ >
2126
+ <path
2127
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2128
+ />
2129
+ </svg>
1950
2130
  </span>
1951
2131
  </span>
1952
2132
  <span
@@ -2377,10 +2557,19 @@ section: components
2377
2557
  >
2378
2558
  <span class="pf-v6-c-button__icon pf-m-start">
2379
2559
  <span class="pf-v6-c-jump-links__toggle-icon">
2380
- <i
2381
- class="fas fa-angle-right"
2560
+ <svg
2561
+ class="pf-v6-svg"
2562
+ viewBox="0 0 20 20"
2563
+ fill="currentColor"
2382
2564
  aria-hidden="true"
2383
- ></i>
2565
+ role="img"
2566
+ width="1em"
2567
+ height="1em"
2568
+ >
2569
+ <path
2570
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2571
+ />
2572
+ </svg>
2384
2573
  </span>
2385
2574
  </span>
2386
2575
  <span