@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.31

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 (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +33 -5
  43. package/components/Button/button.scss +39 -7
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +412 -141
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +424 -151
  156. package/patternfly.css +424 -151
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
package/docs/components/Wizard/examples/Wizard.md CHANGED
@@ -68,7 +68,19 @@ wrapperTag: div
68
68
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
69
69
  </span>
70
70
  <span class="pf-v6-c-wizard__toggle-icon">
71
- <i class="fas fa-caret-down" aria-hidden="true"></i>
71
+ <svg
72
+ class="pf-v6-svg"
73
+ fill="currentColor"
74
+ viewBox="0 0 32 32"
75
+ aria-hidden="true"
76
+ role="img"
77
+ width="1em"
78
+ height="1em"
79
+ >
80
+ <path
81
+ 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"
82
+ />
83
+ </svg>
72
84
  </span>
73
85
  </button>
74
86
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -389,7 +401,19 @@ wrapperTag: div
389
401
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
390
402
  </span>
391
403
  <span class="pf-v6-c-wizard__toggle-icon">
392
- <i class="fas fa-caret-down" aria-hidden="true"></i>
404
+ <svg
405
+ class="pf-v6-svg"
406
+ fill="currentColor"
407
+ viewBox="0 0 32 32"
408
+ aria-hidden="true"
409
+ role="img"
410
+ width="1em"
411
+ height="1em"
412
+ >
413
+ <path
414
+ 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"
415
+ />
416
+ </svg>
393
417
  </span>
394
418
  </button>
395
419
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -710,7 +734,19 @@ wrapperTag: div
710
734
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
711
735
  </span>
712
736
  <span class="pf-v6-c-wizard__toggle-icon">
713
- <i class="fas fa-caret-down" aria-hidden="true"></i>
737
+ <svg
738
+ class="pf-v6-svg"
739
+ fill="currentColor"
740
+ viewBox="0 0 32 32"
741
+ aria-hidden="true"
742
+ role="img"
743
+ width="1em"
744
+ height="1em"
745
+ >
746
+ <path
747
+ 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"
748
+ />
749
+ </svg>
714
750
  </span>
715
751
  </button>
716
752
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -1074,7 +1110,19 @@ wrapperTag: div
1074
1110
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1075
1111
  </span>
1076
1112
  <span class="pf-v6-c-wizard__toggle-icon">
1077
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1113
+ <svg
1114
+ class="pf-v6-svg"
1115
+ fill="currentColor"
1116
+ viewBox="0 0 32 32"
1117
+ aria-hidden="true"
1118
+ role="img"
1119
+ width="1em"
1120
+ height="1em"
1121
+ >
1122
+ <path
1123
+ 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"
1124
+ />
1125
+ </svg>
1078
1126
  </span>
1079
1127
  </button>
1080
1128
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -1395,7 +1443,19 @@ wrapperTag: div
1395
1443
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1396
1444
  </span>
1397
1445
  <span class="pf-v6-c-wizard__toggle-icon">
1398
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1446
+ <svg
1447
+ class="pf-v6-svg"
1448
+ fill="currentColor"
1449
+ viewBox="0 0 32 32"
1450
+ aria-hidden="true"
1451
+ role="img"
1452
+ width="1em"
1453
+ height="1em"
1454
+ >
1455
+ <path
1456
+ 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"
1457
+ />
1458
+ </svg>
1399
1459
  </span>
1400
1460
  </button>
1401
1461
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -1716,7 +1776,19 @@ wrapperTag: div
1716
1776
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1717
1777
  </span>
1718
1778
  <span class="pf-v6-c-wizard__toggle-icon">
1719
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1779
+ <svg
1780
+ class="pf-v6-svg"
1781
+ fill="currentColor"
1782
+ viewBox="0 0 32 32"
1783
+ aria-hidden="true"
1784
+ role="img"
1785
+ width="1em"
1786
+ height="1em"
1787
+ >
1788
+ <path
1789
+ 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"
1790
+ />
1791
+ </svg>
1720
1792
  </span>
1721
1793
  </button>
1722
1794
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -1910,7 +1982,19 @@ wrapperTag: div
1910
1982
  <span class="pf-v6-c-wizard__toggle-list">
1911
1983
  <span class="pf-v6-c-wizard__toggle-list-item pf-m-danger">
1912
1984
  <span class="pf-v6-c-wizard__toggle-status-icon">
1913
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1985
+ <svg
1986
+ class="pf-v6-svg"
1987
+ fill="currentColor"
1988
+ viewBox="0 0 32 32"
1989
+ aria-hidden="true"
1990
+ role="img"
1991
+ width="1em"
1992
+ height="1em"
1993
+ >
1994
+ <path
1995
+ 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"
1996
+ />
1997
+ </svg>
1914
1998
  </span>
1915
1999
  Configuration
1916
2000
  <span class="pf-v6-c-wizard__toggle-separator">
@@ -1932,7 +2016,19 @@ wrapperTag: div
1932
2016
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1933
2017
  </span>
1934
2018
  <span class="pf-v6-c-wizard__toggle-icon">
1935
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2019
+ <svg
2020
+ class="pf-v6-svg"
2021
+ fill="currentColor"
2022
+ viewBox="0 0 32 32"
2023
+ aria-hidden="true"
2024
+ role="img"
2025
+ width="1em"
2026
+ height="1em"
2027
+ >
2028
+ <path
2029
+ 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"
2030
+ />
2031
+ </svg>
1936
2032
  </span>
1937
2033
  </button>
1938
2034
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -1953,7 +2049,19 @@ wrapperTag: div
1953
2049
  aria-expanded="true"
1954
2050
  >
1955
2051
  <span class="pf-v6-c-wizard__nav-link-status-icon">
1956
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2052
+ <svg
2053
+ class="pf-v6-svg"
2054
+ fill="currentColor"
2055
+ viewBox="0 0 32 32"
2056
+ aria-hidden="true"
2057
+ role="img"
2058
+ width="1em"
2059
+ height="1em"
2060
+ >
2061
+ <path
2062
+ 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"
2063
+ />
2064
+ </svg>
1957
2065
  </span>
1958
2066
  <span class="pf-v6-c-wizard__nav-link-main">
1959
2067
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
@@ -2236,7 +2344,19 @@ wrapperTag: div
2236
2344
  <span class="pf-v6-c-wizard__toggle-list">
2237
2345
  <span class="pf-v6-c-wizard__toggle-list-item pf-m-danger">
2238
2346
  <span class="pf-v6-c-wizard__toggle-status-icon">
2239
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2347
+ <svg
2348
+ class="pf-v6-svg"
2349
+ fill="currentColor"
2350
+ viewBox="0 0 32 32"
2351
+ aria-hidden="true"
2352
+ role="img"
2353
+ width="1em"
2354
+ height="1em"
2355
+ >
2356
+ <path
2357
+ 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"
2358
+ />
2359
+ </svg>
2240
2360
  </span>
2241
2361
  Configuration
2242
2362
  <span class="pf-v6-c-wizard__toggle-separator">
@@ -2258,7 +2378,19 @@ wrapperTag: div
2258
2378
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
2259
2379
  </span>
2260
2380
  <span class="pf-v6-c-wizard__toggle-icon">
2261
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2381
+ <svg
2382
+ class="pf-v6-svg"
2383
+ fill="currentColor"
2384
+ viewBox="0 0 32 32"
2385
+ aria-hidden="true"
2386
+ role="img"
2387
+ width="1em"
2388
+ height="1em"
2389
+ >
2390
+ <path
2391
+ 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"
2392
+ />
2393
+ </svg>
2262
2394
  </span>
2263
2395
  </button>
2264
2396
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -2279,7 +2411,19 @@ wrapperTag: div
2279
2411
  aria-expanded="true"
2280
2412
  >
2281
2413
  <span class="pf-v6-c-wizard__nav-link-status-icon">
2282
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2414
+ <svg
2415
+ class="pf-v6-svg"
2416
+ fill="currentColor"
2417
+ viewBox="0 0 32 32"
2418
+ aria-hidden="true"
2419
+ role="img"
2420
+ width="1em"
2421
+ height="1em"
2422
+ >
2423
+ <path
2424
+ 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"
2425
+ />
2426
+ </svg>
2283
2427
  </span>
2284
2428
  <span class="pf-v6-c-wizard__nav-link-main">
2285
2429
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
@@ -2562,7 +2706,19 @@ wrapperTag: div
2562
2706
  <span class="pf-v6-c-wizard__toggle-list">
2563
2707
  <span class="pf-v6-c-wizard__toggle-list-item pf-m-success">
2564
2708
  <span class="pf-v6-c-wizard__toggle-status-icon">
2565
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2709
+ <svg
2710
+ class="pf-v6-svg"
2711
+ fill="currentColor"
2712
+ viewBox="0 0 32 32"
2713
+ aria-hidden="true"
2714
+ role="img"
2715
+ width="1em"
2716
+ height="1em"
2717
+ >
2718
+ <path
2719
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2720
+ />
2721
+ </svg>
2566
2722
  </span>
2567
2723
  Configuration
2568
2724
  <span class="pf-v6-c-wizard__toggle-separator">
@@ -2584,7 +2740,19 @@ wrapperTag: div
2584
2740
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
2585
2741
  </span>
2586
2742
  <span class="pf-v6-c-wizard__toggle-icon">
2587
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2743
+ <svg
2744
+ class="pf-v6-svg"
2745
+ fill="currentColor"
2746
+ viewBox="0 0 32 32"
2747
+ aria-hidden="true"
2748
+ role="img"
2749
+ width="1em"
2750
+ height="1em"
2751
+ >
2752
+ <path
2753
+ 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"
2754
+ />
2755
+ </svg>
2588
2756
  </span>
2589
2757
  </button>
2590
2758
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -2605,7 +2773,19 @@ wrapperTag: div
2605
2773
  aria-expanded="true"
2606
2774
  >
2607
2775
  <span class="pf-v6-c-wizard__nav-link-status-icon">
2608
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2776
+ <svg
2777
+ class="pf-v6-svg"
2778
+ fill="currentColor"
2779
+ viewBox="0 0 32 32"
2780
+ aria-hidden="true"
2781
+ role="img"
2782
+ width="1em"
2783
+ height="1em"
2784
+ >
2785
+ <path
2786
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2787
+ />
2788
+ </svg>
2609
2789
  </span>
2610
2790
  <span class="pf-v6-c-wizard__nav-link-main">
2611
2791
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
@@ -2888,7 +3068,19 @@ wrapperTag: div
2888
3068
  <span class="pf-v6-c-wizard__toggle-list">
2889
3069
  <span class="pf-v6-c-wizard__toggle-list-item pf-m-success">
2890
3070
  <span class="pf-v6-c-wizard__toggle-status-icon">
2891
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3071
+ <svg
3072
+ class="pf-v6-svg"
3073
+ fill="currentColor"
3074
+ viewBox="0 0 32 32"
3075
+ aria-hidden="true"
3076
+ role="img"
3077
+ width="1em"
3078
+ height="1em"
3079
+ >
3080
+ <path
3081
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3082
+ />
3083
+ </svg>
2892
3084
  </span>
2893
3085
  Configuration
2894
3086
  <span class="pf-v6-c-wizard__toggle-separator">
@@ -2910,7 +3102,19 @@ wrapperTag: div
2910
3102
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
2911
3103
  </span>
2912
3104
  <span class="pf-v6-c-wizard__toggle-icon">
2913
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3105
+ <svg
3106
+ class="pf-v6-svg"
3107
+ fill="currentColor"
3108
+ viewBox="0 0 32 32"
3109
+ aria-hidden="true"
3110
+ role="img"
3111
+ width="1em"
3112
+ height="1em"
3113
+ >
3114
+ <path
3115
+ 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"
3116
+ />
3117
+ </svg>
2914
3118
  </span>
2915
3119
  </button>
2916
3120
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -2931,7 +3135,19 @@ wrapperTag: div
2931
3135
  aria-expanded="true"
2932
3136
  >
2933
3137
  <span class="pf-v6-c-wizard__nav-link-status-icon">
2934
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3138
+ <svg
3139
+ class="pf-v6-svg"
3140
+ fill="currentColor"
3141
+ viewBox="0 0 32 32"
3142
+ aria-hidden="true"
3143
+ role="img"
3144
+ width="1em"
3145
+ height="1em"
3146
+ >
3147
+ <path
3148
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3149
+ />
3150
+ </svg>
2935
3151
  </span>
2936
3152
  <span class="pf-v6-c-wizard__nav-link-main">
2937
3153
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
@@ -3214,7 +3430,19 @@ wrapperTag: div
3214
3430
  <span class="pf-v6-c-wizard__toggle-list">
3215
3431
  <span class="pf-v6-c-wizard__toggle-list-item pf-m-warning">
3216
3432
  <span class="pf-v6-c-wizard__toggle-status-icon">
3217
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
3433
+ <svg
3434
+ class="pf-v6-svg"
3435
+ fill="currentColor"
3436
+ viewBox="0 0 32 32"
3437
+ aria-hidden="true"
3438
+ role="img"
3439
+ width="1em"
3440
+ height="1em"
3441
+ >
3442
+ <path
3443
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
3444
+ />
3445
+ </svg>
3218
3446
  </span>
3219
3447
  Configuration
3220
3448
  <span class="pf-v6-c-wizard__toggle-separator">
@@ -3236,7 +3464,19 @@ wrapperTag: div
3236
3464
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
3237
3465
  </span>
3238
3466
  <span class="pf-v6-c-wizard__toggle-icon">
3239
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3467
+ <svg
3468
+ class="pf-v6-svg"
3469
+ fill="currentColor"
3470
+ viewBox="0 0 32 32"
3471
+ aria-hidden="true"
3472
+ role="img"
3473
+ width="1em"
3474
+ height="1em"
3475
+ >
3476
+ <path
3477
+ 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"
3478
+ />
3479
+ </svg>
3240
3480
  </span>
3241
3481
  </button>
3242
3482
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -3257,7 +3497,19 @@ wrapperTag: div
3257
3497
  aria-expanded="true"
3258
3498
  >
3259
3499
  <span class="pf-v6-c-wizard__nav-link-status-icon">
3260
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
3500
+ <svg
3501
+ class="pf-v6-svg"
3502
+ fill="currentColor"
3503
+ viewBox="0 0 32 32"
3504
+ aria-hidden="true"
3505
+ role="img"
3506
+ width="1em"
3507
+ height="1em"
3508
+ >
3509
+ <path
3510
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
3511
+ />
3512
+ </svg>
3261
3513
  </span>
3262
3514
  <span class="pf-v6-c-wizard__nav-link-main">
3263
3515
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
@@ -3540,7 +3792,19 @@ wrapperTag: div
3540
3792
  <span class="pf-v6-c-wizard__toggle-list">
3541
3793
  <span class="pf-v6-c-wizard__toggle-list-item pf-m-warning">
3542
3794
  <span class="pf-v6-c-wizard__toggle-status-icon">
3543
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
3795
+ <svg
3796
+ class="pf-v6-svg"
3797
+ fill="currentColor"
3798
+ viewBox="0 0 32 32"
3799
+ aria-hidden="true"
3800
+ role="img"
3801
+ width="1em"
3802
+ height="1em"
3803
+ >
3804
+ <path
3805
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
3806
+ />
3807
+ </svg>
3544
3808
  </span>
3545
3809
  Configuration
3546
3810
  <span class="pf-v6-c-wizard__toggle-separator">
@@ -3562,7 +3826,19 @@ wrapperTag: div
3562
3826
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
3563
3827
  </span>
3564
3828
  <span class="pf-v6-c-wizard__toggle-icon">
3565
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3829
+ <svg
3830
+ class="pf-v6-svg"
3831
+ fill="currentColor"
3832
+ viewBox="0 0 32 32"
3833
+ aria-hidden="true"
3834
+ role="img"
3835
+ width="1em"
3836
+ height="1em"
3837
+ >
3838
+ <path
3839
+ 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"
3840
+ />
3841
+ </svg>
3566
3842
  </span>
3567
3843
  </button>
3568
3844
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -3583,7 +3859,19 @@ wrapperTag: div
3583
3859
  aria-expanded="true"
3584
3860
  >
3585
3861
  <span class="pf-v6-c-wizard__nav-link-status-icon">
3586
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
3862
+ <svg
3863
+ class="pf-v6-svg"
3864
+ fill="currentColor"
3865
+ viewBox="0 0 32 32"
3866
+ aria-hidden="true"
3867
+ role="img"
3868
+ width="1em"
3869
+ height="1em"
3870
+ >
3871
+ <path
3872
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
3873
+ />
3874
+ </svg>
3587
3875
  </span>
3588
3876
  <span class="pf-v6-c-wizard__nav-link-main">
3589
3877
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
@@ -3886,7 +4174,19 @@ wrapperTag: div
3886
4174
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
3887
4175
  </span>
3888
4176
  <span class="pf-v6-c-wizard__toggle-icon">
3889
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4177
+ <svg
4178
+ class="pf-v6-svg"
4179
+ fill="currentColor"
4180
+ viewBox="0 0 32 32"
4181
+ aria-hidden="true"
4182
+ role="img"
4183
+ width="1em"
4184
+ height="1em"
4185
+ >
4186
+ <path
4187
+ 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"
4188
+ />
4189
+ </svg>
3890
4190
  </span>
3891
4191
  </button>
3892
4192
  <div class="pf-v6-c-wizard__outer-wrap">