@patternfly/patternfly 6.5.0-prerelease.43 → 6.5.0-prerelease.45

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 (65) hide show
  1. package/components/Button/button.css +76 -3
  2. package/components/Button/button.scss +85 -4
  3. package/components/_index.css +76 -3
  4. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  5. package/docs/components/ActionList/examples/ActionList.md +143 -11
  6. package/docs/components/Alert/examples/Alert.md +182 -14
  7. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  8. package/docs/components/Button/examples/Button.md +2017 -157
  9. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  10. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
  11. package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
  12. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  13. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  14. package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
  15. package/docs/components/Drawer/examples/Drawer.md +273 -21
  16. package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  18. package/docs/components/InputGroup/examples/InputGroup.md +26 -2
  19. package/docs/components/Label/examples/Label.md +242 -218
  20. package/docs/components/Login/examples/Login.md +26 -2
  21. package/docs/components/Masthead/examples/masthead.md +13 -1
  22. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  23. package/docs/components/ModalBox/examples/ModalBox.md +195 -15
  24. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
  25. package/docs/components/Nav/examples/Navigation.md +52 -4
  26. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
  27. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  28. package/docs/components/Page/examples/Page.md +13 -1
  29. package/docs/components/Pagination/examples/Pagination.md +624 -48
  30. package/docs/components/Popover/examples/Popover.md +208 -16
  31. package/docs/components/Slider/examples/Slider.md +4 -4
  32. package/docs/components/Table/examples/Table.md +52 -4
  33. package/docs/components/Tabs/examples/Tabs.md +1378 -106
  34. package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
  35. package/docs/components/Toolbar/examples/Toolbar.md +455 -35
  36. package/docs/components/TreeView/examples/TreeView.md +52 -4
  37. package/docs/components/Wizard/examples/Wizard.md +169 -13
  38. package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
  39. package/docs/demos/Alert/examples/Alert.md +39 -3
  40. package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
  41. package/docs/demos/Button/examples/Button.md +13 -1
  42. package/docs/demos/Card/examples/Card.md +65 -5
  43. package/docs/demos/CardView/examples/CardView.md +78 -6
  44. package/docs/demos/Compass/examples/Compass.md +323 -29
  45. package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
  46. package/docs/demos/DataList/examples/DataList.md +312 -24
  47. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
  48. package/docs/demos/Drawer/examples/Drawer.md +39 -3
  49. package/docs/demos/Form/examples/BasicForms.md +106 -10
  50. package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
  51. package/docs/demos/Masthead/examples/Masthead.md +40 -4
  52. package/docs/demos/Modal/examples/Modal.md +78 -6
  53. package/docs/demos/Nav/examples/Nav.md +52 -4
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
  57. package/docs/demos/Table/examples/Table.md +1108 -145
  58. package/docs/demos/Tabs/examples/Tabs.md +53 -8
  59. package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
  60. package/docs/demos/Wizard/examples/Wizard.md +130 -10
  61. package/package.json +2 -2
  62. package/patternfly-no-globals.css +76 -3
  63. package/patternfly.css +76 -3
  64. package/patternfly.min.css +1 -1
  65. package/patternfly.min.css.map +1 -1
package/docs/components/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -30,7 +30,19 @@ cssPrefix: pf-v6-c-notification-drawer
30
30
  aria-label="Close"
31
31
  >
32
32
  <span class="pf-v6-c-button__icon">
33
- <i class="fas fa-times" aria-hidden="true"></i>
33
+ <svg
34
+ class="pf-v6-svg"
35
+ viewBox="0 0 352 512"
36
+ fill="currentColor"
37
+ aria-hidden="true"
38
+ role="img"
39
+ width="1em"
40
+ height="1em"
41
+ >
42
+ <path
43
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
44
+ />
45
+ </svg>
34
46
  </span>
35
47
  </button>
36
48
  </div>
@@ -331,7 +343,19 @@ cssPrefix: pf-v6-c-notification-drawer
331
343
  aria-label="Close"
332
344
  >
333
345
  <span class="pf-v6-c-button__icon">
334
- <i class="fas fa-times" aria-hidden="true"></i>
346
+ <svg
347
+ class="pf-v6-svg"
348
+ viewBox="0 0 352 512"
349
+ fill="currentColor"
350
+ aria-hidden="true"
351
+ role="img"
352
+ width="1em"
353
+ height="1em"
354
+ >
355
+ <path
356
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
357
+ />
358
+ </svg>
335
359
  </span>
336
360
  </button>
337
361
  </div>
package/docs/components/OverflowMenu/examples/overflow-menu.md CHANGED
@@ -100,7 +100,19 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
100
100
  aria-label="Align left"
101
101
  >
102
102
  <span class="pf-v6-c-button__icon">
103
- <i class="fas fa-align-left" aria-hidden="true"></i>
103
+ <svg
104
+ class="pf-v6-svg"
105
+ viewBox="0 0 448 512"
106
+ fill="currentColor"
107
+ aria-hidden="true"
108
+ role="img"
109
+ width="1em"
110
+ height="1em"
111
+ >
112
+ <path
113
+ d="M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"
114
+ />
115
+ </svg>
104
116
  </span>
105
117
  </button>
106
118
  </div>
@@ -111,7 +123,19 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
111
123
  aria-label="Align center"
112
124
  >
113
125
  <span class="pf-v6-c-button__icon">
114
- <i class="fas fa-align-center" aria-hidden="true"></i>
126
+ <svg
127
+ class="pf-v6-svg"
128
+ viewBox="0 0 448 512"
129
+ fill="currentColor"
130
+ aria-hidden="true"
131
+ role="img"
132
+ width="1em"
133
+ height="1em"
134
+ >
135
+ <path
136
+ d="M432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM108.1 96h231.81A12.09 12.09 0 0 0 352 83.9V44.09A12.09 12.09 0 0 0 339.91 32H108.1A12.09 12.09 0 0 0 96 44.09V83.9A12.1 12.1 0 0 0 108.1 96zm231.81 256A12.09 12.09 0 0 0 352 339.9v-39.81A12.09 12.09 0 0 0 339.91 288H108.1A12.09 12.09 0 0 0 96 300.09v39.81a12.1 12.1 0 0 0 12.1 12.1z"
137
+ />
138
+ </svg>
115
139
  </span>
116
140
  </button>
117
141
  </div>
@@ -122,7 +146,19 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
122
146
  aria-label="Align right"
123
147
  >
124
148
  <span class="pf-v6-c-button__icon">
125
- <i class="fas fa-align-right" aria-hidden="true"></i>
149
+ <svg
150
+ class="pf-v6-svg"
151
+ viewBox="0 0 448 512"
152
+ fill="currentColor"
153
+ aria-hidden="true"
154
+ role="img"
155
+ width="1em"
156
+ height="1em"
157
+ >
158
+ <path
159
+ d="M16 224h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm416 192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm3.17-384H172.83A12.82 12.82 0 0 0 160 44.83v38.34A12.82 12.82 0 0 0 172.83 96h262.34A12.82 12.82 0 0 0 448 83.17V44.83A12.82 12.82 0 0 0 435.17 32zm0 256H172.83A12.82 12.82 0 0 0 160 300.83v38.34A12.82 12.82 0 0 0 172.83 352h262.34A12.82 12.82 0 0 0 448 339.17v-38.34A12.82 12.82 0 0 0 435.17 288z"
160
+ />
161
+ </svg>
126
162
  </span>
127
163
  </button>
128
164
  </div>
@@ -199,7 +235,19 @@ The action group consists of a primary and secondary action. Any additional acti
199
235
  aria-label="Align left"
200
236
  >
201
237
  <span class="pf-v6-c-button__icon">
202
- <i class="fas fa-align-left" aria-hidden="true"></i>
238
+ <svg
239
+ class="pf-v6-svg"
240
+ viewBox="0 0 448 512"
241
+ fill="currentColor"
242
+ aria-hidden="true"
243
+ role="img"
244
+ width="1em"
245
+ height="1em"
246
+ >
247
+ <path
248
+ d="M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"
249
+ />
250
+ </svg>
203
251
  </span>
204
252
  </button>
205
253
  </div>
@@ -210,7 +258,19 @@ The action group consists of a primary and secondary action. Any additional acti
210
258
  aria-label="Align center"
211
259
  >
212
260
  <span class="pf-v6-c-button__icon">
213
- <i class="fas fa-align-center" aria-hidden="true"></i>
261
+ <svg
262
+ class="pf-v6-svg"
263
+ viewBox="0 0 448 512"
264
+ fill="currentColor"
265
+ aria-hidden="true"
266
+ role="img"
267
+ width="1em"
268
+ height="1em"
269
+ >
270
+ <path
271
+ d="M432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM108.1 96h231.81A12.09 12.09 0 0 0 352 83.9V44.09A12.09 12.09 0 0 0 339.91 32H108.1A12.09 12.09 0 0 0 96 44.09V83.9A12.1 12.1 0 0 0 108.1 96zm231.81 256A12.09 12.09 0 0 0 352 339.9v-39.81A12.09 12.09 0 0 0 339.91 288H108.1A12.09 12.09 0 0 0 96 300.09v39.81a12.1 12.1 0 0 0 12.1 12.1z"
272
+ />
273
+ </svg>
214
274
  </span>
215
275
  </button>
216
276
  </div>
@@ -221,7 +281,19 @@ The action group consists of a primary and secondary action. Any additional acti
221
281
  aria-label="Align right"
222
282
  >
223
283
  <span class="pf-v6-c-button__icon">
224
- <i class="fas fa-align-right" aria-hidden="true"></i>
284
+ <svg
285
+ class="pf-v6-svg"
286
+ viewBox="0 0 448 512"
287
+ fill="currentColor"
288
+ aria-hidden="true"
289
+ role="img"
290
+ width="1em"
291
+ height="1em"
292
+ >
293
+ <path
294
+ d="M16 224h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm416 192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm3.17-384H172.83A12.82 12.82 0 0 0 160 44.83v38.34A12.82 12.82 0 0 0 172.83 96h262.34A12.82 12.82 0 0 0 448 83.17V44.83A12.82 12.82 0 0 0 435.17 32zm0 256H172.83A12.82 12.82 0 0 0 160 300.83v38.34A12.82 12.82 0 0 0 172.83 352h262.34A12.82 12.82 0 0 0 448 339.17v-38.34A12.82 12.82 0 0 0 435.17 288z"
295
+ />
296
+ </svg>
225
297
  </span>
226
298
  </button>
227
299
  </div>
package/docs/components/Page/examples/Page.md CHANGED
@@ -530,7 +530,19 @@ wrapperTag: div
530
530
  aria-label="Chat"
531
531
  >
532
532
  <span class="pf-v6-c-button__icon">
533
- <i class="fas fa-comment-alt" aria-hidden="true"></i>
533
+ <svg
534
+ class="pf-v6-svg"
535
+ viewBox="0 0 512 512"
536
+ fill="currentColor"
537
+ aria-hidden="true"
538
+ role="img"
539
+ width="1em"
540
+ height="1em"
541
+ >
542
+ <path
543
+ d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z"
544
+ />
545
+ </svg>
534
546
  </span>
535
547
  </button>
536
548
  </div>