@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/Alert/examples/Alert.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
@@ -683,21 +719,57 @@ section: components
683
719
  </li>
684
720
  <li class="pf-v6-c-breadcrumb__item">
685
721
  <span class="pf-v6-c-breadcrumb__item-divider">
686
- <i class="fas fa-angle-right" aria-hidden="true"></i>
722
+ <svg
723
+ class="pf-v6-svg"
724
+ viewBox="0 0 20 20"
725
+ fill="currentColor"
726
+ aria-hidden="true"
727
+ role="img"
728
+ width="1em"
729
+ height="1em"
730
+ >
731
+ <path
732
+ 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"
733
+ />
734
+ </svg>
687
735
  </span>
688
736
 
689
737
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
690
738
  </li>
691
739
  <li class="pf-v6-c-breadcrumb__item">
692
740
  <span class="pf-v6-c-breadcrumb__item-divider">
693
- <i class="fas fa-angle-right" aria-hidden="true"></i>
741
+ <svg
742
+ class="pf-v6-svg"
743
+ viewBox="0 0 20 20"
744
+ fill="currentColor"
745
+ aria-hidden="true"
746
+ role="img"
747
+ width="1em"
748
+ height="1em"
749
+ >
750
+ <path
751
+ 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"
752
+ />
753
+ </svg>
694
754
  </span>
695
755
 
696
756
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
697
757
  </li>
698
758
  <li class="pf-v6-c-breadcrumb__item">
699
759
  <span class="pf-v6-c-breadcrumb__item-divider">
700
- <i class="fas fa-angle-right" aria-hidden="true"></i>
760
+ <svg
761
+ class="pf-v6-svg"
762
+ viewBox="0 0 20 20"
763
+ fill="currentColor"
764
+ aria-hidden="true"
765
+ role="img"
766
+ width="1em"
767
+ height="1em"
768
+ >
769
+ <path
770
+ 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"
771
+ />
772
+ </svg>
701
773
  </span>
702
774
 
703
775
  <a
@@ -1184,21 +1256,57 @@ section: components
1184
1256
  </li>
1185
1257
  <li class="pf-v6-c-breadcrumb__item">
1186
1258
  <span class="pf-v6-c-breadcrumb__item-divider">
1187
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1259
+ <svg
1260
+ class="pf-v6-svg"
1261
+ viewBox="0 0 20 20"
1262
+ fill="currentColor"
1263
+ aria-hidden="true"
1264
+ role="img"
1265
+ width="1em"
1266
+ height="1em"
1267
+ >
1268
+ <path
1269
+ 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"
1270
+ />
1271
+ </svg>
1188
1272
  </span>
1189
1273
 
1190
1274
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1191
1275
  </li>
1192
1276
  <li class="pf-v6-c-breadcrumb__item">
1193
1277
  <span class="pf-v6-c-breadcrumb__item-divider">
1194
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1278
+ <svg
1279
+ class="pf-v6-svg"
1280
+ viewBox="0 0 20 20"
1281
+ fill="currentColor"
1282
+ aria-hidden="true"
1283
+ role="img"
1284
+ width="1em"
1285
+ height="1em"
1286
+ >
1287
+ <path
1288
+ 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"
1289
+ />
1290
+ </svg>
1195
1291
  </span>
1196
1292
 
1197
1293
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1198
1294
  </li>
1199
1295
  <li class="pf-v6-c-breadcrumb__item">
1200
1296
  <span class="pf-v6-c-breadcrumb__item-divider">
1201
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1297
+ <svg
1298
+ class="pf-v6-svg"
1299
+ viewBox="0 0 20 20"
1300
+ fill="currentColor"
1301
+ aria-hidden="true"
1302
+ role="img"
1303
+ width="1em"
1304
+ height="1em"
1305
+ >
1306
+ <path
1307
+ 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"
1308
+ />
1309
+ </svg>
1202
1310
  </span>
1203
1311
 
1204
1312
  <a
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -250,21 +250,57 @@ cssPrefix: pf-d-back-to-top
250
250
  </li>
251
251
  <li class="pf-v6-c-breadcrumb__item">
252
252
  <span class="pf-v6-c-breadcrumb__item-divider">
253
- <i class="fas fa-angle-right" aria-hidden="true"></i>
253
+ <svg
254
+ class="pf-v6-svg"
255
+ viewBox="0 0 20 20"
256
+ fill="currentColor"
257
+ aria-hidden="true"
258
+ role="img"
259
+ width="1em"
260
+ height="1em"
261
+ >
262
+ <path
263
+ 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"
264
+ />
265
+ </svg>
254
266
  </span>
255
267
 
256
268
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
257
269
  </li>
258
270
  <li class="pf-v6-c-breadcrumb__item">
259
271
  <span class="pf-v6-c-breadcrumb__item-divider">
260
- <i class="fas fa-angle-right" aria-hidden="true"></i>
272
+ <svg
273
+ class="pf-v6-svg"
274
+ viewBox="0 0 20 20"
275
+ fill="currentColor"
276
+ aria-hidden="true"
277
+ role="img"
278
+ width="1em"
279
+ height="1em"
280
+ >
281
+ <path
282
+ 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"
283
+ />
284
+ </svg>
261
285
  </span>
262
286
 
263
287
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
264
288
  </li>
265
289
  <li class="pf-v6-c-breadcrumb__item">
266
290
  <span class="pf-v6-c-breadcrumb__item-divider">
267
- <i class="fas fa-angle-right" aria-hidden="true"></i>
291
+ <svg
292
+ class="pf-v6-svg"
293
+ viewBox="0 0 20 20"
294
+ fill="currentColor"
295
+ aria-hidden="true"
296
+ role="img"
297
+ width="1em"
298
+ height="1em"
299
+ >
300
+ <path
301
+ 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"
302
+ />
303
+ </svg>
268
304
  </span>
269
305
 
270
306
  <a
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -269,21 +269,57 @@ wrapperTag: div
269
269
  </li>
270
270
  <li class="pf-v6-c-breadcrumb__item">
271
271
  <span class="pf-v6-c-breadcrumb__item-divider">
272
- <i class="fas fa-angle-right" aria-hidden="true"></i>
272
+ <svg
273
+ class="pf-v6-svg"
274
+ viewBox="0 0 20 20"
275
+ fill="currentColor"
276
+ aria-hidden="true"
277
+ role="img"
278
+ width="1em"
279
+ height="1em"
280
+ >
281
+ <path
282
+ 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"
283
+ />
284
+ </svg>
273
285
  </span>
274
286
 
275
287
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
276
288
  </li>
277
289
  <li class="pf-v6-c-breadcrumb__item">
278
290
  <span class="pf-v6-c-breadcrumb__item-divider">
279
- <i class="fas fa-angle-right" aria-hidden="true"></i>
291
+ <svg
292
+ class="pf-v6-svg"
293
+ viewBox="0 0 20 20"
294
+ fill="currentColor"
295
+ aria-hidden="true"
296
+ role="img"
297
+ width="1em"
298
+ height="1em"
299
+ >
300
+ <path
301
+ 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"
302
+ />
303
+ </svg>
280
304
  </span>
281
305
 
282
306
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
283
307
  </li>
284
308
  <li class="pf-v6-c-breadcrumb__item">
285
309
  <span class="pf-v6-c-breadcrumb__item-divider">
286
- <i class="fas fa-angle-right" aria-hidden="true"></i>
310
+ <svg
311
+ class="pf-v6-svg"
312
+ viewBox="0 0 20 20"
313
+ fill="currentColor"
314
+ aria-hidden="true"
315
+ role="img"
316
+ width="1em"
317
+ height="1em"
318
+ >
319
+ <path
320
+ 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"
321
+ />
322
+ </svg>
287
323
  </span>
288
324
 
289
325
  <a
@@ -738,21 +774,57 @@ wrapperTag: div
738
774
  </li>
739
775
  <li class="pf-v6-c-breadcrumb__item">
740
776
  <span class="pf-v6-c-breadcrumb__item-divider">
741
- <i class="fas fa-angle-right" aria-hidden="true"></i>
777
+ <svg
778
+ class="pf-v6-svg"
779
+ viewBox="0 0 20 20"
780
+ fill="currentColor"
781
+ aria-hidden="true"
782
+ role="img"
783
+ width="1em"
784
+ height="1em"
785
+ >
786
+ <path
787
+ 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"
788
+ />
789
+ </svg>
742
790
  </span>
743
791
 
744
792
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
745
793
  </li>
746
794
  <li class="pf-v6-c-breadcrumb__item">
747
795
  <span class="pf-v6-c-breadcrumb__item-divider">
748
- <i class="fas fa-angle-right" aria-hidden="true"></i>
796
+ <svg
797
+ class="pf-v6-svg"
798
+ viewBox="0 0 20 20"
799
+ fill="currentColor"
800
+ aria-hidden="true"
801
+ role="img"
802
+ width="1em"
803
+ height="1em"
804
+ >
805
+ <path
806
+ 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"
807
+ />
808
+ </svg>
749
809
  </span>
750
810
 
751
811
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
752
812
  </li>
753
813
  <li class="pf-v6-c-breadcrumb__item">
754
814
  <span class="pf-v6-c-breadcrumb__item-divider">
755
- <i class="fas fa-angle-right" aria-hidden="true"></i>
815
+ <svg
816
+ class="pf-v6-svg"
817
+ viewBox="0 0 20 20"
818
+ fill="currentColor"
819
+ aria-hidden="true"
820
+ role="img"
821
+ width="1em"
822
+ height="1em"
823
+ >
824
+ <path
825
+ 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"
826
+ />
827
+ </svg>
756
828
  </span>
757
829
 
758
830
  <a