@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.64

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 (55) hide show
  1. package/components/Button/button.css +2 -2
  2. package/components/Button/button.scss +3 -3
  3. package/components/ClipboardCopy/clipboard-copy.css +7 -1
  4. package/components/ClipboardCopy/clipboard-copy.scss +10 -1
  5. package/components/Menu/menu.css +26 -19
  6. package/components/Menu/menu.scss +26 -19
  7. package/components/MenuToggle/menu-toggle.css +9 -5
  8. package/components/MenuToggle/menu-toggle.scss +12 -5
  9. package/components/_index.css +44 -27
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  11. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  12. package/docs/components/Card/examples/Card.md +130 -10
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
  14. package/docs/components/DataList/examples/DataList.md +221 -17
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  16. package/docs/components/Hint/examples/Hint.md +39 -3
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  18. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  19. package/docs/components/Login/examples/Login.md +13 -1
  20. package/docs/components/Menu/examples/Menu.md +195 -15
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  24. package/docs/components/Page/examples/Page.md +62 -15
  25. package/docs/components/Pagination/examples/Pagination.md +169 -13
  26. package/docs/components/Table/examples/Table.md +3461 -269
  27. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  28. package/docs/demos/AboutModal/examples/AboutModal.md +34 -4
  29. package/docs/demos/Alert/examples/Alert.md +102 -12
  30. package/docs/demos/BackToTop/examples/BackToTop.md +34 -4
  31. package/docs/demos/Banner/examples/Banner.md +68 -8
  32. package/docs/demos/Card/examples/Card.md +78 -6
  33. package/docs/demos/CardView/examples/CardView.md +214 -22
  34. package/docs/demos/Compass/examples/Compass.md +431 -56
  35. package/docs/demos/Dashboard/examples/Dashboard.md +71 -11
  36. package/docs/demos/DataList/examples/DataList.md +401 -53
  37. package/docs/demos/DescriptionList/examples/DescriptionList.md +115 -13
  38. package/docs/demos/Drawer/examples/Drawer.md +167 -17
  39. package/docs/demos/JumpLinks/examples/JumpLinks.md +188 -20
  40. package/docs/demos/Masthead/examples/Masthead.md +228 -30
  41. package/docs/demos/Modal/examples/Modal.md +204 -24
  42. package/docs/demos/Nav/examples/Nav.md +184 -28
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1015 -85
  44. package/docs/demos/Page/examples/Page.md +503 -58
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +649 -97
  46. package/docs/demos/Skeleton/examples/Skeleton.md +34 -4
  47. package/docs/demos/Table/examples/Table.md +2641 -349
  48. package/docs/demos/Tabs/examples/Tabs.md +295 -31
  49. package/docs/demos/Toolbar/examples/Toolbar.md +675 -63
  50. package/docs/demos/Wizard/examples/Wizard.md +306 -36
  51. package/package.json +1 -1
  52. package/patternfly-no-globals.css +44 -27
  53. package/patternfly.css +44 -27
  54. package/patternfly.min.css +1 -1
  55. package/patternfly.min.css.map +1 -1
@@ -156,7 +156,19 @@ cssPrefix: pf-d-dashboard
156
156
  aria-label="Settings"
157
157
  >
158
158
  <span class="pf-v6-c-menu-toggle__icon">
159
- <i class="fas fa-cog" aria-hidden="true"></i>
159
+ <svg
160
+ class="pf-v6-svg"
161
+ viewBox="0 0 32 32"
162
+ fill="currentColor"
163
+ aria-hidden="true"
164
+ role="img"
165
+ width="1em"
166
+ height="1em"
167
+ >
168
+ <path
169
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
170
+ />
171
+ </svg>
160
172
  </span>
161
173
  </button>
162
174
  </div>
@@ -182,7 +194,19 @@ cssPrefix: pf-d-dashboard
182
194
  aria-label="Actions"
183
195
  >
184
196
  <span class="pf-v6-c-menu-toggle__icon">
185
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
197
+ <svg
198
+ class="pf-v6-svg"
199
+ viewBox="0 0 32 32"
200
+ fill="currentColor"
201
+ aria-hidden="true"
202
+ role="img"
203
+ width="1em"
204
+ height="1em"
205
+ >
206
+ <path
207
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
208
+ />
209
+ </svg>
186
210
  </span>
187
211
  </button>
188
212
  </div>
@@ -313,9 +337,15 @@ cssPrefix: pf-d-dashboard
313
337
  </nav>
314
338
  </div>
315
339
  </section>
316
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
340
+ <section
341
+ class="pf-v6-c-page__main-section pf-m-limit-width"
342
+ aria-labelledby="main-title"
343
+ >
317
344
  <div class="pf-v6-c-page__main-body">
318
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
345
+ <h1
346
+ class="pf-v6-c-content--h1 pf-m-page-title"
347
+ id="main-title"
348
+ >Main title</h1>
319
349
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
320
350
  </div>
321
351
  </section>
@@ -360,7 +390,19 @@ cssPrefix: pf-d-dashboard
360
390
  id="dashboard-demo-expandable-status-card-1-action-kebab"
361
391
  >
362
392
  <span class="pf-v6-c-menu-toggle__icon">
363
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
393
+ <svg
394
+ class="pf-v6-svg"
395
+ viewBox="0 0 32 32"
396
+ fill="currentColor"
397
+ aria-hidden="true"
398
+ role="img"
399
+ width="1em"
400
+ height="1em"
401
+ >
402
+ <path
403
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
404
+ />
405
+ </svg>
364
406
  </span>
365
407
  </button>
366
408
  </div>
@@ -1168,10 +1210,19 @@ cssPrefix: pf-d-dashboard
1168
1210
  <span class="pf-v6-c-menu-toggle__text">24 hours</span>
1169
1211
  <span class="pf-v6-c-menu-toggle__controls">
1170
1212
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1171
- <i
1172
- class="fas fa-caret-down fa-fw"
1213
+ <svg
1214
+ class="pf-v6-svg"
1215
+ viewBox="0 0 20 20"
1216
+ fill="currentColor"
1173
1217
  aria-hidden="true"
1174
- ></i>
1218
+ role="img"
1219
+ width="1em"
1220
+ height="1em"
1221
+ >
1222
+ <path
1223
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1224
+ />
1225
+ </svg>
1175
1226
  </span>
1176
1227
  </span>
1177
1228
  </button>
@@ -1744,10 +1795,19 @@ cssPrefix: pf-d-dashboard
1744
1795
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1745
1796
  <span class="pf-v6-c-menu-toggle__controls">
1746
1797
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1747
- <i
1748
- class="fas fa-caret-down fa-fw"
1798
+ <svg
1799
+ class="pf-v6-svg"
1800
+ viewBox="0 0 20 20"
1801
+ fill="currentColor"
1749
1802
  aria-hidden="true"
1750
- ></i>
1803
+ role="img"
1804
+ width="1em"
1805
+ height="1em"
1806
+ >
1807
+ <path
1808
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1809
+ />
1810
+ </svg>
1751
1811
  </span>
1752
1812
  </span>
1753
1813
  </button>